mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-05-27 14:46:01 +03:00
Code Activity

update fluid layout to use variable for sidebar width

Browse Source
This commit is contained in:
Mark Otto
2012-01-07 03:53:20 -08:00
parent 8ccc3bcf03
commit 33dad13014
3 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/scaffolding.less
+5 -5
View File
@@ -32,15 +32,15 @@ body {
// Sidebars (left and right options)
.fluid-sidebar {
width: 220px;
width: @fluidSidebarWidth;
margin: 0 20px 18px;
}
.sidebar-left { padding-left: 260px; }
.sidebar-right { padding-right: 260px; }
.sidebar-left { padding-left: @fluidSidebarWidth + 40; }
.sidebar-right { padding-right: @fluidSidebarWidth + 40; }
// Float the sidebars accordingly
.sidebar-left .fluid-sidebar { float: left; margin-left: -240px; }
.sidebar-right .fluid-sidebar { float: right; margin-right: -240px; }
.sidebar-left .fluid-sidebar { float: left; margin-left: (@fluidSidebarWidth + 20) * -1; }
.sidebar-right .fluid-sidebar { float: right; margin-right: (@fluidSidebarWidth + 20) * -1; }
// The main content area
.fluid-content {
lib/variables.less
+3
View File
@@ -43,6 +43,9 @@
@gridGutterWidth: 20px;
@siteWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
// Fluid width sidebar
@fluidSidebarWidth: 220px;
// THEME VARIABLES
// ---------------