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 --- bower_components/font-awesome/src/test-2.3.2.html | 824 ++++++++++++++++++++++ 1 file changed, 824 insertions(+) create mode 100644 bower_components/font-awesome/src/test-2.3.2.html (limited to 'bower_components/font-awesome/src/test-2.3.2.html') diff --git a/bower_components/font-awesome/src/test-2.3.2.html b/bower_components/font-awesome/src/test-2.3.2.html new file mode 100644 index 00000000..ea75a5d0 --- /dev/null +++ b/bower_components/font-awesome/src/test-2.3.2.html @@ -0,0 +1,824 @@ +--- +title: Font Awesome + Bootstrap 2.3.2 Test Cases +relative_path: ../ +--- + + + + + + + + + + + + {% if page.title %}{{ page.title }}{% endif %} + + + + + + + + + + + + + + + + + + + + +
+ +
+

Visual Test Cases

+ +

Icons Icons should have proper alignment and not be clipped

+
+
+
+ Building +
+
+
+
+ Building Large +
+
+
+ Building +
+
+ Building Large +
+
+
+
+
+ Building +
+
+
+
+ Building Large +
+
+
+ Building Large +
+
+
+
+
+ Circle +
+
+
+
+ Circle Large +
+
+
+ Circle +
+
+ Circle Large +
+
+
+
+
+ Circle +
+
+
+
+ Circle Large +
+
+
+ Circle Large +
+
+ + +

Links with Icons icon should activate link & NOT underline

+
+
+ Link Here +
+
+ Link Here +
+
+ Link Here +
+
+ Link Here +
+
+ Link Here +
+
+ Link Here +
+
+
+
+ Link Here +
+
+ Link Here +
+
+ Link Here +
+
+ Link Here +
+
+ Link Here +
+
+ Link Here +
+
+ + +

Navbar should stay same height

+
+
+
+ Font Awesome + +
+
+
+ + +

Plain buttons next to buttons w/icons should be same height, icons not clipped

+

Buttons

+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+ + +

Anchors

+
+
+
+
+ Button + Button + +
+
+ Button + Button + +
+
+ Button + Button + +
+
+ Button + Button + +
+
+
+
+
+
+ Button + Button + +
+
+ Button + Button + +
+
+ Button + Button + +
+
+ Button + Button + +
+
+
+
+
+
+
+
+ Button + Button + +
+
+ Button + Button + +
+
+ Button + Button + +
+
+ Button + Button + +
+
+
+
+
+
+ Button + Button + +
+
+ Button + Button + +
+
+ Button + Button + +
+
+ Button + Button + +
+
+
+
+ +

Button groups should be same height

+
+
+
+
+ + +
+
+
+
+
+
+ + +
+
+
+
+
+
+ + +
+
+
+
+ +

Buttons with pulled 2x, 3x, 4x should be same height, have correct line height

+
+
+ +
+
+ +
+
+ +
+
+ + +

Nav pills & nav tabs should be same height and properly vertically aligned

+
+
+ + +
+
+ +
+
+ +

Hide class directly on icons

+
+
+
+ Icon should be hidden +
+
+
+ Icon should be hidden +
+
+ + +

2x, 3x, 4x icons in text should have margins next to and below text

+
+
+

+ + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus. +

+
+
+

+ + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus. +

+
+
+
+
+ + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus. +
+
+ + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus. +
+
+ + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus. +
+
+ + +

Bullets should wrap appropriately, have proper spacing

+
+
+
+
    +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
    • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. + + foo + foo +
    • +
+
+
+
+
+
    +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
    • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. + + foo + foo +
    • +
+
+
+
+
+
+
+
    +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
    • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • +
+
+
+
+
+
    +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
    • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • +
+
+
+
+
+
+
+
    +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
    • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • +
+
+
+
+
+
    +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
    • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • +
+
+
+
+
+
+
+
    +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
    • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. + + foo + foo +
    • +
+
+
+
+
+
    +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
    • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. + + foo + foo +
    • +
+
+
+
+ + +
+
+
+
    +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
    • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • +
+
+
+
+
+
    +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
    • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • +
+
+
+
+ + +

Spinning icons icons should be aligned well and on center, buttons should be same height, won't work in ie7

+
+ Loading... + + + Loading... + + Loading... +
+
+ Loading... + + + Loading... + +
+
+ Loading... + + + Loading... + +
+

fa-lg

+
+ Loading... + + + Loading... + +
+
+ Loading... + + + Loading... + +
+
+ Loading... + + + Loading... + +
+

Bootstrap Prepend and Append

+
+
+
+ + +
+
+
+
+ + +
+
+
+

Stacked icons

+
+ {% include tests/stacked.html %} +
+
+ {% include tests/stacked.html %} +
+

Stacked icons inside anchor

+
+ {% include tests/stacked-inside-anchor.html %} +
+ + +

Mirrored and rotated icons

+
+
+
+ {% include tests/rotated-flipped.html %} +
+
+
+
+ {% include tests/rotated-flipped.html %} +
+
+
+

Mirrored and rotated icons inside anchors and buttons

+
+
+
+ {% include tests/rotated-flipped-inside-anchor.html %} +
+
+
+
+ {% include tests/rotated-flipped-inside-btn.html %} +
+
+
+ +
+ +
+
+ + + + + + + + -- cgit v1.2.3