From 650251228bfda8d57a09b4b350ce2b9f1e0efcc1 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 27 Aug 2011 15:30:18 -0700 Subject: redefine the grid to use attribute selectors with css regex, make previously fixed grid values use variables we use elsewhere --- lib/preboot.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'lib/preboot.less') diff --git a/lib/preboot.less b/lib/preboot.less index 75e75020b..f5d5a48d1 100644 --- a/lib/preboot.less +++ b/lib/preboot.less @@ -36,7 +36,7 @@ @gridColumns: 16; @gridColumnWidth: 40px; @gridGutterWidth: 20px; -@extraSpace: 40px; +@extraSpace: (@gridGutterWidth * 2); // For our grid calculations @siteWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1)); // Color Scheme -- cgit v1.2.3 From 60409660d7537a83b6e1d6d66f9aa97e6c531f77 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Fri, 2 Sep 2011 12:01:41 -0700 Subject: \9 for 8 or less ie --- lib/preboot.less | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'lib/preboot.less') diff --git a/lib/preboot.less b/lib/preboot.less index 9a1d88b2c..96bca8688 100644 --- a/lib/preboot.less +++ b/lib/preboot.less @@ -240,7 +240,7 @@ background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+ background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10 background-image: linear-gradient(top, @startColor, @endColor); // The standard - filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE6 & IE7 + filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\9",@startColor,@endColor)); } .directional (@startColor: #555, @endColor: #333, @deg: 45deg) { background-color: @endColor; @@ -260,6 +260,7 @@ background-image: -ms-linear-gradient(@startColor, @midColor @colorStop, @endColor); background-image: -o-linear-gradient(@startColor, @midColor @colorStop, @endColor); background-image: linear-gradient(@startColor, @midColor @colorStop, @endColor); + filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\9",@startColor,@endColor)); } } -- cgit v1.2.3 From 8c1e60c638ba9f2c564f9c0f05c255a673672a5e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 2 Sep 2011 12:19:43 -0700 Subject: add reset filter to preboot for turning off gradients in IE when necessary; make :disabled [disabled] for crossbrowser usage --- lib/preboot.less | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) (limited to 'lib/preboot.less') diff --git a/lib/preboot.less b/lib/preboot.less index 96bca8688..b92acb9d3 100644 --- a/lib/preboot.less +++ b/lib/preboot.less @@ -240,7 +240,7 @@ background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+ background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10 background-image: linear-gradient(top, @startColor, @endColor); // The standard - filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\9",@startColor,@endColor)); + filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\9",@startColor,@endColor)); // IE8 and down } .directional (@startColor: #555, @endColor: #333, @deg: 45deg) { background-color: @endColor; @@ -260,10 +260,15 @@ background-image: -ms-linear-gradient(@startColor, @midColor @colorStop, @endColor); background-image: -o-linear-gradient(@startColor, @midColor @colorStop, @endColor); background-image: linear-gradient(@startColor, @midColor @colorStop, @endColor); - filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\9",@startColor,@endColor)); + filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\9",@startColor,@endColor)); // IE8 and down, gets no color-stop at all for proper fallback } } +// Reset filters for IE +.reset-filter() { + filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)")); +} + // Opacity .opacity(@opacity: 100) { filter: e(%("alpha(opacity=%d)", @opacity)); -- cgit v1.2.3 From cb244d5d51f910ac891f4a3a4691cd0740dc8307 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 2 Sep 2011 12:31:14 -0700 Subject: fix docs.css spacing, add gradient support for ie9 back --- lib/preboot.less | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) (limited to 'lib/preboot.less') diff --git a/lib/preboot.less b/lib/preboot.less index b92acb9d3..d270cab05 100644 --- a/lib/preboot.less +++ b/lib/preboot.less @@ -229,6 +229,7 @@ background-image: -webkit-linear-gradient(left, @startColor, @endColor); // Safari 5.1+, Chrome 10+ background-image: -o-linear-gradient(left, @startColor, @endColor); // Opera 11.10 background-image: linear-gradient(left, @startColor, @endColor); // Le standard + filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor)); // IE9 and down } .vertical (@startColor: #555, @endColor: #333) { background-color: @endColor; @@ -240,7 +241,7 @@ background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+ background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10 background-image: linear-gradient(top, @startColor, @endColor); // The standard - filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\9",@startColor,@endColor)); // IE8 and down + filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down } .directional (@startColor: #555, @endColor: #333, @deg: 45deg) { background-color: @endColor; @@ -260,7 +261,7 @@ background-image: -ms-linear-gradient(@startColor, @midColor @colorStop, @endColor); background-image: -o-linear-gradient(@startColor, @midColor @colorStop, @endColor); background-image: linear-gradient(@startColor, @midColor @colorStop, @endColor); - filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\9",@startColor,@endColor)); // IE8 and down, gets no color-stop at all for proper fallback + filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down, gets no color-stop at all for proper fallback } } -- cgit v1.2.3 From 298e1b59bbf389ba8ec45de6428f1128ac71114c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 2 Sep 2011 12:46:47 -0700 Subject: fix broken checkbox in ie7 --- lib/preboot.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'lib/preboot.less') diff --git a/lib/preboot.less b/lib/preboot.less index d270cab05..a922f569c 100644 --- a/lib/preboot.less +++ b/lib/preboot.less @@ -257,7 +257,7 @@ background-repeat: no-repeat; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor)); background-image: -webkit-linear-gradient(@startColor, @midColor @colorStop, @endColor); - background-image: -moz-linear-gradient(@startColor, @midColor @colorStop, @endColor); + background-image: -moz-linear-gradient(top, @startColor, @midColor @colorStop, @endColor); background-image: -ms-linear-gradient(@startColor, @midColor @colorStop, @endColor); background-image: -o-linear-gradient(@startColor, @midColor @colorStop, @endColor); background-image: linear-gradient(@startColor, @midColor @colorStop, @endColor); -- cgit v1.2.3