2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-05 16:42:29 +03:00

Changing up boostrap for better grid variable management and grid structuring

This commit is contained in:
Mark Otto
2011-05-03 17:35:08 -07:00
parent bb8ebe2312
commit a6d5f6743f
3 changed files with 183 additions and 4 deletions
+13 -3
View File
@@ -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) {