update to fontawesome 4
[bootswatch] / bower_components / font-awesome / src / _includes / tests / stacked.html
index 36e427f..9a2ebb8 100644 (file)
@@ -1,51 +1,58 @@
+<span style="border: solid 1px #d3d3d3; display: inline-block; text-align: center">
+  <span class="fa-stack">
+    <i class="fa fa-square fa-stack-2x"></i>
+    <i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
+  </span><br>Center
+</span>
+<hr>
 <p>
-  <span class="icon-stack">
-    <i class="icon-sign-blank icon-stack-base"></i>
-    <i class="icon-twitter icon-light"></i>
+  <span class="fa-stack">
+    <i class="fa fa-square fa-stack-2x"></i>
+    <i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
   </span>
   Twitter Icon
-  <span class="icon-stack">
-    <i class="icon-sign-blank icon-stack-base"></i>
-    <i class="icon-facebook icon-light"></i>
+  <span class="fa-stack">
+    <i class="fa fa-square fa-stack-2x"></i>
+    <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
   </span>
   Facebook Icon
-  <span class="icon-stack">
-    <i class="icon-sign-blank icon-stack-base"></i>
-    <i class="icon-github icon-light"></i>
+  <span class="fa-stack">
+    <i class="fa fa-square fa-stack-2x"></i>
+    <i class="fa fa-github fa-stack-1x fa-inverse"></i>
   </span>
   GitHub Icon
 </p>
 <p>
-  <span class="icon-stack">
-    <i class="icon-circle icon-stack-base"></i>
-    <i class="icon-twitter icon-light"></i>
+  <span class="fa-stack">
+    <i class="fa fa-circle fa-stack-2x"></i>
+    <i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
   </span>
   Twitter Icon
-  <span class="icon-stack">
-    <i class="icon-circle icon-stack-base"></i>
-    <i class="icon-facebook icon-light"></i>
+  <span class="fa-stack">
+    <i class="fa fa-circle fa-stack-2x"></i>
+    <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
   </span>
   Facebook Icon
-  <span class="icon-stack">
-    <i class="icon-circle icon-stack-base"></i>
-    <i class="icon-github icon-light"></i>
+  <span class="fa-stack">
+    <i class="fa fa-circle fa-stack-2x"></i>
+    <i class="fa fa-github fa-stack-1x fa-inverse"></i>
   </span>
   GitHub Icon
 </p>
 <p>
-  <span class="icon-stack">
-    <i class="icon-circle-blank icon-stack-base"></i>
-    <i class="icon-twitter"></i>
+  <span class="fa-stack">
+    <i class="fa fa-circle-o fa-stack-2x"></i>
+    <i class="fa fa-twitter fa-stack-1x"></i>
   </span>
   Twitter Icon
-  <span class="icon-stack">
-    <i class="icon-circle-blank icon-stack-base"></i>
-    <i class="icon-facebook"></i>
+  <span class="fa-stack">
+    <i class="fa fa-circle-o fa-stack-2x"></i>
+    <i class="fa fa-facebook fa-stack-1x"></i>
   </span>
   Facebook Icon
-  <span class="icon-stack">
-    <i class="icon-circle-blank icon-stack-base"></i>
-    <i class="icon-github"></i>
+  <span class="fa-stack">
+    <i class="fa fa-circle-o fa-stack-2x"></i>
+    <i class="fa fa-github fa-stack-1x"></i>
   </span>
   GitHub Icon
 </p>
\ No newline at end of file