diff options
author | Mark Otto <markotto@twitter.com> | 2012-07-07 11:30:43 +0400 |
---|---|---|
committer | Mark Otto <markotto@twitter.com> | 2012-07-07 11:30:43 +0400 |
commit | e2336ef02ab620277e2d81f3fc6b4ff69e027ae4 (patch) | |
tree | d735032adc2e79bbb581d782f9993d400c7706b0 /less | |
parent | 6d447079a41f8441c061a9d6f572e28c627ccd6e (diff) |
remove specific values for the fluid grid system and instead use LESS's percentage() function
Diffstat (limited to 'less')
-rw-r--r-- | less/variables.less | 14 |
1 files changed, 8 insertions, 6 deletions
diff --git a/less/variables.less b/less/variables.less index 09dc554942..4d07f0649d 100644 --- a/less/variables.less +++ b/less/variables.less @@ -213,21 +213,23 @@ // 1200px min @gridColumnWidth1200: 70px; @gridGutterWidth1200: 30px; +@gridRowWidth1200: (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns - 1)); // 768px-979px @gridColumnWidth768: 42px; @gridGutterWidth768: 20px; +@gridRowWidth768: (@gridColumns * @gridColumnWidth768) + (@gridGutterWidth768 * (@gridColumns - 1)); // Fluid grid // ------------------------- -@fluidGridColumnWidth: 6.382978723%; -@fluidGridGutterWidth: 2.127659574%; +@fluidGridColumnWidth: percentage(@gridColumnWidth/@gridRowWidth); +@fluidGridGutterWidth: percentage(@gridGutterWidth/@gridRowWidth); // 1200px min -@fluidGridColumnWidth1200: 5.982905983%; -@fluidGridGutterWidth1200: 2.564102564%; +@fluidGridColumnWidth1200: percentage(@gridColumnWidth1200/@gridRowWidth1200); +@fluidGridGutterWidth1200: percentage(@gridGutterWidth1200/@gridRowWidth1200); // 768px-979px -@fluidGridColumnWidth768: 5.801104972%; -@fluidGridGutterWidth768: 2.762430939%; +@fluidGridColumnWidth768: percentage(@gridColumnWidth768/@gridRowWidth768); +@fluidGridGutterWidth768: percentage(@gridGutterWidth768/@gridRowWidth768); |