From 47a68ae3aa8cad828eebe529403b46210c9d9d16 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 30 Jan 2012 22:57:00 -0800 Subject: update icons everywhere to be scoped per other components, fix broken elements on js docs page --- docs/base-css.html | 297 +++++++++++++++++++++++++++-------------------------- 1 file changed, 149 insertions(+), 148 deletions(-) (limited to 'docs/base-css.html') diff --git a/docs/base-css.html b/docs/base-css.html index 0f97a036a..c71874b3a 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -1303,142 +1303,142 @@ For example, <code>section</code> should be wrapped as inline.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
@@ -1452,17 +1452,18 @@ For example, <code>section</code> should be wrapped as inline.

Built as a sprite

Instead of making every icon an extra request, we've compiled them into a sprite—a bunch of images in one file that uses CSS to position the images with background-position. This is the same method we use on Twitter.com and it has worked well for us.

-

Glyphicons has granted us use of the Halflings set in our open-source toolkit so long as we provide a link and credit. Please consider doing the same in your projects.

+

All icons classes are prefixed with .i- for proper namespacing and scoping, much like our other components. This will help avoid conflicts with other tools.

+

Glyphicons has granted us use of the Halflings set in our open-source toolkit so long as we provide a link and credit here in the docs. Please consider doing the same in your projects.

How to use

-

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:

+

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

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

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

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

@@ -1485,41 +1486,41 @@ For example, <code>section</code> should be wrapped as inline.
- - - - + + + +
User

- Refresh - Checkout - Delete + Refresh + Checkout + Delete

- Comment - Settings - More Info + Comment + Settings + More Info

-
@@ -1529,7 +1530,7 @@ For example, <code>section</code> should be wrapped as inline.
- +
-- cgit v1.2.3