From 3807a88ee9ba33f27bc8762efd789f7ff710ed1a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 27 Jan 2012 13:56:50 -0800 Subject: update the docs for icons --- docs/base-css.html | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) (limited to 'docs/base-css.html') diff --git a/docs/base-css.html b/docs/base-css.html index fa22216ef..698b68ea1 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -1454,7 +1454,7 @@
- Heads up! On hover we show a light red background color to highlight the size of the icon. This won't appear in normal usage of icons. + Heads up! Icon classes are echoed via CSS :after and on hover in the docs we show a light red background color show the icon's size.

@@ -1470,6 +1470,10 @@

With v2.0.0, we have opted to use an <i> tag for all our icons with a base class of .icon. To use, place the following code just about anywhere:

 <i class="icon search"></i>
+
+

There are also styles available for inverted (white) icons, made ready with one extra class:

+
+<i class="icon white search"></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.

@@ -1488,10 +1492,11 @@

Examples

-
+

Use them in buttons, or in button groups for a toolbar style presentation.

Refresh + Checkout Delete

-- cgit v1.2.3