From a2f1864da01e76c59d682b897398b100eb3bc25a Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Thu, 3 Aug 2017 19:08:54 +0800 Subject: Update the Docs HTML structure --- docs/utilities.html | 100 ++++++++++++++++++++++++++-------------------------- 1 file changed, 50 insertions(+), 50 deletions(-) (limited to 'docs/utilities.html') diff --git a/docs/utilities.html b/docs/utilities.html index ce7a38d..d88aea8 100644 --- a/docs/utilities.html +++ b/docs/utilities.html @@ -12,22 +12,22 @@ -

+ -

- + + -

@@ -253,13 +253,13 @@

Color utilities

Color utilities are used for changing colors for text, link and background.

Text colors

primary color secondary color @@ -269,7 +269,7 @@ warning color error color

<span class="text-primary">primary color</span>
@@ -281,7 +281,7 @@
 <span class="text-error">error color</span>

primary link secondary link @@ -291,7 +291,7 @@ warning link error link

<a class="text-primary" href="#">primary color</a>
@@ -304,7 +304,7 @@

Background colors

primary bg secondary bg @@ -314,7 +314,7 @@ warning bg error bg

<div class="bg-primary">primary bg</div>
@@ -326,13 +326,13 @@
 <div class="bg-error">error bg</div>

+ -

Display utilities

Display utilities are used for display and hidden things.

<!-- display: block; -->
@@ -357,13 +357,13 @@
 <div class="text-assistive"></div>

+ -

Divider

A Divider is used for separating elements.

@@ -429,13 +429,13 @@ </div> </div> -

+ -

Loading

Loading indicator is used for loading or updating. Also, you can add the loading class to buttons for loading status.

@@ -447,13 +447,13 @@ <div class="loading"></div> -

+ -

Position utilities

Position utilities are used for useful layout and position things, including clearfix, float, position and margin/padding utilities.

<!-- clear float -->
@@ -481,13 +481,13 @@
 <div class="p-5"></div>

+ -

Shape utilities

Shape utilities are used for change element shapes.

<!-- rounded element -->
@@ -496,13 +496,13 @@
 <div class="circle"></div>

+ -

Text utilities

Text utilities are used for text alignment, styles and overflow things.

<!-- left-aligned text -->
@@ -538,9 +538,9 @@
 <div class="text-break"></div>

+ -

@@ -556,18 +556,18 @@

+ -

- + +