1
0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-07-31 02:50:26 +02:00

Updated generic shadow classes

Removed old classes, replaced with a single generic .shadowed class.
This commit is contained in:
Angelos Chalaris
2017-05-08 17:51:17 +03:00
parent 84741346b2
commit ce03ac2a4d
10 changed files with 20 additions and 71 deletions

View File

@@ -1104,17 +1104,14 @@
<pre>&lt;span class=&quot;bordered&quot;&gt;Bordered&lt;/span&gt;
&lt;span class=&quot;rounded&quot;&gt;Rounded&lt;/span&gt;
&lt;span class=&quot;circular&quot;&gt;Circular&lt;/span&gt;
&lt;span class=&quot;shadow-none&quot;&gt;No shadow&lt;/span&gt;
&lt;span class=&quot;shadow-small&quot;&gt;Small shadow&lt;/span&gt;
&lt;span class=&quot;shadow-medium&quot;&gt;Medium shadow&lt;/span&gt;
&lt;span class=&quot;shadow-large&quot;&gt;Large shadow&lt;/span&gt;</pre>
&lt;span class=&quot;shadowed&quot;&gt;Casts shadow&lt;/span&gt;</pre>
</div>
<div class="col-sm-12 col-md-6">
<h3>Notes</h3>
<ul>
<li>Create generic borders using <code>.bordered</code></li>
<li>Rounded and circular border radii available using <code>.rounded</code> and <code>.circular</code> classes</li>
<li>Generic shadows available using the <code>.shadow-small</code>, <code>.shadow-medium</code>, <code>.shadow-large</code> and <code>.shadow-none</code> classes</li>
<li>Generic shadows available using the <code>.shadowed</code> class</li>
<li>Combine generic borders, border radii and generic shadows with each other but not with themselves</li>
<li>All classes use <code><span class="fore-secondary">!important</span></code> declarations</li>
<li>Generic borders work well with buttons</li>