From dd94f8d50971e657cd0b2b388965ba82b436354f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 26 Feb 2012 23:30:15 -0800 Subject: [PATCH] remove warning from icons section about :after labels, add section to explain spacing --- docs/assets/bootstrap.zip | Bin 54570 -> 54570 bytes docs/base-css.html | 6 ++---- docs/templates/pages/base-css.mustache | 6 ++---- 3 files changed, 4 insertions(+), 8 deletions(-) diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip index 63f92b76f2d2a71d016d8ecc03295242a0aabe67..d9a548f60426ad259ef2efcf4cddcc49cbe238a2 100644 GIT binary patch delta 458 zcmZ3rih0#4W}X0VW)?065IC@VB99{54+C%ip9Yg1uLyG?Nd%}ONlacalY%n(J8LbKf_Frk9o%Az3Sre4rz`T_E^I0q~&Cf~j!Gnw(CI7D0)q{{N5 zH;e}~X6Z$LCa_&#InhfFFgc*gvP&*l%riz(p?^6LiMQ}F)MS|bK=XO87{Sa3@)EAt RA@TNKaf0xKCyQMb0RZ=Ky?y`y delta 458 zcmZ3rih0#4W}X0VW)?065csomB99{58eMPyb-I%suLyI&B>wK47@*3w7A`S)!AuS& zpx_K!u;5zVjkilVfdZ3*xE!G(n`d&pU9j24;iE`N7N(MUX;M1& diff --git a/docs/base-css.html b/docs/base-css.html index 2a4cc63d2f..2fcce5a12f 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -1516,9 +1516,6 @@ For example, <code>section</code> should be wrapped as inline. -
- Heads up! Icon classes are echoed via CSS :after. In the docs, we show a light red background color on hover to highlight the icon's size. -

@@ -1531,7 +1528,7 @@ For example, <code>section</code> should be wrapped as inline.

How to use

-

With v2.0.1, we have opted to use an <i> tag for all our icons, but they have no case class—only a shared prefix. To use, place the following code just about anywhere:

+

Bootstrap uses an <i> tag for all icons, but they have no case class—only a shared prefix. To use, place the following code just about anywhere:

 <i class="icon-search"></i>
@@ -1540,6 +1537,7 @@ For example, <code>section</code> should be wrapped as inline. <i class="icon-search icon-white"></i>

There are 120 classes to choose from for your icons. Just add an <i> tag with the right classes and you're set. You can find the full list in sprites.less or right here in this document.

+

When using beside strings of text, as in buttons or nav links, be sure to leave a space after the <i> tag for proper spacing.

Use cases

diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache index aea86a40b2..4479f816b7 100644 --- a/docs/templates/pages/base-css.mustache +++ b/docs/templates/pages/base-css.mustache @@ -1440,9 +1440,6 @@
-
- {{_i}}Heads up! Icon classes are echoed via CSS :after. In the docs, we show a light red background color on hover to highlight the icon's size.{{/i}} -

@@ -1455,7 +1452,7 @@

{{_i}}How to use{{/i}}

-

{{_i}}With v2.0.1, we have opted to use an <i> tag for all our icons, but they have no case class—only a shared prefix. To use, place the following code just about anywhere:{{/i}}

+

{{_i}}Bootstrap uses an <i> tag for all icons, but they have no case class—only a shared prefix. To use, place the following code just about anywhere:{{/i}}

 <i class="icon-search"></i>
@@ -1464,6 +1461,7 @@ <i class="icon-search icon-white"></i>

{{_i}}There are 120 classes to choose from for your icons. Just add an <i> tag with the right classes and you're set. You can find the full list in sprites.less or right here in this document.{{/i}}

+

{{_i}}When using beside strings of text, as in buttons or nav links, be sure to leave a space after the <i> tag for proper spacing.{{/i}}

{{_i}}Use cases{{/i}}