Updates for release of v2

docs/index.html

@@ -13,8 +13,8 @@
     <meta name="author" content="Angelos Chalaris (chalarangelo)">
     <meta property="og:title" content="mini.css - Minimal, responsive, style-agnostic CSS toolkit">
     <meta property="og:type" content="website"/>
-    <meta property="og:description" content="mini.css v2 (Fermion) helps you build quick, modern, responsive websites and web apps with minimal effort."/>
-    <meta property="og:image" content="favicon.png">
+    <meta property="og:description" content="mini.css is a tiny CSS toolkit designed to build quick, modern and responsive websites."/>
+    <meta property="og:image" content="page_thumb.png">
     <meta property="og:url" content="https://chalarangelo.github.io/mini.css/">
     <link rel="icon" type="image/png" href="favicon.png">  
     <style>

docs/quick_reference.html

@@ -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>

docs/v2/DEVLOG.md

@@ -689,3 +689,4 @@
 - Documented `contextual` in `quick reference`.
 - Documented `progress` in `quick reference`.
 - Documented `utility` in `quick reference`.
+- Updated **README** and OpenGraph in `index`.