aboutsummaryrefslogtreecommitdiff
path: root/lib/scaffolding.less
diff options
context:
space:
mode:
authorJacob Thornton <[email protected]>2011-09-02 21:04:25 -0700
committerJacob Thornton <[email protected]>2011-09-02 21:04:25 -0700
commit0e13f8dca10ff19397d577b0916a72129183bfeb (patch)
tree94840c00948c1b9844be7db18b8c1623100639bd /lib/scaffolding.less
parentb4a84e1e7de1e5448cf9adc61a1a02badec80439 (diff)
parent2589c0ac4ecc86feed81cfc5df344e0eb78cda64 (diff)
downloadbootstrap-0e13f8dca10ff19397d577b0916a72129183bfeb.tar.xz
bootstrap-0e13f8dca10ff19397d577b0916a72129183bfeb.zip
Merge branch 'master' of github.com:twitter/bootstrap into js-examples
Conflicts: bootstrap-1.2.0.css bootstrap-1.2.0.min.css lib/patterns.less lib/scaffolding.less
Diffstat (limited to 'lib/scaffolding.less')
-rw-r--r--lib/scaffolding.less36
1 files changed, 14 insertions, 22 deletions
diff --git a/lib/scaffolding.less b/lib/scaffolding.less
index ab87567a0..af4f3a8b3 100644
--- a/lib/scaffolding.less
+++ b/lib/scaffolding.less
@@ -9,28 +9,14 @@
.row {
.clearfix();
- margin-left: -20px;
+ margin-left: -1 * @gridGutterWidth;
- // Default columns
- .span1,
- .span2,
- .span3,
- .span4,
- .span5,
- .span6,
- .span7,
- .span8,
- .span9,
- .span10,
- .span11,
- .span12,
- .span13,
- .span14,
- .span15,
- .span16 {
+ // 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"] {
display: inline;
float: left;
- margin-left: 20px;
+ margin-left: @gridGutterWidth;
}
// Default columns
@@ -64,6 +50,12 @@
.offset10 { .offset(10); }
.offset11 { .offset(11); }
.offset12 { .offset(12); }
+
+ // Unique column sizes for 16-column grid
+ .span-one-third { width: 300px; }
+ .span-two-thirds { width: 620px; }
+ .offset-one-third { margin-left: 340px; }
+ .offset-two-thirds { margin-left: 660px; }
}
@@ -77,7 +69,6 @@ body {
margin: 0;
#font > .sans-serif(normal,@basefont,@baseline);
color: @gray;
- text-rendering: optimizeLegibility;
}
// Container (centered, fixed-width layouts)
@@ -90,11 +81,12 @@ body {
.container-fluid {
padding: 0 20px;
.clearfix();
- .sidebar {
+ > .sidebar {
float: left;
width: 220px;
}
- .content {
+ // TODO in v2: rename this and .popover .content to be more specific
+ > .content {
min-width: 700px;
max-width: 1180px;
margin-left: 240px;