From 29f0e4c28b56e684a9be9931dcf77b418cb63ae0 Mon Sep 17 00:00:00 2001 From: Pete Hopkins Date: Thu, 26 Jan 2012 13:01:03 -0500 Subject: Removes filters as a way to provide gradients for IE<=9 - Lets us use rounded corners in IE9 - Makes hover / active states work correctly in IE<=9 Only change for non-IE is that moving from hover -> not hovering no longer animates (was a subtle blend) due to mismatch between the bottom of the gradient and the background color. Refactor: moves the primary button background to match the others. --- docs/less.html | 5 ----- docs/templates/pages/less.mustache | 5 ----- 2 files changed, 10 deletions(-) (limited to 'docs') diff --git a/docs/less.html b/docs/less.html index d2e083c2e..dc0e83443 100644 --- a/docs/less.html +++ b/docs/less.html @@ -468,11 +468,6 @@ @opacity: 100 Set, in whole numbers, the opacity percentage (e.g., "50" or "75") - - .reset-filter() - none - Resets any IE filter -

Forms

diff --git a/docs/templates/pages/less.mustache b/docs/templates/pages/less.mustache index 6478e3b2f..1aec06c2c 100644 --- a/docs/templates/pages/less.mustache +++ b/docs/templates/pages/less.mustache @@ -403,11 +403,6 @@ @opacity: 100 {{_i}}Set, in whole numbers, the opacity percentage (e.g., "50" or "75"){{/i}} - - .reset-filter() - none - {{_i}}Resets any IE filter{{/i}} -

Forms

-- cgit v1.2.3 From edef89f30efd73e5fca9952eef48136f8264aa93 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 26 Jan 2012 11:10:07 -0800 Subject: move around some comments in buttons.less, update labels to use correct variables, add snippet to docs about IE9 --- docs/base-css.html | 15 +++++++++++---- docs/templates/pages/base-css.mustache | 15 +++++++++++---- 2 files changed, 22 insertions(+), 8 deletions(-) (limited to 'docs') diff --git a/docs/base-css.html b/docs/base-css.html index bbe7ecd88..ebc6285dc 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -432,10 +432,10 @@ - Notice + Info - <span class="label notice">Notice</span> + <span class="label info">Info</span> @@ -1210,6 +1210,8 @@ +

Buttons

@@ -1278,9 +1280,9 @@ Action

-
+

Disabled state

-

For buttons that are not active or are disabled by the app for one reason or another, use the disabled state. That’s .disabled for links and :disabled for <button> elements.

+

For disabled buttons, use .disabled for links and :disabled for <button> elements.

Primary action Action @@ -1290,6 +1292,11 @@

+
+

Cross browser compatibility

+

In IE9, we drop the gradient on all buttons in favor of rounded corners as IE9 doesn't crop background gradients to the corners.

+

Related, IE9 jankifies disabled button elements, rendering text gray with a nasty text-shadow—unfortunately we can't fix this.

+

diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache index 325883872..27386d47f 100644 --- a/docs/templates/pages/base-css.mustache +++ b/docs/templates/pages/base-css.mustache @@ -367,10 +367,10 @@ - {{_i}}Notice{{/i}} + {{_i}}Info{{/i}} - <span class="label notice">{{_i}}Notice{{/i}}</span> + <span class="label info">{{_i}}Info{{/i}}</span> @@ -1145,6 +1145,8 @@ +

{{_i}}Buttons{{/i}}

@@ -1213,9 +1215,9 @@ {{_i}}Action{{/i}}

-
+

{{_i}}Disabled state{{/i}}

-

{{_i}}For buttons that are not active or are disabled by the app for one reason or another, use the disabled state. That’s .disabled for links and :disabled for <button> elements.{{/i}}

+

{{_i}}For disabled buttons, use .disabled for links and :disabled for <button> elements.{{/i}}

{{_i}}Primary action{{/i}} {{_i}}Action{{/i}} @@ -1225,6 +1227,11 @@

+
+

Cross browser compatibility

+

In IE9, we drop the gradient on all buttons in favor of rounded corners as IE9 doesn't crop background gradients to the corners.

+

Related, IE9 jankifies disabled button elements, rendering text gray with a nasty text-shadow—unfortunately we can't fix this.

+

-- cgit v1.2.3