improve CSS properties for centering content, the container, and fluid container so as to not override properties where possible

This commit is contained in:
Mark Otto 2011-09-02 21:00:01 -07:00
parent 2589c0ac4e
commit c4481b54a8
4 changed files with 17 additions and 11 deletions

View file

@ -70,7 +70,8 @@
// Center-align a block level element
.center-block {
display: block;
margin: 0 auto;
margin-left: auto;
margin-right: auto;
}
// Sizing shortcuts

View file

@ -73,13 +73,15 @@ body {
// Container (centered, fixed-width layouts)
.container {
width: 940px;
margin: 0 auto;
width: @siteWidth;
margin-left: auto;
margin-right: auto;
}
// Fluid layouts (left aligned, with sidebar, min- & max-width content)
.container-fluid {
padding: 0 20px;
padding-left: 20px;
padding-right: 20px;
.clearfix();
> .sidebar {
float: left;