0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-04 16:24:22 +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 layouts (left aligned, with sidebar, min- & max-width content)
.fluid-container { .fluid-container {
position: relative; position: relative;
min-width: 940px; min-width: @siteWidth;
padding-left: 20px; padding-left: @gridGutterWidth;
padding-right: 20px; padding-right: @gridGutterWidth;
.clearfix(); .clearfix();
} }
@ -35,17 +35,17 @@ body {
width: @fluidSidebarWidth; width: @fluidSidebarWidth;
margin: 0 20px 18px; margin: 0 20px 18px;
} }
.sidebar-left { padding-left: @fluidSidebarWidth + 40; } .sidebar-left { padding-left: @fluidSidebarWidth + @gridGutterWidth * 2; }
.sidebar-right { padding-right: @fluidSidebarWidth + 40; } .sidebar-right { padding-right: @fluidSidebarWidth + @gridGutterWidth * 2; }
// Float the sidebars accordingly // Float the sidebars accordingly
.sidebar-left .fluid-sidebar { .sidebar-left .fluid-sidebar {
float: left; float: left;
margin-left: (@fluidSidebarWidth + 20) * -1; margin-left: (@fluidSidebarWidth + @gridGutterWidth) * -1;
} }
.sidebar-right .fluid-sidebar { .sidebar-right .fluid-sidebar {
float: right; float: right;
margin-right: (@fluidSidebarWidth + 20) * -1; margin-right: (@fluidSidebarWidth + @gridGutterWidth) * -1;
} }
// The main content area // The main content area