From 016d9a2ae924c3999ff9aa279511e32c0bfbe7bb Mon Sep 17 00:00:00 2001 From: Thomas Park Date: Tue, 12 Nov 2013 15:34:23 -0500 Subject: update to fontawesome 4 --- .../src/_includes/examples/animated-spinner.html | 20 ----- .../src/_includes/examples/bootstrap.html | 93 ++++++++++++++++++++++ .../src/_includes/examples/bordered-pulled.html | 32 +++----- .../src/_includes/examples/bulleted-lists.html | 31 -------- .../src/_includes/examples/button-dropdowns.html | 36 --------- .../src/_includes/examples/button-groups.html | 25 ------ .../src/_includes/examples/buttons.html | 57 ------------- .../src/_includes/examples/custom.html | 4 +- .../src/_includes/examples/fixed-width.html | 27 +++++++ .../src/_includes/examples/form-inputs.html | 31 -------- .../src/_includes/examples/inline-icons.html | 19 ----- .../src/_includes/examples/inline.html | 17 ++++ .../src/_includes/examples/larger-icons.html | 35 -------- .../src/_includes/examples/larger.html | 29 +++++++ .../font-awesome/src/_includes/examples/list.html | 24 ++++++ .../src/_includes/examples/navigation.html | 26 ------ .../font-awesome/src/_includes/examples/new.html | 47 ----------- .../src/_includes/examples/rotated-flipped.html | 39 +++++---- .../src/_includes/examples/spinning.html | 26 ++++++ .../src/_includes/examples/stacked.html | 80 ++++++++++--------- 20 files changed, 289 insertions(+), 409 deletions(-) delete mode 100644 bower_components/font-awesome/src/_includes/examples/animated-spinner.html create mode 100644 bower_components/font-awesome/src/_includes/examples/bootstrap.html delete mode 100644 bower_components/font-awesome/src/_includes/examples/bulleted-lists.html delete mode 100644 bower_components/font-awesome/src/_includes/examples/button-dropdowns.html delete mode 100644 bower_components/font-awesome/src/_includes/examples/button-groups.html delete mode 100644 bower_components/font-awesome/src/_includes/examples/buttons.html create mode 100644 bower_components/font-awesome/src/_includes/examples/fixed-width.html delete mode 100644 bower_components/font-awesome/src/_includes/examples/form-inputs.html delete mode 100644 bower_components/font-awesome/src/_includes/examples/inline-icons.html create mode 100644 bower_components/font-awesome/src/_includes/examples/inline.html delete mode 100644 bower_components/font-awesome/src/_includes/examples/larger-icons.html create mode 100644 bower_components/font-awesome/src/_includes/examples/larger.html create mode 100644 bower_components/font-awesome/src/_includes/examples/list.html delete mode 100644 bower_components/font-awesome/src/_includes/examples/navigation.html delete mode 100644 bower_components/font-awesome/src/_includes/examples/new.html create mode 100644 bower_components/font-awesome/src/_includes/examples/spinning.html (limited to 'bower_components/font-awesome/src/_includes/examples') diff --git a/bower_components/font-awesome/src/_includes/examples/animated-spinner.html b/bower_components/font-awesome/src/_includes/examples/animated-spinner.html deleted file mode 100644 index eee013a1..00000000 --- a/bower_components/font-awesome/src/_includes/examples/animated-spinner.html +++ /dev/null @@ -1,20 +0,0 @@ -
-

Animated Spinner

-
-
- Use the icon-spin class to get any icon to rotate. Works well with icon-spinner and - icon-refresh. -
-
-
- Spinner icon when loading content... -
-{% highlight html %} - Spinner icon when loading content... -{% endhighlight %} -

- CSS3 animations aren't supported in IE7 - IE9. -

-
-
-
diff --git a/bower_components/font-awesome/src/_includes/examples/bootstrap.html b/bower_components/font-awesome/src/_includes/examples/bootstrap.html new file mode 100644 index 00000000..1142b908 --- /dev/null +++ b/bower_components/font-awesome/src/_includes/examples/bootstrap.html @@ -0,0 +1,93 @@ +
+

Bootstrap 3 Examples

+
+
+

+ + Delete + + Settings +

+

+ + Font Awesome
Version {{ site.fontawesome.version }} +

+
+
+ + + + +
+
+
+
+ + +
+
+ + +
+
+
+
+ User + + + +
+
+ +
+
+

+ Font Awesome works great with the full range of Bootstrap components. +

+{% highlight html %} + + Delete + + Settings + + + Font Awesome
Version {{ site.fontawesome.version }} + +
+ + + + +
+ +
+ + +
+
+ + +
+ +
+ User + + + +
+{% endhighlight %} +
+
+
diff --git a/bower_components/font-awesome/src/_includes/examples/bordered-pulled.html b/bower_components/font-awesome/src/_includes/examples/bordered-pulled.html index b5aa2bf1..f22ee8e3 100644 --- a/bower_components/font-awesome/src/_includes/examples/bordered-pulled.html +++ b/bower_components/font-awesome/src/_includes/examples/bordered-pulled.html @@ -1,32 +1,20 @@

Bordered & Pulled Icons

-
+

- Use icon-border and pull-right or pull-left for easy pull quotes or - article graphics. + + Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

-
-
- - Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image. - Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all - of them in any combination to get lots of new possibilities. -
-{% highlight html %} - -Use a few of the new styles together ... lots of new possibilities. -{% endhighlight %} -
- - Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image. - Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all - of them in any combination to get lots of new possibilities. -
+
+

+ Use fa-border and pull-right or pull-left for easy pull quotes or + article graphics. +

{% highlight html %} - -Use a few of the new styles together ... lots of new possibilities. + +Use a few styles together and you'll have easy pull quotes or a great introductory article icon. {% endhighlight %}
diff --git a/bower_components/font-awesome/src/_includes/examples/bulleted-lists.html b/bower_components/font-awesome/src/_includes/examples/bulleted-lists.html deleted file mode 100644 index 73db34e4..00000000 --- a/bower_components/font-awesome/src/_includes/examples/bulleted-lists.html +++ /dev/null @@ -1,31 +0,0 @@ -
-

Bulleted Lists

-
-
-
-
-
    -
  • Bulleted lists (like this one)
    • -
  • Buttons
    • -
  • Button groups
    • -
  • Navigation
    • -
  • Prepended form inputs
    • -
  • …and many more with custom CSS
    • -
-
-
-

Easily replace individual bullets.

-{% highlight html %} -
    -
  • Bulleted lists (like this one)
    • -
  • Buttons
    • -
  • Button groups
    • -
  • Navigation
    • -
  • Prepended form inputs
    • -
  • …and many more with custom CSS
    • -
-{% endhighlight %} -
Make sure to NOT include any whitespace after the icon declaration.
-
-
-
diff --git a/bower_components/font-awesome/src/_includes/examples/button-dropdowns.html b/bower_components/font-awesome/src/_includes/examples/button-dropdowns.html deleted file mode 100644 index 201eb1cd..00000000 --- a/bower_components/font-awesome/src/_includes/examples/button-dropdowns.html +++ /dev/null @@ -1,36 +0,0 @@ -
-

Button Dropdowns

-
-
-
- User - - - -
-
-
-{% highlight html %} -
- User - - - -
-{% endhighlight %} -
Don't forget to add the appropriate JavaScript to enable button dropdowns.
-
-
-
diff --git a/bower_components/font-awesome/src/_includes/examples/button-groups.html b/bower_components/font-awesome/src/_includes/examples/button-groups.html deleted file mode 100644 index ce489230..00000000 --- a/bower_components/font-awesome/src/_includes/examples/button-groups.html +++ /dev/null @@ -1,25 +0,0 @@ -
-

Button Groups

-
-
-

-

- - - - -
-

-
-
-{% highlight html %} -
- - - - -
-{% endhighlight %} -
-
-
diff --git a/bower_components/font-awesome/src/_includes/examples/buttons.html b/bower_components/font-awesome/src/_includes/examples/buttons.html deleted file mode 100644 index b8d147c0..00000000 --- a/bower_components/font-awesome/src/_includes/examples/buttons.html +++ /dev/null @@ -1,57 +0,0 @@ -
-

Buttons

-
-
-

- - Reload - - Checkout -

-

- - Comment - - Info -

-

- - Delete - - Settings -

-

- - Font Awesome
Version {{ site.fontawesome.version }} -

-

- - Synchronizing Content... -

-
-
-

- Font Awesome icons work great in buttons. You can even combine them with larger icon styles, - pull-right and pull-left, and icon-spin. -

-{% highlight html %} - - Reload - - Checkout - - Comment - - Info - - Delete - - Settings - - Font Awesome
Version {{ site.fontawesome.version }} - - Synchronizing Content... -{% endhighlight %} -
-
-
diff --git a/bower_components/font-awesome/src/_includes/examples/custom.html b/bower_components/font-awesome/src/_includes/examples/custom.html index dfad1900..2de7ad7a 100644 --- a/bower_components/font-awesome/src/_includes/examples/custom.html +++ b/bower_components/font-awesome/src/_includes/examples/custom.html @@ -1,10 +1,10 @@

Custom CSS

-
+

Anything you can do with CSS font styles, you can do with Font Awesome.

-
+

Star Ratings (inspired by CSS Tricks)

diff --git a/bower_components/font-awesome/src/_includes/examples/fixed-width.html b/bower_components/font-awesome/src/_includes/examples/fixed-width.html new file mode 100644 index 00000000..f14e7e43 --- /dev/null +++ b/bower_components/font-awesome/src/_includes/examples/fixed-width.html @@ -0,0 +1,27 @@ +
+

Fixed Width Icons

+
+
+ +
+
+

+ Use fa-fw to set icons at a fixed width. Great to use when variable icon widths throw off alignment. + Especially useful in things like nav lists. +

+{% highlight html %} + +{% endhighlight %} +
+
+
diff --git a/bower_components/font-awesome/src/_includes/examples/form-inputs.html b/bower_components/font-awesome/src/_includes/examples/form-inputs.html deleted file mode 100644 index dcb39a8f..00000000 --- a/bower_components/font-awesome/src/_includes/examples/form-inputs.html +++ /dev/null @@ -1,31 +0,0 @@ -
-

Prepended & Appended Form Inputs

-
-
-
-
- - -
-
- - -
-
-
-
-{% highlight html %} -
-
- - -
-
- - -
-
-{% endhighlight %} -
-
-
diff --git a/bower_components/font-awesome/src/_includes/examples/inline-icons.html b/bower_components/font-awesome/src/_includes/examples/inline-icons.html deleted file mode 100644 index 3965e7c2..00000000 --- a/bower_components/font-awesome/src/_includes/examples/inline-icons.html +++ /dev/null @@ -1,19 +0,0 @@ -
-

Inline Icons

-
-
-

Place Font Awesome icons just about anywhere with the <i> tag.

-
-
-
-
- icon-camera-retro -
-
-{% highlight html %} - icon-camera-retro -{% endhighlight %} -
Icon classes are echoed via CSS :before.
-
-
-
diff --git a/bower_components/font-awesome/src/_includes/examples/inline.html b/bower_components/font-awesome/src/_includes/examples/inline.html new file mode 100644 index 00000000..93f30245 --- /dev/null +++ b/bower_components/font-awesome/src/_includes/examples/inline.html @@ -0,0 +1,17 @@ +
+

Inline Icons

+
+
+

+ fa-camera-retro +

+
+
+

Place Font Awesome icons just about anywhere with the <i> tag.

+{% highlight html %} + fa-camera-retro +{% endhighlight %} +
Icon classes are echoed via CSS :before.
+
+
+
diff --git a/bower_components/font-awesome/src/_includes/examples/larger-icons.html b/bower_components/font-awesome/src/_includes/examples/larger-icons.html deleted file mode 100644 index 95f1ee13..00000000 --- a/bower_components/font-awesome/src/_includes/examples/larger-icons.html +++ /dev/null @@ -1,35 +0,0 @@ -
-

Larger Icons

-
-
-

- To increase the size of icons relative to its container, use icon-large, icon-2x, - icon-3x, or icon-4x. -

-
-
-

- Increase the icon size by using the icon-large (33% increase), icon-2x, - icon-3x, or icon-4x classes. -

-
-
-

icon-camera-retro

-

icon-camera-retro

-

icon-camera-retro

-

icon-camera-retro

-
-
-{% highlight html %} -

icon-camera-retro

-

icon-camera-retro

-

icon-camera-retro

-

icon-camera-retro

-{% endhighlight %} -
- If your icons are getting chopped off on top and bottom, make sure you have - sufficient line-height. -
-
-
-
diff --git a/bower_components/font-awesome/src/_includes/examples/larger.html b/bower_components/font-awesome/src/_includes/examples/larger.html new file mode 100644 index 00000000..8c5e2463 --- /dev/null +++ b/bower_components/font-awesome/src/_includes/examples/larger.html @@ -0,0 +1,29 @@ +
+

Larger Icons

+
+
+

fa-camera-retro

+

fa-camera-retro

+

fa-camera-retro

+

fa-camera-retro

+

fa-camera-retro

+
+
+

+ To increase icon sizes relative to their container, use the fa-lg (33% increase), fa-2x, + fa-3x, fa-4x, or fa-5x classes. +

+{% highlight html %} +

fa-camera-retro

+

fa-camera-retro

+

fa-camera-retro

+

fa-camera-retro

+

fa-camera-retro

+{% endhighlight %} +
+ If your icons are getting chopped off on top and bottom, make sure you have + sufficient line-height. +
+
+
+
diff --git a/bower_components/font-awesome/src/_includes/examples/list.html b/bower_components/font-awesome/src/_includes/examples/list.html new file mode 100644 index 00000000..5cbc1758 --- /dev/null +++ b/bower_components/font-awesome/src/_includes/examples/list.html @@ -0,0 +1,24 @@ +
+

List Icons

+
+
+
    +
  • List icons (like these)
    • +
  • can be used
    • +
  • to easily replace
    • +
  • default bullets in lists
    • +
+
+
+

Use fa-ul and fa-li to easily replace default bullets in unordered lists.

+{% highlight html %} +
    +
  • List icons (like these)
    • +
  • can be used
    • +
  • to replace
    • +
  • default bullets in lists
    • +
+{% endhighlight %} +
+
+
diff --git a/bower_components/font-awesome/src/_includes/examples/navigation.html b/bower_components/font-awesome/src/_includes/examples/navigation.html deleted file mode 100644 index 850e6444..00000000 --- a/bower_components/font-awesome/src/_includes/examples/navigation.html +++ /dev/null @@ -1,26 +0,0 @@ - diff --git a/bower_components/font-awesome/src/_includes/examples/new.html b/bower_components/font-awesome/src/_includes/examples/new.html deleted file mode 100644 index 8393f7d3..00000000 --- a/bower_components/font-awesome/src/_includes/examples/new.html +++ /dev/null @@ -1,47 +0,0 @@ -<{% if page.navbar_active == "examples" %}div{% else %}section{% endif %} id="new-styles"> -

New Styles in {{ site.fontawesome.minor_version }}

-
-
-

Rotated and Flipped Icons

-
-   normal
-   icon-rotate-90
-   icon-rotate-180
-   icon-rotate-270
-   icon-flip-horizontal
-   icon-flip-vertical -
-
-
-

Stacked Icons

-
- - - - - icon-twitter on icon-check-empty
- - - - - icon-flag on icon-circle
- - - - - icon-terminal on icon-sign-blank -
-
-
-

Better Bulleted Lists

-
-
    -
  • New bulleted lists
    • -
  • Fix some old bugs
    • -
  • And deal with arbitrary
    • -
  • Font sizes better
    • -
-
-
-
- diff --git a/bower_components/font-awesome/src/_includes/examples/rotated-flipped.html b/bower_components/font-awesome/src/_includes/examples/rotated-flipped.html index cf061cd5..ff55f2c1 100644 --- a/bower_components/font-awesome/src/_includes/examples/rotated-flipped.html +++ b/bower_components/font-awesome/src/_includes/examples/rotated-flipped.html @@ -1,29 +1,28 @@

Rotated & Flipped

-
- A set of classes that can be used to arbitrarily rotate and flip icons. +
+

+   normal
+   fa-rotate-90
+   fa-rotate-180
+   fa-rotate-270
+   fa-flip-horizontal
+   fa-flip-vertical +

-
-
-   normal
-   icon-rotate-90
-   icon-rotate-180
-   icon-rotate-270
-   icon-flip-horizontal
-   icon-flip-vertical -
+
+

+ To arbitrarily rotate and flip icons, use the fa-rotate-* and fa-flip-* classes. +

{% highlight html %} -  normal
-  icon-rotate-90
-  icon-rotate-180
-  icon-rotate-270
-  icon-flip-horizontal
-  icon-flip-vertical +  normal
+  fa-rotate-90
+  fa-rotate-180
+  fa-rotate-270
+  fa-flip-horizontal
+  icon-flip-vertical {% endhighlight %} -

- Rotating and flipping icons aren't yet supported in IE7. -

diff --git a/bower_components/font-awesome/src/_includes/examples/spinning.html b/bower_components/font-awesome/src/_includes/examples/spinning.html new file mode 100644 index 00000000..4bdb3d0e --- /dev/null +++ b/bower_components/font-awesome/src/_includes/examples/spinning.html @@ -0,0 +1,26 @@ +
+

Spinning Icons

+
+
+

+ + + +

+
+
+

+ Use the fa-spin class to get any icon to rotate. Works well with fa-spinner, + fa-refresh, and fa-cog. +

+{% highlight html %} + + + +{% endhighlight %} +

+ CSS3 animations aren't supported in IE8 - IE9. +

+
+
+
diff --git a/bower_components/font-awesome/src/_includes/examples/stacked.html b/bower_components/font-awesome/src/_includes/examples/stacked.html index 3e7240c1..0a34c5c2 100644 --- a/bower_components/font-awesome/src/_includes/examples/stacked.html +++ b/bower_components/font-awesome/src/_includes/examples/stacked.html @@ -1,54 +1,58 @@

Stacked Icons

-
- A method for easily stacking multiple icons. Use the icon-stack class on the parent and - icon-stack-base for the bottom icon. -
-
-
- - - +
+
+ + + - icon-twitter on icon-check-empty
- - - + fa-twitter on fa-square-o
+ + + - icon-flag on icon-circle
- - - + fa-flag on fa-circle
+ + + - icon-terminal on icon-sign-blank
- - - + fa-terminal on fa-square
+ + + - icon-camera on icon-ban-circle + fa-ban on fa-camera
+
+
+

+ To stack multiple icons, use the fa-stack class on the parent, the fa-stack-1x + for the regularly sized icon, and fa-stack-2x for the larger icon. fa-inverse + can be used as an alternative icon color. You can even throw larger icon classes on the parent + to get further control of sizing. +

{% highlight html %} - - - + + + -icon-twitter on icon-check-empty
- - - +fa-twitter on fa-square-o
+ + + -icon-flag on icon-circle
- - - +fa-flag on fa-circle
+ + + -icon-terminal on icon-sign-blank
- - - +fa-terminal on fa-square
+ + + -icon-camera on icon-ban-circle +fa-ban on fa-camera {% endhighlight %}
-- cgit v1.2.3