updating list icon exampole

This commit is contained in:
davegandy 2013-10-22 17:29:32 -04:00
parent a0e8595182
commit 24aa9edcfd
3 changed files with 10 additions and 14 deletions

View File

@ -1,4 +1,4 @@
// Icon UL & LI // List Icons
// ------------------------- // -------------------------
.@{fa-css-prefix}-ul { .@{fa-css-prefix}-ul {

View File

@ -3,24 +3,20 @@
<div class="row"> <div class="row">
<div class="col-md-3 col-sm-4"> <div class="col-md-3 col-sm-4">
<ul class="fa-ul"> <ul class="fa-ul">
<li><i class="fa-li fa fa-check"></i>List bullets (like these)</li> <li><i class="fa-li fa fa-check-square"></i>List icons (like these)</li>
<li><i class="fa-li fa fa-check"></i>Buttons</li> <li><i class="fa-li fa fa-check-square"></i>can be used</li>
<li><i class="fa-li fa fa-check"></i>Button groups</li> <li><i class="fa-li fa fa-spinner fa-spin"></i>to replace</li>
<li><i class="fa-li fa fa-check"></i>Navigation</li> <li><i class="fa-li fa fa-square"></i>default bullets in lists</li>
<li><i class="fa-li fa fa-check"></i>Prepended form inputs</li>
<li><i class="fa-li fa fa-check"></i>&hellip;and many more with custom CSS</li>
</ul> </ul>
</div> </div>
<div class="col-md-9 col-sm-8"> <div class="col-md-9 col-sm-8">
<p>Use <code>fa-ul</code> and <code>fa-li</code> to easily replace individual list bullets.</p> <p>Use <code>fa-ul</code> and <code>fa-li</code> to easily replace individual list bullets.</p>
{% highlight html %} {% highlight html %}
<ul class="fa-ul"> <ul class="fa-ul">
<li><i class="fa-li fa fa-check"></i>Bulleted lists (like this one)</li> <li><i class="fa-li fa fa-check-square"></i>List icons (like these)</li>
<li><i class="fa-li fa fa-check"></i>Buttons</li> <li><i class="fa-li fa fa-check-square"></i>can be used</li>
<li><i class="fa-li fa fa-check"></i>Button groups</li> <li><i class="fa-li fa fa-spinner fa-spin"></i>to replace</li>
<li><i class="fa-li fa fa-check"></i>Navigation</li> <li><i class="fa-li fa fa-square"></i>default bullets in lists</li>
<li><i class="fa-li fa fa-check"></i>Prepended form inputs</li>
<li><i class="fa-li fa fa-check"></i>&hellip;and many more with custom CSS</li>
</ul> </ul>
{% endhighlight %} {% endhighlight %}
</div> </div>

View File

@ -1,7 +1,7 @@
--- ---
--- ---
// Icon UL & LI // List Icons
// ------------------------- // -------------------------
.@{fa-css-prefix}-ul { .@{fa-css-prefix}-ul {