mirror of
https://github.com/Chalarangelo/mini.css.git
synced 2025-08-06 05:47:23 +02:00
Progress module quick reference
This commit is contained in:
@@ -1002,7 +1002,9 @@
|
||||
<div class="col-sm-12 col-md-6">
|
||||
<h3>Notes</h3>
|
||||
<ul>
|
||||
<li></li>
|
||||
<li>Use the <code><progress></code> element to create progress bars</li>
|
||||
<li>Set <code><span class="fore-secondary">max</span>=<span class="fore-primary">"1000"</span></code> and a <code>value</code> between <code>0</code> and <code>1000</code></li>
|
||||
<li>Do not use floating point values for the progress bar</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1017,7 +1019,9 @@
|
||||
<div class="col-sm-12 col-md-6">
|
||||
<h3>Notes</h3>
|
||||
<ul>
|
||||
<li></li>
|
||||
<li>Color variants available using the <code>.secondary</code> and <code>.tertiary</code> classes</li>
|
||||
<li>Size variants available using the <code>.nano</code> and <code>.inline</code> classes</li>
|
||||
<li>Mix color and size variants, but not multiple of the same type</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1029,7 +1033,10 @@
|
||||
<div class="col-sm-12 col-md-6">
|
||||
<h3>Notes</h3>
|
||||
<ul>
|
||||
<li></li>
|
||||
<li>Use the <code>.spinner-donut</code> class to create donut spinners</li>
|
||||
<li>Apply class to a <code><div></code> or <code><span></code> element</li>
|
||||
<li>Do not insert text inside the <code>.spinner-donut</code> element</li>
|
||||
<li>Donut spinners can display inline</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1043,7 +1050,9 @@
|
||||
<div class="col-sm-12 col-md-6">
|
||||
<h3>Notes</h3>
|
||||
<ul>
|
||||
<li></li>
|
||||
<li>Color variants available using the <code>.secondary</code> and <code>.tertiary</code> classes</li>
|
||||
<li>Alternate size available using the <code>.large</code> class</li>
|
||||
<li>You can mix color variants with the <code>.large</code> class, but not with each other</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
Reference in New Issue
Block a user