diff options
Update Docs anchor
1 files changed, 10 insertions, 10 deletions
| -rw-r--r-- | docs/utilities.html | 20 |
diff --git a/docs/utilities.html b/docs/utilities.html index 08eb91a..cebd4c2 100644 --- a/docs/utilities.html +++ b/docs/utilities.html @@ -130,7 +130,7 @@ <div class="off-canvas-content"> <div class="docs-content" id="content"> <div class="container" id="colors"> - <h3 class="s-title"><a class="anchor" href="#colors" aria-hidden="true">#</a>Color utilities</h3> + <h3 class="s-title">Color utilities<a class="anchor" href="#colors" aria-hidden="true">#</a></h3> <div class="docs-ad"> <div class="hide-md text-center"> <script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> @@ -143,7 +143,7 @@ </div> </div> <p>Color utilities are used for changing colors for text, link and background.</p> - <h4 class="s-subtitle" id="colors-text"><a class="anchor" href="#colors-text" aria-hidden="true">#</a>Text colors</h4> + <h4 class="s-subtitle" id="colors-text">Text colors<a class="anchor" href="#colors-text" aria-hidden="true">#</a></h4> <div class="docs-demo columns"> <div class="column col-12"> <p><span class="text-primary">primary color</span></p> @@ -182,7 +182,7 @@ <span class="hljs-tag"><<span class="hljs-name">a</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"text-warning"</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"#"</span>></span>warning color<span class="hljs-tag"></<span class="hljs-name">a</span>></span> <span class="hljs-tag"><<span class="hljs-name">a</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"text-error"</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"#"</span>></span>error color<span class="hljs-tag"></<span class="hljs-name">a</span>></span> </code></pre> - <h4 class="s-subtitle" id="colors-background"><a class="anchor" href="#colors-background" aria-hidden="true">#</a>Background colors</h4> + <h4 class="s-subtitle" id="colors-background">Background colors<a class="anchor" href="#colors-background" aria-hidden="true">#</a></h4> <div class="docs-demo columns"> <div class="column col-12"> <p><span class="bg-primary p-1 rounded">primary bg</span></p> @@ -203,7 +203,7 @@ <span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"bg-error"</span>></span>error bg<span class="hljs-tag"></<span class="hljs-name">div</span>></span></code></pre> </div> <div class="container" id="cursor"> - <h3 class="s-title"><a class="anchor" href="#cursor" aria-hidden="true">#</a>Cursor utilities</h3> + <h3 class="s-title">Cursor utilities<a class="anchor" href="#cursor" aria-hidden="true">#</a></h3> <p>Cursor utilities specify which mouse cursor to display when mouseover.</p> <div class="docs-demo columns"> <div class="column col-4"> @@ -239,7 +239,7 @@ <span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"c-auto"</span>></span><span class="hljs-tag"></<span class="hljs-name">div</span>></span></code></pre> </div> <div class="container" id="display"> - <h3 class="s-title"><a class="anchor" href="#display" aria-hidden="true">#</a>Display utilities</h3> + <h3 class="s-title">Display utilities<a class="anchor" href="#display" aria-hidden="true">#</a></h3> <div class="docs-ad docs-ad-sidebar text-center"> <script id="_carbonads_js" async="" type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CK7DTKQW&placement=picturepan2githubio"></script> </div> @@ -267,7 +267,7 @@ <span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"text-assistive"</span>></span><span class="hljs-tag"></<span class="hljs-name">div</span>></span></code></pre> </div> <div class="container" id="divider"> - <h3 class="s-title"><a class="anchor" href="#divider" aria-hidden="true">#</a>Divider</h3> + <h3 class="s-title">Divider<a class="anchor" href="#divider" aria-hidden="true">#</a></h3> <p>A Divider is used for separating elements.</p> <div class="docs-demo columns"> <div class="column"> @@ -331,7 +331,7 @@ <span class="hljs-tag"></<span class="hljs-name">div</span>></span></code></pre> </div> <div class="container" id="loading"> - <h3 class="s-title"><a class="anchor" href="#loading" aria-hidden="true">#</a>Loading</h3> + <h3 class="s-title">Loading<a class="anchor" href="#loading" aria-hidden="true">#</a></h3> <p> Loading indicator is used for loading or updating. You can add the <code>loading</code> class to a container for loading status. @@ -352,7 +352,7 @@ <span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"loading loading-lg"</span>></span><span class="hljs-tag"></<span class="hljs-name">div</span>></span></code></pre> </div> <div class="container" id="position"> - <h3 class="s-title"><a class="anchor" href="#position" aria-hidden="true">#</a>Position utilities</h3> + <h3 class="s-title">Position utilities<a class="anchor" href="#position" aria-hidden="true">#</a></h3> <p>Position utilities are used for useful layout and position things, including clearfix, float, position and margin/padding utilities.</p> <pre class="code" data-lang="HTML"><code><span class="hljs-comment"><!-- clear float --></span> <span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"clearfix"</span>></span><span class="hljs-tag"></<span class="hljs-name">div</span>></span> @@ -390,7 +390,7 @@ <span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"py-2"</span>></span><span class="hljs-tag"></<span class="hljs-name">div</span>></span></code></pre> </div> <div class="container" id="shapes"> - <h3 class="s-title"><a class="anchor" href="#shapes" aria-hidden="true">#</a>Shape utilities</h3> + <h3 class="s-title">Shape utilities<a class="anchor" href="#shapes" aria-hidden="true">#</a></h3> <p>Shape utilities are used for change element shapes.</p> <div class="docs-demo columns"> <div class="column col-6 text-center"> @@ -406,7 +406,7 @@ <span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"circle"</span>></span><span class="hljs-tag"></<span class="hljs-name">div</span>></span></code></pre> </div> <div class="container" id="text"> - <h3 class="s-title"><a class="anchor" href="#text" aria-hidden="true">#</a>Text utilities</h3> + <h3 class="s-title">Text utilities<a class="anchor" href="#text" aria-hidden="true">#</a></h3> <p>Text utilities are used for text alignment, styles and overflow things.</p> <pre class="code" data-lang="HTML"><code><span class="hljs-comment"><!-- left-aligned text --></span> <span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"text-left"</span>></span><span class="hljs-tag"></<span class="hljs-name">div</span>></span> |