diff options
| author | Mark Otto <[email protected]> | 2011-05-03 17:35:08 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2011-05-03 17:35:08 -0700 |
| commit | a6d5f6743f41c0e62fa7e97dc7faa5d1a47f2456 (patch) | |
| tree | b9e56589a183d74015bd36e701ebc17aaaba2308 /less | |
| parent | bb8ebe2312e4424a4e40974f0f21dd008064f736 (diff) | |
| download | bootstrap-a6d5f6743f41c0e62fa7e97dc7faa5d1a47f2456.tar.xz bootstrap-a6d5f6743f41c0e62fa7e97dc7faa5d1a47f2456.zip | |
Changing up boostrap for better grid variable management and grid structuring
Diffstat (limited to 'less')
| -rw-r--r-- | less/bootstrap.less | 16 | ||||
| -rw-r--r-- | less/docs.less | 3 |
2 files changed, 15 insertions, 4 deletions
diff --git a/less/bootstrap.less b/less/bootstrap.less index a261babf0..9e131a909 100644 --- a/less/bootstrap.less +++ b/less/bootstrap.less @@ -32,6 +32,12 @@ // Baseline grid @baseline: 20px; +// Griditude +@grid_columns: 16; +@grid_column_width: 40px; +@grid_gutter_width: 20px; +@site_width: (@grid_columns * @grid_column_width) + (@grid_gutter_width * (@grid_columns - 1)); + /* Mixins -------------------------------------------------- */ @@ -92,9 +98,10 @@ } // Grid System -@grid_columns: 16; -@grid_column_width: 40px; -@grid_gutter_width: 20px; +.container { + width: @site_width; + margin: 0 auto; +} .columns(@column_span: 1) { display: inline; float: left; @@ -104,6 +111,9 @@ margin-left: 0; } } +.offset(@column_offset: 1) { + margin-left: (@grid_column_width * @column_offset) + (@grid_gutter_width * (@column_offset - 1)) !important; +} // Border Radius .border-radius(@radius: 5px) { diff --git a/less/docs.less b/less/docs.less index b10eb29a0..0f17c5083 100644 --- a/less/docs.less +++ b/less/docs.less @@ -121,6 +121,7 @@ section { margin-left: -490px; } #grid div.vert { + #translucent > .background(#00CED1, .075); width: 39px; border: solid darkturquoise; border-width: 0 1px; @@ -130,7 +131,7 @@ section { margin-left: 19px; } #grid div.horiz { - height: 19px; + height: @baseline - 1; border-bottom: 1px solid rgba(255,0,0,.1); margin: 0; padding: 0; |