0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-02 14:24:19 +01:00

Using variables rather than numeric values

This commit is contained in:
Olivier Laviale 2012-01-22 22:32:16 +01:00
parent 0523c053a7
commit a583f055b3

View File

@ -24,9 +24,9 @@ body {
// Fluid layouts (left aligned, with sidebar, min- & max-width content)
.fluid-container {
position: relative;
min-width: 940px;
padding-left: 20px;
padding-right: 20px;
min-width: @siteWidth;
padding-left: @gridGutterWidth;
padding-right: @gridGutterWidth;
.clearfix();
}
@ -35,17 +35,17 @@ body {
width: @fluidSidebarWidth;
margin: 0 20px 18px;
}
.sidebar-left { padding-left: @fluidSidebarWidth + 40; }
.sidebar-right { padding-right: @fluidSidebarWidth + 40; }
.sidebar-left { padding-left: @fluidSidebarWidth + @gridGutterWidth * 2; }
.sidebar-right { padding-right: @fluidSidebarWidth + @gridGutterWidth * 2; }
// Float the sidebars accordingly
.sidebar-left .fluid-sidebar {
float: left;
margin-left: (@fluidSidebarWidth + 20) * -1;
margin-left: (@fluidSidebarWidth + @gridGutterWidth) * -1;
}
.sidebar-right .fluid-sidebar {
float: right;
margin-right: (@fluidSidebarWidth + 20) * -1;
margin-right: (@fluidSidebarWidth + @gridGutterWidth) * -1;
}
// The main content area