From a2a10ae4211f0cdba5fe54417d267e3ba3b63705 Mon Sep 17 00:00:00 2001 From: Burak Tuyan Date: Sat, 28 Jan 2012 02:13:53 +0200 Subject: Adding new examples to the icons' docs. - Button with dropdown menu. - Small info button. - Text alignment for navigation with no icon. - Text input form with prepended icon - Select input form with prepended icon --- docs/base-css.html | 73 +++++++++++++++++++++++++++++++++++++++++------------- 1 file changed, 56 insertions(+), 17 deletions(-) (limited to 'docs/base-css.html') diff --git a/docs/base-css.html b/docs/base-css.html index 698b68ea1..7c7ab48ef 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -1482,51 +1482,90 @@

Icons are great, but where would one use them? Here are a few ideas:

-

Essentially, anywhere you can put an <i> tag, you can put an icon.

+

Essentially, anywhere you can put an <i> tag, you can put an icon. And if you need to position the text with no icon before it (where other items have an icon; see the navigation example below) simply use .icon class with no other classes:

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

Examples

-
-

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

-

- Refresh - Checkout - Delete -

+
+

Use them in buttons - of all types and sizes.

-
- - - -
+
+ User + + +

- Refresh + Refresh + Checkout + Delete +

+

+ Comment Settings + More Info

-
-

Or, use them in navigation.

+
+

Use them in navigation.

+
+
+

Use them with prepended forms.

+
+ +
+
+ + +
+
+
+
+ +
+
+ + +
+
+
+
+
-- cgit v1.2.3