rev/bootstrap
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

10
lib/scaffolding.less
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 {

3
lib/variables.less
View file

@ -43,6 +43,9 @@
@gridGutterWidth: 20px;
@siteWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
// Fluid width sidebar
@fluidSidebarWidth: 220px;
// THEME VARIABLES
// ---------------