diff --git a/src/_includes/examples/animated-spinner.html b/src/_includes/examples/animated-spinner.html index 9f244b1b7..a40b1f58e 100644 --- a/src/_includes/examples/animated-spinner.html +++ b/src/_includes/examples/animated-spinner.html @@ -2,8 +2,15 @@
fa-icon-spin
class to get any icon to rotate. Works well with fa-icon-spinner
,
- fa-icon-refresh
, and fa-icon-cog
.
+
+ Use the fa-icon-spin
class to get any icon to rotate. Works well with fa-icon-spinner
,
+ fa-icon-refresh
, and fa-icon-cog
.
+
+ + + +
+
CSS3 animations aren't supported in IE8 - IE9.
fa-icon-camera-retro
fa-icon-camera-retro
{% endhighlight %} -+
Rotating and flipping icons aren't yet supported in IE7.
fa-icon-[name]-[shape]-[alt]-[direction]
+fa-icon-[name]-[shape]-[alt]-[direction]
A desire for better icon naming consistency and predictability are at the heart of the changes in naming conventions. Once you know the name of the base icon shape, you should be able to predict diff --git a/src/assets/less/site/bootstrap/variables.less b/src/assets/less/site/bootstrap/variables.less index 8f53b7736..b51e28392 100644 --- a/src/assets/less/site/bootstrap/variables.less +++ b/src/assets/less/site/bootstrap/variables.less @@ -57,7 +57,7 @@ // Brand colors //@brand-primary: @blue-dark; -@brand-success: lighten(@fa-green, 5%); +@brand-success: mix(@fa-green, #fff, 70%); //@brand-warning: @yellow-dark; //@brand-danger: @red; //@brand-info: @blue; @@ -112,9 +112,9 @@ //@state-danger-bg: @red-lighter; //@state-danger-border: darken(spin(@state-danger-bg, -10), 4%); // -//@state-success-text: mix(@green-darker, @green-dark, 30%); -//@state-success-bg: @green-lighter; -//@state-success-border: darken(spin(@state-success-bg, -10), 13%); +@state-success-text: @fa-green; +@state-success-bg: mix(@fa-green, #fff, 6%); +@state-success-border: darken(spin(@state-success-bg, -10), 13%); @state-info-text: mix(@blue-dark, @blue, 50%); @state-info-bg: @blue-lighter; diff --git a/src/get-started.html b/src/get-started.html index 1eb3c3fea..dfabce08b 100644 --- a/src/get-started.html +++ b/src/get-started.html @@ -93,7 +93,7 @@ $ gem install font-awesome-sass {% highlight scss %} @fa-font-path: "../font"; {% endhighlight %} -
The font path is relative from your compiled CSS directory.
+The font path is relative from your compiled CSS directory.