mirror/mini-css
1
0
Fork 0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-05 21:37:23 +02:00
Code Issues Releases Wiki Activity

Updates for release of v2

Browse Source
This commit is contained in:
Angelos Chalaris
2016-12-20 13:44:28 +02:00
parent 55eb72e020
commit 99a2bbd796
7 changed files with 24 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
docs/quick_reference.html
View File

@@ -537,7 +537,7 @@
<li><code>.primary</code>, <code>.secondary</code>, <code>.tertiary</code> and <code>.inverse</code> color variants</li>
<li><code>.small</code> and <code>.large</code> size variants</li>
<li>Create responsive button groups by wrapping multiple button elements inside a <code>.button-group</code> wrapper</li>
<li>Button groups are responsive, but might display incorrectly in older browsers</li>
<li>Button groups are responsive, but might be displayed incorrectly in older browsers</li>
<li>Mix size and color variants, don't mix two variants of the same type</li>
<li>Avoid using different size variants inside a <code>.button-group</code></li>
</ul>
@@ -899,7 +899,7 @@
<h3>Notes</h3>
<ul>
<li>Use the <code>.stacked</code> class to create stacked tabs</li>
<li>Use <code><span class="fore-secondary">aria-hidden</span>=<span class="fore-primary">&quot;true&quot;</span></code> to input elements to add accessibility</li>
<li>Use <code><span class="fore-secondary">aria-hidden</span>=<span class="fore-primary">&quot;true&quot;</span></code> to input elements in order to add accessibility</li>
<li>Use either checkboxes or radio buttons as the <code>&lt;input&gt;</code> elements of stacked tabs</li>
<li>Use single checkbox in a <code>.stacked</code> tabs container, but not a single radio button</li>
</ul>
@@ -928,7 +928,7 @@
<ul>
<li>Use the <code>&lt;mark&gt;</code> element for highlighting text</li>
<li><code>.secondary</code> and <code>.tertiary</code> classes offer color variants</li>
<li>Highlighted text is inline by default, us the <code>.inline-block</code> class for longer text highlights</li>
<li>Highlighted text is inline by default, use the <code>.inline-block</code> class for longer text highlights</li>
<li>Use the <code>.tag</code> class for highlighted tags</li>
<li>Combine color variants with the <code>.inline-block</code> or <code>.tag</code> class, do not combine color variants or <code>.tag</code> and <code>.inline-block</code> with each other</li>
<li>Do not nest <code>&lt;mark&gt;</code> elements, unless the outer element is an <code>.inline-block</code></li>