diff options
| author | Mark Otto <[email protected]> | 2012-01-26 14:50:55 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2012-01-26 14:50:55 -0800 |
| commit | 7a6737512a18f56bb95a0024fdbd4a8823034b76 (patch) | |
| tree | 5ac043319474e6a8aad6f9079824afc9d7f396a7 /lib/scaffolding.less | |
| parent | 8a6be6601dfb826e32a5004b7b0f09756ebb975b (diff) | |
| download | bootstrap-7a6737512a18f56bb95a0024fdbd4a8823034b76.tar.xz bootstrap-7a6737512a18f56bb95a0024fdbd4a8823034b76.zip | |
break scaffolding down into smaller less files
Diffstat (limited to 'lib/scaffolding.less')
| -rw-r--r-- | lib/scaffolding.less | 86 |
1 files changed, 2 insertions, 84 deletions
diff --git a/lib/scaffolding.less b/lib/scaffolding.less index 7002b0408..3eced0ef0 100644 --- a/lib/scaffolding.less +++ b/lib/scaffolding.less @@ -16,49 +16,10 @@ body { background-color: @white; } -// Container (centered, fixed-width layouts) -.container { - .container-fixed(); -} - -// Fluid layouts (left aligned, with sidebar, min- & max-width content) -.fluid-container { - position: relative; - min-width: @siteWidth; - padding-left: @gridGutterWidth; - padding-right: @gridGutterWidth; - .clearfix(); -} - -// Sidebars (left and right options) -.fluid-sidebar { - width: @fluidSidebarWidth; - margin: 0 20px 18px; -} -.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 + @gridGutterWidth) * -1; -} -.sidebar-right .fluid-sidebar { - float: right; - margin-right: (@fluidSidebarWidth + @gridGutterWidth) * -1; -} - -// The main content area -.fluid-content { - float: left; - width: 100%; -} - -// BASE STYLES -// ----------- +// LINKS +// ----- -// Links a { color: @linkColor; text-decoration: none; @@ -67,46 +28,3 @@ a { text-decoration: underline; } } - - -// GRID SYSTEM -// ----------- -// To customize the grid system, bring up the variables.less file and change the column count, size, and gutter there -.row { - margin-left: @gridGutterWidth * -1; - .clearfix(); -} - -// Find all .span# classes within .row and give them the necessary properties for grid columns -// (supported by all browsers back to IE7) -// Credit to @dhg for the idea -[class*="span"] { - .gridColumn(); -} - -// Default columns -.span1 { .columns(1); } -.span2 { .columns(2); } -.span3 { .columns(3); } -.span4 { .columns(4); } -.span5 { .columns(5); } -.span6 { .columns(6); } -.span7 { .columns(7); } -.span8 { .columns(8); } -.span9 { .columns(9); } -.span10 { .columns(10); } -.span11 { .columns(11); } -.span12 { .columns(12); } - -// Offset column options -.offset1 { .offset(1); } -.offset2 { .offset(2); } -.offset3 { .offset(3); } -.offset4 { .offset(4); } -.offset5 { .offset(5); } -.offset6 { .offset(6); } -.offset7 { .offset(7); } -.offset8 { .offset(8); } -.offset9 { .offset(9); } -.offset10 { .offset(10); } -.offset11 { .offset(11); } |
