summaryrefslogtreecommitdiff
path: root/bower_components/font-awesome/src/_includes/examples/stacked.html
diff options
context:
space:
mode:
authorThomas Park <thomas@thomaspark.me>2013-08-06 15:19:12 -0400
committerThomas Park <thomas@thomaspark.me>2013-08-06 15:19:12 -0400
commit4642156cbc6da4a9e25dce2168f2fb9b726de042 (patch)
treed62aec0ebf977e008d016d8af15e54e26d5089b4 /bower_components/font-awesome/src/_includes/examples/stacked.html
parent20e2d90874a3e1116c76e1547210d191dd0159f4 (diff)
unignore bower_components
Diffstat (limited to 'bower_components/font-awesome/src/_includes/examples/stacked.html')
-rw-r--r--bower_components/font-awesome/src/_includes/examples/stacked.html55
1 files changed, 55 insertions, 0 deletions
diff --git a/bower_components/font-awesome/src/_includes/examples/stacked.html b/bower_components/font-awesome/src/_includes/examples/stacked.html
new file mode 100644
index 00000000..3e7240c1
--- /dev/null
+++ b/bower_components/font-awesome/src/_includes/examples/stacked.html
@@ -0,0 +1,55 @@
+<section id="stacked">
+ <h2 class="page-header">Stacked Icons</h2>
+ <div class="row">
+ <div class="span3">
+ A method for easily stacking multiple icons. Use the <code>icon-stack</code> class on the parent and
+ <code>icon-stack-base</code> for the bottom icon.
+ </div>
+ <div class="span9">
+ <div class="well well-large well-transparent lead">
+ <span class="icon-stack">
+ <i class="icon-check-empty icon-stack-base"></i>
+ <i class="icon-twitter"></i>
+ </span>
+ icon-twitter on icon-check-empty<br>
+ <span class="icon-stack">
+ <i class="icon-circle icon-stack-base"></i>
+ <i class="icon-flag icon-light"></i>
+ </span>
+ icon-flag on icon-circle<br>
+ <span class="icon-stack">
+ <i class="icon-sign-blank icon-stack-base"></i>
+ <i class="icon-terminal icon-light"></i>
+ </span>
+ icon-terminal on icon-sign-blank<br>
+ <span class="icon-stack">
+ <i class="icon-camera"></i>
+ <i class="icon-ban-circle icon-stack-base text-error"></i>
+ </span>
+ icon-camera on icon-ban-circle
+ </div>
+{% highlight html %}
+<span class="icon-stack">
+ <i class="icon-check-empty icon-stack-base"></i>
+ <i class="icon-twitter"></i>
+</span>
+icon-twitter on icon-check-empty<br>
+<span class="icon-stack">
+ <i class="icon-circle icon-stack-base"></i>
+ <i class="icon-flag icon-light"></i>
+</span>
+icon-flag on icon-circle<br>
+<span class="icon-stack">
+ <i class="icon-sign-blank icon-stack-base"></i>
+ <i class="icon-terminal icon-light"></i>
+</span>
+icon-terminal on icon-sign-blank<br>
+<span class="icon-stack">
+ <i class="icon-camera"></i>
+ <i class="icon-ban-circle icon-stack-base text-error"></i>
+</span>
+icon-camera on icon-ban-circle
+{% endhighlight %}
+ </div>
+ </div>
+</section>