diff --git a/lib/scaffolding.less b/lib/scaffolding.less index a0d54a88651d150b13a21193bc8729a1cc53b381..7ad8a7b1648365551ce370cabad352cb29fe63f7 100644 --- a/lib/scaffolding.less +++ b/lib/scaffolding.less @@ -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