From a5f843ba9ba3dd3ce9ad22a89d57dfcb5fa46586 Mon Sep 17 00:00:00 2001 From: Mario Vavti Date: Mon, 26 Feb 2018 11:05:48 +0100 Subject: switch to fork-awesome --- library/font_awesome/src/test/2.3.2.html | 824 ---------------------- library/font_awesome/src/test/all.html | 55 -- library/font_awesome/src/test/glyphicons.html | 795 --------------------- library/font_awesome/src/test/height/4.4.0.html | 62 -- library/font_awesome/src/test/height/4.5.0.html | 62 -- library/font_awesome/src/test/height/current.html | 62 -- library/font_awesome/src/test/index.html | 800 --------------------- 7 files changed, 2660 deletions(-) delete mode 100644 library/font_awesome/src/test/2.3.2.html delete mode 100644 library/font_awesome/src/test/all.html delete mode 100644 library/font_awesome/src/test/glyphicons.html delete mode 100644 library/font_awesome/src/test/height/4.4.0.html delete mode 100644 library/font_awesome/src/test/height/4.5.0.html delete mode 100644 library/font_awesome/src/test/height/current.html delete mode 100644 library/font_awesome/src/test/index.html (limited to 'library/font_awesome/src/test') diff --git a/library/font_awesome/src/test/2.3.2.html b/library/font_awesome/src/test/2.3.2.html deleted file mode 100644 index ea75a5d0b..000000000 --- a/library/font_awesome/src/test/2.3.2.html +++ /dev/null @@ -1,824 +0,0 @@ ---- -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 %} -
-
-
- -
- -
-
- - - - - - - - diff --git a/library/font_awesome/src/test/all.html b/library/font_awesome/src/test/all.html deleted file mode 100644 index 076d19698..000000000 --- a/library/font_awesome/src/test/all.html +++ /dev/null @@ -1,55 +0,0 @@ ---- -relative_path: ../../ ---- - - - - - - - - - - -
-
-

All

-
- {% for icon in icons %} - {% endfor %} -
-
- - -
-

All (Unicode)

- {% for icon in icons %} - &#x{{ icon.unicode }} - {% endfor %} -
- -
-

Non-Brand (Unicode)

- - {% for icon in icons %} - {% unless icon.categories contains "Brand Icons" %} - &#x{{ icon.unicode }} - {% endunless %} - {% endfor %} -
- -
-

Brand (Unicode)

- - {% for icon in icons %} - {% if icon.categories contains "Brand Icons" %} - &#x{{ icon.unicode }} - {% endif %} - {% endfor %} -
- - -
- - - diff --git a/library/font_awesome/src/test/glyphicons.html b/library/font_awesome/src/test/glyphicons.html deleted file mode 100644 index fefb8ba55..000000000 --- a/library/font_awesome/src/test/glyphicons.html +++ /dev/null @@ -1,795 +0,0 @@ ---- -title: Glyphicons Visual Test Cases -relative_path: ../ ---- - - - - - - - - - - - - {% if page.title %}{{ page.title }}{% endif %} - - - - - - - - - - - - - - - - - - - -
- -
-

Visual Test Cases

- -

Icons Icons should have proper alignment and not be clipped

-
-
-
- Calendar -
-
-
-
- Calendar Large -
-
-
- Calendar -
-
- Calendar Large -
-
-
-
-
- Calendar -
-
-
-
- Calendar Large -
-
-
- Calendar Large -
-
-
-
-
- Circle -
-
-
-
- Circle Large -
-
-
- Circle -
-
- Circle Large -
-
-
-
-
- Circle -
-
-
-
- Circle Large -
-
-
- Circle Large -
-
- - -

Links with Icons icon should activate link & underline

-
-
- Link Here -
-
- Link Here -
-
- Link Here -
-
- Link Here -
-
-
-
- Link Here -
-
- Link Here -
-
- Link Here -
-
- Link Here -
-
- - -

Navbar should stay same height

- - - -

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

-
-
- - -
-
- -
-
- - - -

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.
    • -
-
-
-
-
-
-
-
    -
  • 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... - -
-

glyphicon-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 %} -
-
-
- -
- -
-
- - - - - - - - - - diff --git a/library/font_awesome/src/test/height/4.4.0.html b/library/font_awesome/src/test/height/4.4.0.html deleted file mode 100644 index 59636950d..000000000 --- a/library/font_awesome/src/test/height/4.4.0.html +++ /dev/null @@ -1,62 +0,0 @@ ---- -relative_path: ../../../ ---- - - - - - - - - -

4.4.0

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - diff --git a/library/font_awesome/src/test/height/4.5.0.html b/library/font_awesome/src/test/height/4.5.0.html deleted file mode 100644 index ed7e18add..000000000 --- a/library/font_awesome/src/test/height/4.5.0.html +++ /dev/null @@ -1,62 +0,0 @@ ---- -relative_path: ../../../ ---- - - - - - - - - -

4.5.0

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - diff --git a/library/font_awesome/src/test/height/current.html b/library/font_awesome/src/test/height/current.html deleted file mode 100644 index 02b05e078..000000000 --- a/library/font_awesome/src/test/height/current.html +++ /dev/null @@ -1,62 +0,0 @@ ---- -relative_path: ../../../ ---- - - - - - - - - -

Current

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - diff --git a/library/font_awesome/src/test/index.html b/library/font_awesome/src/test/index.html deleted file mode 100644 index 09a9536e7..000000000 --- a/library/font_awesome/src/test/index.html +++ /dev/null @@ -1,800 +0,0 @@ ---- -layout: base -title: Font Awesome Visual Test Cases -relative_path: ../ ---- - -
-

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

-
-
-
- - - Longer
Button - - Longer
Button -
-
-
-
- - - Longer
Button - - Longer
Button -
-
-
-
- - - Longer
Button - - Longer
Button -
-
-
- - -

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

-
-
- - -
-
-
- - Overview - - - Overview - -
-
-
- -

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 %} -
-

Stacked icon background with text foreground

-
- {% include tests/stacked-with-text.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 %} -
-
-
- -

Animation Wobble #671

-
- - - - - - -
-
- - - - - - -
-
- - - - - - -
-
- - - - - - -
- - -
-- cgit v1.2.3