more doc tweaks

This commit is contained in:
davegandy 2013-05-09 18:47:02 -04:00
parent da48df5589
commit 1d0c32f2c8
8 changed files with 37 additions and 14 deletions

View file

@ -5,11 +5,11 @@
<form> <form>
<div class="input-prepend"> <div class="input-prepend">
<span class="add-on"><i class="icon-envelope"></i></span> <span class="add-on"><i class="icon-envelope"></i></span>
<input class="input-block-level" type="text" placeholder="Email address"> <input class="span2" type="text" placeholder="Email address">
</div> </div>
<div class="input-prepend"> <div class="input-prepend">
<span class="add-on"><i class="icon-key"></i></span> <span class="add-on"><i class="icon-key"></i></span>
<input class="input-block-level" type="password" placeholder="Password"> <input class="span2" type="password" placeholder="Password">
</div> </div>
</form> </form>
</div> </div>
@ -18,11 +18,11 @@
<form> <form>
<div class="input-prepend"> <div class="input-prepend">
<span class="add-on"><i class="icon-envelope"></i></span> <span class="add-on"><i class="icon-envelope"></i></span>
<input class="input-block-level" type="text" placeholder="Email address"> <input class="span2" type="text" placeholder="Email address">
</div> </div>
<div class="input-prepend"> <div class="input-prepend">
<span class="add-on"><i class="icon-key"></i></span> <span class="add-on"><i class="icon-key"></i></span>
<input class="input-block-level" type="password" placeholder="Password"> <input class="span2" type="password" placeholder="Password">
</div> </div>
</form> </form>
{% endhighlight %} {% endhighlight %}

View file

@ -21,6 +21,9 @@
<i class="icon-shield icon-flip-horizontal"></i>&nbsp; icon-flip-horizontal<br> <i class="icon-shield icon-flip-horizontal"></i>&nbsp; icon-flip-horizontal<br>
<i class="icon-shield icon-flip-vertical"></i>&nbsp; icon-flip-vertical <i class="icon-shield icon-flip-vertical"></i>&nbsp; icon-flip-vertical
{% endhighlight %} {% endhighlight %}
<p class="alert alert-info">
<i class="icon-info-sign"></i> Rotating and flipping icons aren't yet supported in IE7.
</p>
</div> </div>
</div> </div>
</section> </section>

View file

@ -28,17 +28,16 @@
<div class="carousel-inner"> <div class="carousel-inner">
<div class="active item"><div><i class="icon-flag"></i></div></div> <div class="active item"><div><i class="icon-flag"></i></div></div>
<div class="item"><div><i class="icon-rocket"></i></div></div> <div class="item"><div><i class="icon-rocket"></i></div></div>
<div class="item"><div><i class="icon-crop"></i></div></div>
<div class="item"><div><i class="icon-fire-extinguisher"></i></div></div> <div class="item"><div><i class="icon-fire-extinguisher"></i></div></div>
<div class="item"><div><i class="icon-puzzle-piece"></i></div></div>
<div class="item"><div><i class="icon-microphone"></i></div></div> <div class="item"><div><i class="icon-microphone"></i></div></div>
<div class="item"><div><i class="icon-shield"></i></div></div> <div class="item"><div><i class="icon-shield"></i></div></div>
<div class="item"><div><i class="icon-star-half-empty"></i></div></div> <div class="item"><div><i class="icon-star-half-empty"></i></div></div>
<div class="item"><div><i class="icon-envelope"></i></div></div> <div class="item"><div><i class="icon-envelope"></i></div></div>
<div class="item"><div><i class="icon-coffee"></i></div></div>
<div class="item"><div><i class="icon-medkit"></i></div></div> <div class="item"><div><i class="icon-medkit"></i></div></div>
<div class="item"><div><i class="icon-book"></i></div></div> <div class="item"><div><i class="icon-book"></i></div></div>
<div class="item"><div><i class="icon-coffee"></i></div></div>
<div class="item"><div><i class="icon-fighter-jet"></i></div></div> <div class="item"><div><i class="icon-fighter-jet"></i></div></div>
<div class="item"><div><i class="icon-search"></i></div></div>
<div class="item"><div><i class="icon-beer"></i></div></div> <div class="item"><div><i class="icon-beer"></i></div></div>
<div class="item"><div><i class="icon-heart-empty"></i></div></div> <div class="item"><div><i class="icon-heart-empty"></i></div></div>
<div class="item"><div><i class="icon-thumbs-up"></i></div></div> <div class="item"><div><i class="icon-thumbs-up"></i></div></div>

View file

@ -33,7 +33,7 @@
Designed from scratch to be fully compatible with <a href="{{ site.bootstrap.url }}">Bootstrap {{ site.bootstrap.version }}</a>. Designed from scratch to be fully compatible with <a href="{{ site.bootstrap.url }}">Bootstrap {{ site.bootstrap.version }}</a>.
</div> </div>
<div class="span4"> <div class="span4">
<h4><i class="icon-crop"></i> Design Friendly</h4> <h4><i class="icon-desktop"></i> Desktop Friendly</h4>
To use on the desktop or for a complete set of vectors, To use on the desktop or for a complete set of vectors,
check out the <a href="{{ page.relative_path }}cheatsheet/">cheatsheet</a>. check out the <a href="{{ page.relative_path }}cheatsheet/">cheatsheet</a>.
</div> </div>

View file

@ -52,6 +52,14 @@
margin-bottom: -5px; margin-bottom: -5px;
padding-bottom: 4px; padding-bottom: 4px;
} }
ul.icons-ul {
text-indent: -1em;
margin-left: 2.142857142857143em;
}
ul.icons-ul > li .icon-li {
width: 1em;
margin-right: 0;
}
.btn [class^="icon-"].pull-left, .btn [class^="icon-"].pull-left,
.btn [class*=" icon-"].pull-left, .btn [class*=" icon-"].pull-left,
.btn [class^="icon-"].pull-right, .btn [class^="icon-"].pull-right,

View file

@ -27,7 +27,7 @@
@font-face { @font-face {
font-family: 'FontAwesome'; font-family: 'FontAwesome';
src: url('../font/fontawesome-webfont.eot?v=3.1.0'); src: url('../font/fontawesome-webfont.eot?v=3.1.0');
src: url('../font/FontAwesome.otf') format('opentype'); src: url('../font/fontawesome-webfont.eot?#iefix&v=3.1.0') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=3.1.0') format('woff'), url('../font/fontawesome-webfont.ttf?v=3.1.0') format('truetype');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }

View file

@ -59,6 +59,19 @@
} }
} }
ul.icons-ul {
text-indent: -1em;
margin-left: 30/14em;
> li {
.icon-li {
width: 1em;
margin-right: 0;
}
}
}
.btn { .btn {
[class^="icon-"], [class^="icon-"],
[class*=" icon-"] { [class*=" icon-"] {

View file

@ -4,12 +4,12 @@
@font-face { @font-face {
font-family: 'FontAwesome'; font-family: 'FontAwesome';
src: url('@{FontAwesomePath}/fontawesome-webfont.eot?v=@{FontAwesomeVersion}'); src: url('@{FontAwesomePath}/fontawesome-webfont.eot?v=@{FontAwesomeVersion}');
// src: url('@{FontAwesomePath}/fontawesome-webfont.eot?#iefix&v=@{FontAwesomeVersion}') format('embedded-opentype'), src: url('@{FontAwesomePath}/fontawesome-webfont.eot?#iefix&v=@{FontAwesomeVersion}') format('embedded-opentype'),
// url('@{FontAwesomePath}/fontawesome-webfont.woff?v=@{FontAwesomeVersion}') format('woff'), url('@{FontAwesomePath}/fontawesome-webfont.woff?v=@{FontAwesomeVersion}') format('woff'),
// url('@{FontAwesomePath}/fontawesome-webfont.ttf?v=@{FontAwesomeVersion}') format('truetype'); url('@{FontAwesomePath}/fontawesome-webfont.ttf?v=@{FontAwesomeVersion}') format('truetype');
// url('@{FontAwesomePath}/fontawesome-webfont.svg#fontawesomeregular?v=@{FontAwesomeVersion}') format('svg'); // url('@{FontAwesomePath}/fontawesome-webfont.svg#fontawesomeregular?v=@{FontAwesomeVersion}') format('svg');
// src: url('@{FontAwesomePath}/FontAwesome.otf') format('opentype');
src: url('@{FontAwesomePath}/FontAwesome.otf') format('opentype');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;