improve CSS properties for centering content, the container, and fluid container so as to not override properties where possible
This commit is contained in:
parent
2589c0ac4e
commit
c4481b54a8
4 changed files with 17 additions and 11 deletions
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue