diff options
| author | friendica <info@friendica.com> | 2013-10-08 16:11:20 -0700 |
|---|---|---|
| committer | friendica <info@friendica.com> | 2013-10-08 16:11:20 -0700 |
| commit | 043042428ce7eea3daec258743349ff23c40b6e6 (patch) | |
| tree | 12211165f3d6dee4d93257a3bfd50a52bd29280b /library/font_awesome/src/_includes/examples/stacked.html | |
| parent | e9c535f40a591ba9863543673fc91aa76e3a17ac (diff) | |
| download | volse-hubzilla-043042428ce7eea3daec258743349ff23c40b6e6.tar.gz volse-hubzilla-043042428ce7eea3daec258743349ff23c40b6e6.tar.bz2 volse-hubzilla-043042428ce7eea3daec258743349ff23c40b6e6.zip | |
add font_awesome
Diffstat (limited to 'library/font_awesome/src/_includes/examples/stacked.html')
| -rw-r--r-- | library/font_awesome/src/_includes/examples/stacked.html | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/library/font_awesome/src/_includes/examples/stacked.html b/library/font_awesome/src/_includes/examples/stacked.html new file mode 100644 index 000000000..3e7240c12 --- /dev/null +++ b/library/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> |