41 changed files with 303 additions and 1431 deletions
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -1,25 +1,5 @@
 # Changelog

-## v3.0.1
-
- Minor fixes in tables. `.horizontal` tables should now behave a bit better and not display a scrollbar, unless necessary. #145
-
-## v3.0.0
-
- Fully rebuilt framework. A ton of work has been put into creating this version to be the best CSS framework experience you have gotten so far:
-  - `core` module - same as before, no breaking changes
-  - `layout` module - combination of `grid` and `card`, pretty much same as before, no breaking changes
-  - `input_control` - same as before, breaks `checkbox` and `radio` elements
-  - `navigation` - same as before, breaks `drawer` element
-  - `table` - same as before, removed `scrollable` and `preset` table styles, added `hoverable` table syle
-  - `contextual` - same as before, includes part of the `tabs` module, breaks `modal` dialog element
-  - `progress` - same as before, some changes in naming conventions and styles
-  - `icon` - new module, adds 20 new icons ot the framework, along with some color variants
-  - `utility` - same as before, some naming convention changes, removed `breadcrumbs` and `close` components
- Revamped documentation can be found [here](https://minicss.org/docs), making it easy to find what you are looking for.
- Customization tool can be found [here](https://minicss.org/flavors), allowing you to build your own flavors.
- Updated documentation to reflect the changes made.
-
 ## v2.3.7

 - Fixes a couple of bugs with `checkbox` and `radio` elements.
--- a/README.md
+++ b/README.md
@ -19,7 +19,7 @@ You have 4 options when it comes to setting up **mini.css**:
 3. [Use Rawgit](#method-3-use-rawgit)
 4. [Use cdnjs](#method-4-use-cdnjs-preferred-for-older-releases) (preferred for older releases)

-For instructions on how to use, best practices, templates and other usage information, please visit the framework's [documentation](https://minicss.org/docs).
+For instructions on how to use, best practices, templates and other usage information, please visit the framework's [documentation](http://minicss.org/modules).

 #### Method 1: Use a package manager (recommended)

--- a/dist/mini-dark.css
+++ b/dist/mini-dark.css
@ -3,7 +3,7 @@
  Flavor name: Dark (mini-dark)
  Author: Angelos Chalaris (chalarangelo@gmail.com)
  Maintainers: Angelos Chalaris
-  mini.css version: v3.0.1
+  mini.css version: v3.0.0
 */
 /*
  Browsers resets and base typography.
@ -22,8 +22,8 @@
  --universal-margin: 0.5rem;
  --universal-padding: 0.5rem;
  --universal-border-radius: 0.125rem;
-  --a-link-color: #65A0C7;
-  --a-visited-color: #3985B7;
+  --a-link-color: #0277bd;
+  --a-visited-color: #01579b;
 }

 html {
@ -1074,10 +1074,6 @@ header.row {
  box-sizing: content-box;
 }

-header.row .logo {
-  line-height: 1;
-}
-
 header .logo {
  color: var(--header-fore-color);
  font-size: 1.75rem;
@ -1378,37 +1374,20 @@ table:not(.horizontal) tbody tr:first-child td {
  border-top: 0;
 }

-table:not(.horizontal) thead tr:first-child th:first-child {
-  border-top-left-radius: var(--universal-border-radius);
-}
-
-table:not(.horizontal) thead tr:first-child th:last-child {
-  border-top-right-radius: var(--universal-border-radius);
-}
-
-table:not(.horizontal) tbody tr:last-child td:first-child {
-  border-bottom-left-radius: var(--universal-border-radius);
-}
-
-table:not(.horizontal) tbody tr:last-child td:last-child {
-  border-bottom-right-radius: var(--universal-border-radius);
-}
-
 table.horizontal {
  border: 0;
 }

 table.horizontal thead, table.horizontal tbody {
  border: 0;
-  flex: .2 0 0;
  flex-flow: row nowrap;
 }

 table.horizontal tbody {
  overflow: auto;
  justify-content: space-between;
-  flex: .8 0 0;
-  margin-left: 0;
+  flex: 1 0 0;
+  margin-left: calc( 4 * var(--universal-margin));
  padding-bottom: calc(var(--universal-padding) / 4);
 }

@ -1418,7 +1397,7 @@ table.horizontal tr {
 }

 table.horizontal th, table.horizontal td {
-  width: auto;
+  width: 100%;
  border: 0;
  border-bottom: 0.0625rem solid var(--table-border-color);
 }
@ -1628,11 +1607,11 @@ mark.inline-block {
 }

 .tooltip:not(.bottom):before {
-  border-top-color: var(--tooltip-back-color);
+  border-top-color: #fafafa;
 }

 .tooltip.bottom:before {
-  border-bottom-color: var(--tooltip-back-color);
+  border-bottom-color: #fafafa;
 }

 .tooltip:after {
@ -1877,7 +1856,7 @@ progress::-webkit-progress-value {
 }

 progress::-webkit-progress-bar {
-  background: var(--progress-back-color);
+  background: var(#aaa);
 }

 progress::-moz-progress-bar {
--- a/dist/mini-dark.min.css
+++ b/dist/mini-dark.min.css
--- a/dist/mini-default.css
+++ b/dist/mini-default.css
@ -3,7 +3,7 @@
  Flavor name: Default (mini-default)
  Author: Angelos Chalaris (chalarangelo@gmail.com)
  Maintainers: Angelos Chalaris
-  mini.css version: v3.0.1
+  mini.css version: v3.0.0
 */
 /*
  Browsers resets and base typography.
@ -1378,15 +1378,14 @@ table.horizontal {

 table.horizontal thead, table.horizontal tbody {
  border: 0;
-  flex: .2 0 0;
  flex-flow: row nowrap;
 }

 table.horizontal tbody {
  overflow: auto;
  justify-content: space-between;
-  flex: .8 0 0;
-  margin-left: 0;
+  flex: 1 0 0;
+  margin-left: calc( 4 * var(--universal-margin));
  padding-bottom: calc(var(--universal-padding) / 4);
 }

@ -1396,7 +1395,7 @@ table.horizontal tr {
 }

 table.horizontal th, table.horizontal td {
-  width: auto;
+  width: 100%;
  border: 0;
  border-bottom: 0.0625rem solid var(--table-border-color);
 }
@ -1855,7 +1854,7 @@ progress::-webkit-progress-value {
 }

 progress::-webkit-progress-bar {
-  background: var(--progress-back-color);
+  background: var(#ddd);
 }

 progress::-moz-progress-bar {
--- a/dist/mini-default.min.css
+++ b/dist/mini-default.min.css
--- a/dist/mini-nord.css
+++ b/dist/mini-nord.css
@ -1,9 +1,9 @@
@charset "UTF-8";
-/*
-  Flavor name: Nord (mini-nord)
-  Author: tphecca (https://github.com/tphecca)
-  Maintainers: tphecca
-  mini.css version: v3.0.1
+/*
+  Flavor name: Nord (mini-nord)
+  Author: tphecca (https://github.com/tphecca)
+  Maintainers: tphecca
+  mini.css version: v3.0.0
 */
 /*
  Browsers resets and base typography.
@ -689,8 +689,8 @@ a:hover, a:focus {
  border-bottom: 0;
 }

-/*
-	 Custom elements for card elements.
+/*
+	 Custom elements for card elements.
 */
@media screen and (min-width: 240px) {
  .card.small {
@ -983,8 +983,8 @@ input:disabled, input[disabled], textarea:disabled, textarea[disabled], select:d
  }
 }

-/*
-	 Custom elements for forms and input elements.
+/*
+	 Custom elements for forms and input elements.
 */
 button.primary, [type="button"].primary, [type="submit"].primary, [type="reset"].primary, .button.primary, [role="button"].primary {
  --button-back-color: #5e81ac;
@ -1377,15 +1377,14 @@ table.horizontal {

 table.horizontal thead, table.horizontal tbody {
  border: 0;
-  flex: .2 0 0;
  flex-flow: row nowrap;
 }

 table.horizontal tbody {
  overflow: auto;
  justify-content: space-between;
-  flex: .8 0 0;
-  margin-left: 0;
+  flex: 1 0 0;
+  margin-left: calc( 4 * var(--universal-margin));
  padding-bottom: calc(var(--universal-padding) / 4);
 }

@ -1395,7 +1394,7 @@ table.horizontal tr {
 }

 table.horizontal th, table.horizontal td {
-  width: auto;
+  width: 100%;
  border: 0;
  border-bottom: 0.0625rem solid var(--table-border-color);
 }
@ -1807,8 +1806,8 @@ mark.inline-block {
  border-radius: 0 0 var(--universal-border-radius) var(--universal-border-radius);
 }

-/*
-	 Custom elements for contextual background elements, toasts and tooltips.
+/*
+	 Custom elements for contextual background elements, toasts and tooltips.
 */
 mark.secondary {
  --mark-back-color: #bf616a;
@ -1854,7 +1853,7 @@ progress::-webkit-progress-value {
 }

 progress::-webkit-progress-bar {
-  background: var(--progress-back-color);
+  background: var(#e5e9f0);
 }

 progress::-moz-progress-bar {
@ -1902,8 +1901,8 @@ progress.inline {
  animation: spinner-donut-anim 1.2s linear infinite;
 }

-/*
-	 Custom elements for progress bars and spinners.
+/*
+	 Custom elements for progress bars and spinners.
 */
 progress.primary {
  --progress-fore-color: #5e81ac;
--- a/dist/mini-nord.min.css
+++ b/dist/mini-nord.min.css
--- a/docs/doc-fragments/buildYourOwnFlavor.js
+++ b/docs/doc-fragments/buildYourOwnFlavor.js
@ -1674,7 +1674,6 @@ module.exports = {
      document.getElementById('generatorStatus').innerHTML = 'Configuring the generator...';
      var sass = new Sass();
      sass.options({style: Sass.style.expanded, precision: -1, comments: false, indent: '  ', linefeed: '\\n'});
-      console.log(sass);
      document.getElementById('generatorStatus').innerHTML = 'Loading SCSS files...';
      sass.preloadFiles(base, directory, files, function filesPreloaded() {
        document.getElementById('generatorStatus').innerHTML = 'Generating flavor file...';
--- a/docs/doc-fragments/formsAndInput.js
+++ b/docs/doc-fragments/formsAndInput.js
@ -54,16 +54,16 @@ module.exports = {
  modifiers: [],
  dos: [
    {
-      description: 'Form inputs are inline by default, however you can combine forms with the <a href="#grid">grid system</a> to create aligned forms.',
+      description: 'Form inputs are inline by defaut, however you can combine forms with the <a href="#grid">grid system</a> to create aligned forms.',
      sample: `<pre><span class="code-line"><span class="highlight-a">&lt;form&gt;</span></span>
 <span class="code-line">  <span class="highlight-a">&lt;fieldset&gt;</span></span>
 <span class="code-line">    <span class="highlight-a">&lt;legend&gt;</span>Simple form<span class="highlight-a">&lt;/legend&gt;</span></span>
-<span class="code-line">    <span class="highlight-a">&lt;div</span> <span class="highlight-b">class</span>=<span class="highlight-c">&quot;row&quot;</span><span class="highlight-a">&gt;</span></span>
-<span class="code-line">      <span class="highlight-a">&lt;div</span> <span class="highlight-b">class</span>=<span class="highlight-c">&quot;col-sm-12 col-md-6&quot;</span><span class="highlight-a">&gt;</span></span>
+<span class="code-line">    <span class="highlight-a">&lt;div&gt;</span> <span class="highlight-b">class</span>=<span class="highlight-c">&quot;row&quot;</span><span class="highlight-a">&gt;</span></span>
+<span class="code-line">      <span class="highlight-a">&lt;div&gt;</span> <span class="highlight-b">class</span>=<span class="highlight-c">&quot;col-sm-12 col-md-6&quot;</span><span class="highlight-a">&gt;</span></span>
 <span class="code-line">        <span class="highlight-a">&lt;label</span> <span class="highlight-b">for</span>=<span class="highlight-c">&quot;username&quot;</span><span class="highlight-a">&gt;</span>Username<span class="highlight-a">&lt;/label&gt;</span></span>
 <span class="code-line">        <span class="highlight-a">&lt;input</span> <span class="highlight-b">type</span>=<span class="highlight-c">&quot;text&quot;</span> <span class="highlight-b">id</span>=<span class="highlight-c">&quot;Username&quot;</span> <span class="highlight-b">placeholder</span>=<span class="highlight-c">&quot;Username&quot;</span><span class="highlight-a">/&gt;</span></span>
 <span class="code-line">      <span class="highlight-a">&lt;/div&gt;</span></span>
-<span class="code-line">      <span class="highlight-a">&lt;div</span> <span class="highlight-b">class</span>=<span class="highlight-c">&quot;col-sm-12 col-md-6&quot;</span><span class="highlight-a">&gt;</span></span>
+<span class="code-line">      <span class="highlight-a">&lt;div&gt;</span> <span class="highlight-b">class</span>=<span class="highlight-c">&quot;col-sm-12 col-md-6&quot;</span><span class="highlight-a">&gt;</span></span>
 <span class="code-line">        <span class="highlight-a">&lt;label</span> <span class="highlight-b">for</span>=<span class="highlight-c">&quot;password&quot;</span><span class="highlight-a">&gt;</span>Password<span class="highlight-a">&lt;/label&gt;</span></span>
 <span class="code-line">        <span class="highlight-a">&lt;input</span> <span class="highlight-b">type</span>=<span class="highlight-c">&quot;password&quot;</span> <span class="highlight-b">id</span>=<span class="highlight-c">&quot;password&quot;</span> <span class="highlight-b">placeholder</span>=<span class="highlight-c">&quot;Password&quot;</span><span class="highlight-a">/&gt;</span></span>
 <span class="code-line">      <span class="highlight-a">&lt;/div&gt;</span></span>
--- a/docs/doc-fragments/gettingStarted.js
+++ b/docs/doc-fragments/gettingStarted.js
@ -7,7 +7,7 @@ module.exports = {
  <div class="row"><div class="col-sm-12 col-md"><pre>npm install mini.css</pre></div><div class="col-sm-12 col-md"><pre>yarn add mini.css</pre></div></div>
  <br/><p>Alternatively, you can use either <strong>rawgit</strong> or <strong>cdnjs</strong> to import <strong>mini.css</strong> into your HTML page's <code>&lt;head&gt;</code> tag:</p>
  <pre>&lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.rawgit.com/Chalarangelo/mini.css/${version}/dist/mini-default.min.css&quot;&gt;</pre>
-  <pre>&lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/mini.css/${version.slice(1)}/mini-default.min.css&quot;&gt;</pre>
+  <pre>&lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/mini.css/${version}/mini-default.min.css&quot;&gt;</pre>
  <br/><p>After adding <strong>mini.css</strong> to your project, remember to also add the following line inside your HTML page's <code>&lt;head&gt;</code> tag to utilize the viewport meta tag:</p>
  <pre>&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt;</pre>
  <br/><p><strong>mini.css</strong> is crafted with long-term support in mind, so expect it to be compatible with all modern browsers, as well as their future versions. However, most legacy and proxy browsers, such as Internet Explorer, Opera Mini, IE Mobile and UC Browser are not officially supported, meaning certain features may not be displayed properly or behave exactly as expected.</p><br/>
--- a/docs/doc-fragments/tables.js
+++ b/docs/doc-fragments/tables.js
@ -54,8 +54,8 @@ module.exports = {
 <span class="code-line"><span class="highlight-a">  &lt;/tbody&gt;</span></span>
 <span class="code-line"><span class="highlight-a">&lt;/table&gt;</span></span></pre>`],
  notes: [`Remember to always specify a <code>data-label</code> attribute for all of your <code>&lt;td&gt;</code> elements, otherwise they will not display properly on mobile.`,
-  `Due to the way tables are displayed, the <code>&lt;tfoot&gt;</code> element is not supported by default. You can however add <code>table tfoot { order: 3; }</code> to your CSS files to partially support table footers.`,
-  `Tables are vertically scrollable by default, with a <code>max-height</code> property of <code>400px</code>.`,],
+  `Due to the way tables are displayed, the <code>&lt;tfoot&gt;</code> element is not supported.`,
+  `Tables are vertically scrollable by default, with a <code>max-height</code> property of <code>400px</code>.`],
  customization: [
    `Text color for <code>&lt;th&gt;</code> and <code>&lt;td&gt;</code> elements can be changed by changing the values of the <code>--table-head-fore-color</code> and <code>--table-body-fore-color</code> variables respectively.`,
    `Background color for <code>&lt;th&gt;</code> and <code>&lt;td&gt;</code> elements can be changed by changing the values of the <code>--table-head-back-color</code> and <code>--table-body-back-color</code> variables respectively.`,
--- a/docs/docs.html
+++ b/docs/docs.html
@ -30,8 +30,8 @@
  <div class="section"><p>You can get started using <strong>mini.css</strong> in one of many ways. It is published on <strong>npm</strong> and <strong>yarn</strong>, so you can easily download it, using your preferred package manager:</p>
  <div class="row"><div class="col-sm-12 col-md"><pre>npm install mini.css</pre></div><div class="col-sm-12 col-md"><pre>yarn add mini.css</pre></div></div>
  <br/><p>Alternatively, you can use either <strong>rawgit</strong> or <strong>cdnjs</strong> to import <strong>mini.css</strong> into your HTML page's <code>&lt;head&gt;</code> tag:</p>
-  <pre>&lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.rawgit.com/Chalarangelo/mini.css/v3.0.1/dist/mini-default.min.css&quot;&gt;</pre>
-  <pre>&lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/mini.css/3.0.1/mini-default.min.css&quot;&gt;</pre>
+  <pre>&lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.rawgit.com/Chalarangelo/mini.css/v3.0.0/dist/mini-default.min.css&quot;&gt;</pre>
+  <pre>&lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/mini.css/v3.0.0/mini-default.min.css&quot;&gt;</pre>
  <br/><p>After adding <strong>mini.css</strong> to your project, remember to also add the following line inside your HTML page's <code>&lt;head&gt;</code> tag to utilize the viewport meta tag:</p>
  <pre>&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt;</pre>
  <br/><p><strong>mini.css</strong> is crafted with long-term support in mind, so expect it to be compatible with all modern browsers, as well as their future versions. However, most legacy and proxy browsers, such as Internet Explorer, Opera Mini, IE Mobile and UC Browser are not officially supported, meaning certain features may not be displayed properly or behave exactly as expected.</p><br/>
@ -423,18 +423,18 @@
  <div class="section double-padded"><h3>Best practices</h3><div class="row dodos"><div class="col-sm-12 col-md-6"><pre><span class="code-line"><span class="highlight-a">&lt;form&gt;</span></span>
 <span class="code-line">  <span class="highlight-a">&lt;fieldset&gt;</span></span>
 <span class="code-line">    <span class="highlight-a">&lt;legend&gt;</span>Simple form<span class="highlight-a">&lt;/legend&gt;</span></span>
-<span class="code-line">    <span class="highlight-a">&lt;div</span> <span class="highlight-b">class</span>=<span class="highlight-c">&quot;row&quot;</span><span class="highlight-a">&gt;</span></span>
-<span class="code-line">      <span class="highlight-a">&lt;div</span> <span class="highlight-b">class</span>=<span class="highlight-c">&quot;col-sm-12 col-md-6&quot;</span><span class="highlight-a">&gt;</span></span>
+<span class="code-line">    <span class="highlight-a">&lt;div&gt;</span> <span class="highlight-b">class</span>=<span class="highlight-c">&quot;row&quot;</span><span class="highlight-a">&gt;</span></span>
+<span class="code-line">      <span class="highlight-a">&lt;div&gt;</span> <span class="highlight-b">class</span>=<span class="highlight-c">&quot;col-sm-12 col-md-6&quot;</span><span class="highlight-a">&gt;</span></span>
 <span class="code-line">        <span class="highlight-a">&lt;label</span> <span class="highlight-b">for</span>=<span class="highlight-c">&quot;username&quot;</span><span class="highlight-a">&gt;</span>Username<span class="highlight-a">&lt;/label&gt;</span></span>
 <span class="code-line">        <span class="highlight-a">&lt;input</span> <span class="highlight-b">type</span>=<span class="highlight-c">&quot;text&quot;</span> <span class="highlight-b">id</span>=<span class="highlight-c">&quot;Username&quot;</span> <span class="highlight-b">placeholder</span>=<span class="highlight-c">&quot;Username&quot;</span><span class="highlight-a">/&gt;</span></span>
 <span class="code-line">      <span class="highlight-a">&lt;/div&gt;</span></span>
-<span class="code-line">      <span class="highlight-a">&lt;div</span> <span class="highlight-b">class</span>=<span class="highlight-c">&quot;col-sm-12 col-md-6&quot;</span><span class="highlight-a">&gt;</span></span>
+<span class="code-line">      <span class="highlight-a">&lt;div&gt;</span> <span class="highlight-b">class</span>=<span class="highlight-c">&quot;col-sm-12 col-md-6&quot;</span><span class="highlight-a">&gt;</span></span>
 <span class="code-line">        <span class="highlight-a">&lt;label</span> <span class="highlight-b">for</span>=<span class="highlight-c">&quot;password&quot;</span><span class="highlight-a">&gt;</span>Password<span class="highlight-a">&lt;/label&gt;</span></span>
 <span class="code-line">        <span class="highlight-a">&lt;input</span> <span class="highlight-b">type</span>=<span class="highlight-c">&quot;password&quot;</span> <span class="highlight-b">id</span>=<span class="highlight-c">&quot;password&quot;</span> <span class="highlight-b">placeholder</span>=<span class="highlight-c">&quot;Password&quot;</span><span class="highlight-a">/&gt;</span></span>
 <span class="code-line">      <span class="highlight-a">&lt;/div&gt;</span></span>
 <span class="code-line">    <span class="highlight-a">&lt;/div&gt;</span></span>
 <span class="code-line">  <span class="highlight-a">&lt;/fieldset&gt;</span></span>
-<span class="code-line"><span class="highlight-a">&lt;/form&gt;</span></span></pre></div><div class="col-sm-12 col-md-6"><p><mark class="do">Do:</mark>&nbsp;Form inputs are inline by default, however you can combine forms with the <a href="#grid">grid system</a> to create aligned forms.</p></div></div></div>
+<span class="code-line"><span class="highlight-a">&lt;/form&gt;</span></span></pre></div><div class="col-sm-12 col-md-6"><p><mark class="do">Do:</mark>&nbsp;Form inputs are inline by defaut, however you can combine forms with the <a href="#grid">grid system</a> to create aligned forms.</p></div></div></div>
  <div class="section double-padded"><h3>Notes</h3><ul><li>Using the <code>&lt;fieldset&gt;</code> and <code>&lt;legend&gt;</code> elements is highly recommended, as it improves semantic markup and accessibility.</li><li>Some input elements, such as date &amp; time, color and range types, are not supported and, as a result, do not have a default style defined for them. You can define said styles manually if you need to use them in your web app.</li></ul></div>
  <div class="section double-padded"><h3>Customization</h3><ul><li>Text color for forms and legend elements can be changed by changing the value of the <code>--form-fore-color</code> variable.</li><li>Background color for forms can be changed by changing the value of the <code>--form-back-color</code> variable.</li><li>Border color for forms and fieldset elements can be changed by changing the value of the <code>--form-border-color</code> variable.</li><li>Text color for input elements can be changed by changing the value of the <code>--input-fore-color</code> variable.</li><li>Background color for input elements can be changed by changing the value of the <code>--input-back-color</code> variable.</li><li>Border color for input elements can be changed by changing the value of the <code>--input-border-color</code> variable.</li><li>Border color for focused and invalid input elements can be changed by changing the value of the <code>--input-focus-color</code> and <code>--input-invalid-color</code> variables respectively.</li><li>Universal margin for elements can be changed globally by changing the value of the <code>--universal-margin</code> variable. As a rule of thumb, consider the universal margin to be the distance you want your paragraphs to have from the sides of the screen.</li><li>Universal padding for elements can be changed globally by changing the value of the <code>--universal-padding</code> variable.</li><li>Universal border radius for elements can be changed globally by changing the value of the <code>--universal-border-radius</code> variable.</li></ul></div>
 </div><br/><div id="buttons" class="card fluid">
@ -789,7 +789,7 @@
 <span class="code-line"><span class="highlight-a">    &lt;/tr&gt;</span></span>
 <span class="code-line"><span class="highlight-a">  &lt;/tbody&gt;</span></span>
 <span class="code-line"><span class="highlight-a">&lt;/table&gt;</span></span></pre></div><div class="col-sm-12 col-md-6"><p><mark class="dont">Don't:</mark>&nbsp;Avoid placing <code>&lt;td&gt;</code> elements in the <code>&lt;thead&gt;</code> of your tables, as well as placing <code>&lt;th&gt;</code> elements in the <code>&lt;tbody&gt;</code>.</p></div></div></div>
-  <div class="section double-padded"><h3>Notes</h3><ul><li>Remember to always specify a <code>data-label</code> attribute for all of your <code>&lt;td&gt;</code> elements, otherwise they will not display properly on mobile.</li><li>Due to the way tables are displayed, the <code>&lt;tfoot&gt;</code> element is not supported by default. You can however add <code>table tfoot { order: 3; }</code> to your CSS files to partially support table footers.</li><li>Tables are vertically scrollable by default, with a <code>max-height</code> property of <code>400px</code>.</li></ul></div>
+  <div class="section double-padded"><h3>Notes</h3><ul><li>Remember to always specify a <code>data-label</code> attribute for all of your <code>&lt;td&gt;</code> elements, otherwise they will not display properly on mobile.</li><li>Due to the way tables are displayed, the <code>&lt;tfoot&gt;</code> element is not supported.</li><li>Tables are vertically scrollable by default, with a <code>max-height</code> property of <code>400px</code>.</li></ul></div>
  <div class="section double-padded"><h3>Customization</h3><ul><li>Text color for <code>&lt;th&gt;</code> and <code>&lt;td&gt;</code> elements can be changed by changing the values of the <code>--table-head-fore-color</code> and <code>--table-body-fore-color</code> variables respectively.</li><li>Background color for <code>&lt;th&gt;</code> and <code>&lt;td&gt;</code> elements can be changed by changing the values of the <code>--table-head-back-color</code> and <code>--table-body-back-color</code> variables respectively.</li><li>Border color for tables can be changed by changing the value of the <code>--table-border-color</code> variable.</li><li>Border color for the separator between a table's heading and a table's body can be changed by changing the value of the <code>--table-border-separator-color</code> variable.</li><li>Alternative background color for <code>&lt;td&gt;</code> elements in striped tables can be changed by changing the value of the <code>--table-body-alt-back-color</code> variable.</li><li>Hover background color for <code>&lt;tr&gt;</code> elements in hoverable tables can be changed by changing the value of the <code>--table-body-hover-back-color</code> variable.</li><li>Universal margin for elements can be changed globally by changing the value of the <code>--universal-margin</code> variable. As a rule of thumb, consider the universal margin to be the distance you want your paragraphs to have from the sides of the screen.</li><li>Universal padding for elements can be changed globally by changing the value of the <code>--universal-padding</code> variable.</li><li>Universal border radius for elements can be changed globally by changing the value of the <code>--universal-border-radius</code> variable.</li></ul></div>
 </div><br/><div id="text-highlighting" class="card fluid">
  <h2 class="section double-padded">Text highlighting</h2>
@ -1059,7 +1059,7 @@
  el.forEach(e => e.innerHTML = '<form action="https://codepen.io/pen/define" method="POST" target="_blank" class="codepen-form">' +
    '<input type="hidden" name="data" value=\'' + JSON.stringify({
      html               : e.innerText,
-      css_external       : "https://cdnjs.cloudflare.com/ajax/libs/mini.css/3.0.1/mini-default.css"
+      css_external       : "https://cdnjs.cloudflare.com/ajax/libs/mini.css/3.0.0/mini-default.css"
    }).replace(/"/g, "&quot;")
    .replace(/'/g, "&apos;") + '\'>' +
    '<input type="image" class="codepen-link" src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23424242%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolygon%20points%3D%2212%202%2022%208.5%2022%2015.5%2012%2022%202%2015.5%202%208.5%2012%202%22%3E%3C%2Fpolygon%3E%3Cline%20x1%3D%2212%22%20y1%3D%2222%22%20x2%3D%2212%22%20y2%3D%2215.5%22%3E%3C%2Fline%3E%3Cpolyline%20points%3D%2222%208.5%2012%2015.5%202%208.5%22%3E%3C%2Fpolyline%3E%3Cpolyline%20points%3D%222%2015.5%2012%208.5%2022%2015.5%22%3E%3C%2Fpolyline%3E%3Cline%20x1%3D%2212%22%20y1%3D%222%22%20x2%3D%2212%22%20y2%3D%228.5%22%3E%3C%2Fline%3E%3C%2Fsvg%3E" width="40" height="40" value="Open in Codepen">' +
--- a/docs/flavorFiles/mini-dark.css
+++ b/docs/flavorFiles/mini-dark.css
@ -1,9 +1,9 @@
@charset "UTF-8";
-/*
-  Flavor name: Dark (mini-dark)
-  Author: Angelos Chalaris (chalarangelo@gmail.com)
-  Maintainers: Angelos Chalaris
-  mini.css version: v3.0.1
+/*
+  Flavor name: Dark (mini-dark)
+  Author: Angelos Chalaris (chalarangelo@gmail.com)
+  Maintainers: Angelos Chalaris
+  mini.css version: v3.0.0
 */
 /*
  Browsers resets and base typography.
@ -689,8 +689,8 @@ a:hover, a:focus {
  border-bottom: 0;
 }

-/*
-	 Custom elements for card elements.
+/*
+	 Custom elements for card elements.
 */
@media screen and (min-width: 240px) {
  .card.small {
@ -986,8 +986,8 @@ input:disabled, input[disabled], textarea:disabled, textarea[disabled], select:d
  }
 }

-/*
-	 Custom elements for forms and input elements.
+/*
+	 Custom elements for forms and input elements.
 */
 button.primary, [type="button"].primary, [type="submit"].primary, [type="reset"].primary, .button.primary, [role="button"].primary {
  --button-back-color: #1976d2;
@ -1380,15 +1380,14 @@ table.horizontal {

 table.horizontal thead, table.horizontal tbody {
  border: 0;
-  flex: .2 0 0;
  flex-flow: row nowrap;
 }

 table.horizontal tbody {
  overflow: auto;
  justify-content: space-between;
-  flex: .8 0 0;
-  margin-left: 0;
+  flex: 1 0 0;
+  margin-left: calc( 4 * var(--universal-margin));
  padding-bottom: calc(var(--universal-padding) / 4);
 }

@ -1398,7 +1397,7 @@ table.horizontal tr {
 }

 table.horizontal th, table.horizontal td {
-  width: auto;
+  width: 100%;
  border: 0;
  border-bottom: 0.0625rem solid var(--table-border-color);
 }
@ -1810,8 +1809,8 @@ mark.inline-block {
  border-radius: 0 0 var(--universal-border-radius) var(--universal-border-radius);
 }

-/*
-	 Custom elements for contextual background elements, toasts and tooltips.
+/*
+	 Custom elements for contextual background elements, toasts and tooltips.
 */
 mark.secondary {
  --mark-back-color: #d32f2f;
@ -1857,7 +1856,7 @@ progress::-webkit-progress-value {
 }

 progress::-webkit-progress-bar {
-  background: var(--progress-back-color);
+  background: var(#aaa);
 }

 progress::-moz-progress-bar {
@ -1905,8 +1904,8 @@ progress.inline {
  animation: spinner-donut-anim 1.2s linear infinite;
 }

-/*
-	 Custom elements for progress bars and spinners.
+/*
+	 Custom elements for progress bars and spinners.
 */
 progress.primary {
  --progress-fore-color: #1976d2;
--- a/docs/flavorFiles/mini-dark.min.css
+++ b/docs/flavorFiles/mini-dark.min.css
--- a/docs/flavorFiles/mini-dark.scss
+++ b/docs/flavorFiles/mini-dark.scss
@ -5,7 +5,7 @@
  Flavor name: Dark (mini-dark)
  Author: Angelos Chalaris (chalarangelo@gmail.com)
  Maintainers: Angelos Chalaris
-  mini.css version: v3.0.1
+  mini.css version: v3.0.0
 */
 $base-root-font-size: 16px; // Root font sizing for all elements (`px` only)
 $base-line-height: 1.5; // Line height for most elements
--- a/docs/flavorFiles/mini-default.css
+++ b/docs/flavorFiles/mini-default.css
@ -3,7 +3,7 @@
  Flavor name: Default (mini-default)
  Author: Angelos Chalaris (chalarangelo@gmail.com)
  Maintainers: Angelos Chalaris
-  mini.css version: v3.0.1
+  mini.css version: v3.0.0
 */
 /*
  Browsers resets and base typography.
@ -1378,15 +1378,14 @@ table.horizontal {

 table.horizontal thead, table.horizontal tbody {
  border: 0;
-  flex: .2 0 0;
  flex-flow: row nowrap;
 }

 table.horizontal tbody {
  overflow: auto;
  justify-content: space-between;
-  flex: .8 0 0;
-  margin-left: 0;
+  flex: 1 0 0;
+  margin-left: calc( 4 * var(--universal-margin));
  padding-bottom: calc(var(--universal-padding) / 4);
 }

@ -1396,7 +1395,7 @@ table.horizontal tr {
 }

 table.horizontal th, table.horizontal td {
-  width: auto;
+  width: 100%;
  border: 0;
  border-bottom: 0.0625rem solid var(--table-border-color);
 }
@ -1855,7 +1854,7 @@ progress::-webkit-progress-value {
 }

 progress::-webkit-progress-bar {
-  background: var(--progress-back-color);
+  background: var(#ddd);
 }

 progress::-moz-progress-bar {
--- a/docs/flavorFiles/mini-default.min.css
+++ b/docs/flavorFiles/mini-default.min.css
--- a/docs/flavorFiles/mini-default.scss
+++ b/docs/flavorFiles/mini-default.scss
@ -5,7 +5,7 @@
  Flavor name: Default (mini-default)
  Author: Angelos Chalaris (chalarangelo@gmail.com)
  Maintainers: Angelos Chalaris
-  mini.css version: v3.0.1
+  mini.css version: v3.0.0-alpha.3
 */
@import '../mini/core';
@import '../mini/layout';
--- a/docs/flavorFiles/mini-nord.css
+++ b/docs/flavorFiles/mini-nord.css
@ -1,9 +1,9 @@
@charset "UTF-8";
-/*
-  Flavor name: Nord (mini-nord)
-  Author: tphecca (https://github.com/tphecca)
-  Maintainers: tphecca
-  mini.css version: v3.0.1
+/*
+  Flavor name: Nord (mini-nord)
+  Author: tphecca (https://github.com/tphecca)
+  Maintainers: tphecca
+  mini.css version: v3.0.0
 */
 /*
  Browsers resets and base typography.
@ -689,8 +689,8 @@ a:hover, a:focus {
  border-bottom: 0;
 }

-/*
-	 Custom elements for card elements.
+/*
+	 Custom elements for card elements.
 */
@media screen and (min-width: 240px) {
  .card.small {
@ -983,8 +983,8 @@ input:disabled, input[disabled], textarea:disabled, textarea[disabled], select:d
  }
 }

-/*
-	 Custom elements for forms and input elements.
+/*
+	 Custom elements for forms and input elements.
 */
 button.primary, [type="button"].primary, [type="submit"].primary, [type="reset"].primary, .button.primary, [role="button"].primary {
  --button-back-color: #5e81ac;
@ -1377,15 +1377,14 @@ table.horizontal {

 table.horizontal thead, table.horizontal tbody {
  border: 0;
-  flex: .2 0 0;
  flex-flow: row nowrap;
 }

 table.horizontal tbody {
  overflow: auto;
  justify-content: space-between;
-  flex: .8 0 0;
-  margin-left: 0;
+  flex: 1 0 0;
+  margin-left: calc( 4 * var(--universal-margin));
  padding-bottom: calc(var(--universal-padding) / 4);
 }

@ -1395,7 +1394,7 @@ table.horizontal tr {
 }

 table.horizontal th, table.horizontal td {
-  width: auto;
+  width: 100%;
  border: 0;
  border-bottom: 0.0625rem solid var(--table-border-color);
 }
@ -1807,8 +1806,8 @@ mark.inline-block {
  border-radius: 0 0 var(--universal-border-radius) var(--universal-border-radius);
 }

-/*
-	 Custom elements for contextual background elements, toasts and tooltips.
+/*
+	 Custom elements for contextual background elements, toasts and tooltips.
 */
 mark.secondary {
  --mark-back-color: #bf616a;
@ -1854,7 +1853,7 @@ progress::-webkit-progress-value {
 }

 progress::-webkit-progress-bar {
-  background: var(--progress-back-color);
+  background: var(#e5e9f0);
 }

 progress::-moz-progress-bar {
@ -1902,8 +1901,8 @@ progress.inline {
  animation: spinner-donut-anim 1.2s linear infinite;
 }

-/*
-	 Custom elements for progress bars and spinners.
+/*
+	 Custom elements for progress bars and spinners.
 */
 progress.primary {
  --progress-fore-color: #5e81ac;
--- a/docs/flavorFiles/mini-nord.min.css
+++ b/docs/flavorFiles/mini-nord.min.css
--- a/docs/flavorFiles/mini-nord.scss
+++ b/docs/flavorFiles/mini-nord.scss
@ -5,7 +5,7 @@
  Flavor name: Nord (mini-nord)
  Author: tphecca (https://github.com/tphecca)
  Maintainers: tphecca
-  mini.css version: v3.0.1
+  mini.css version: v3.0.0
 */
 //  This flavor is based on the Nord color palette: https://github.com/arcticicestudio/nord
 $base-root-font-size: 16px; // Root font sizing for all elements (`px` only)
--- a/docs/flavors.html
+++ b/docs/flavors.html
@ -1408,7 +1408,7 @@
      flavorFile +='/*\n';
      flavorFile +='  Flavor name: Custom (mini-custom)\n';
      flavorFile +='  Generated online - https://minicss.org/flavors\n';
-      flavorFile +='  mini.css version: v3.0.1\n';
+      flavorFile +='  mini.css version: v3.0.0\n';
      flavorFile +='*/\n';
      flavorFile +='$base-root-font-size: '+flavorData.core.baseRootFontSize+'px; // Root font sizing for all elements (`px` only)\n';
      flavorFile +='$base-line-height: '+flavorData.core.baseLineHeight+'; // Line height for most elements\n';
@ -1715,7 +1715,6 @@
      document.getElementById('generatorStatus').innerHTML = 'Configuring the generator...';
      var sass = new Sass();
      sass.options({style: Sass.style.expanded, precision: -1, comments: false, indent: '  ', linefeed: '\n'});
-      console.log(sass);
      document.getElementById('generatorStatus').innerHTML = 'Loading SCSS files...';
      sass.preloadFiles(base, directory, files, function filesPreloaded() {
        document.getElementById('generatorStatus').innerHTML = 'Generating flavor file...';
--- a/docs/index.html
+++ b/docs/index.html
@ -19,7 +19,7 @@
    <div class="index-splash-image"></div>
    <h1 class="splash">mini<small>.css</small></h1>
    <p class="splash">minimal, responsive, style-agnostic <br>CSS framework</p>
-    <p id="version-info">v3.0.1</p>
+    <p id="version-info">v3.0.0</p>
    <a class="button splash" href="docs">Get started</a>
  </div>
  <header class="row sticky">
--- a/docs/mini/_progress.scss
+++ b/docs/mini/_progress.scss
@ -67,7 +67,7 @@ progress {
  }
  // Background color on webkit browser
  &::-webkit-progress-bar {
-    background: var(#{$progress-back-color-var});
+    background: var(#{$progress-back-color});
  }
  // Foreground color on Firefox
  &::-moz-progress-bar {
--- a/docs/mini/_table.scss
+++ b/docs/mini/_table.scss
@ -165,14 +165,13 @@ table {
    border: 0;
    thead, tbody {
      border: 0;
-      flex: .2 0 0;
      flex-flow: row nowrap;
    }
    tbody {
      overflow: auto;
      justify-content: space-between;
-      flex: .8 0 0;
-      margin-left: 0;
+      flex: 1 0 0;
+      margin-left: calc( 4 * var(#{$universal-margin-var}));
      padding-bottom: calc(var(#{$universal-padding-var}) / 4);
    }
    tr {
@ -180,7 +179,7 @@ table {
      flex: 1 0 auto;
    }
    th, td {
-      width: auto;
+      width: 100%;
      border: 0;
      border-bottom: $__1px solid var(#{$table-border-color-var});
      &:not(:first-child){
--- a/docs/sass.js
+++ b/docs/sass.js
@ -1,6 +1,6 @@
-/*! sass.js - v0.10.10 (4ca6ca1) - built 2018-07-07
-  providing libsass 3.5.4 (1e52b743)
-  via emscripten 1.37.35 ()
+/*! sass.js - v0.10.9 (3e41106) - built 2018-02-06
+  providing libsass 3.4.9 (6de5050d)
+  via emscripten 1.37.33 ()
 */

 (function (root, factory) {
--- a/docs/sass.node.js
+++ b/docs/sass.node.js
@ -1,80 +0,0 @@
-/*! sass.js - v0.10.10 (4ca6ca1) - built 2018-07-07
-  providing libsass 3.5.4 (1e52b743)
-  via emscripten 1.37.35 ()
- */
-var Sass = require('./sass.sync.js');
-var fs = require('fs');
-var path = require('path');
-
-function fileExists(path) {
-  var stat = fs.statSync(path);
-  return stat && stat.isFile();
-}
-
-function removeFileExtension(path) {
-  return path.slice(0, path.lastIndexOf('.'));
-}
-
-function importFileToSass(path, done) {
-  // any path must be relative to CWD to work in both environments (real FS, and emscripten FS)
-  var requestedPath = './' + path;
-  // figure out the *actual* path of the file
-  var filesystemPath = Sass.findPathVariation(fileExists, requestedPath);
-  if (!filesystemPath) {
-    done({
-      error: 'File "' + requestedPath + '" not found',
-    });
-
-    return;
-  }
-
-  // Make sure to omit the ".css" file extension when it was omitted in requestedPath.
-  // This allow raw css imports.
-  // see https://github.com/sass/libsass/pull/754
-  var isRawCss = !requestedPath.endsWith('.css') && filesystemPath.endsWith('.css');
-  var targetPath = isRawCss ? removeFileExtension(filesystemPath) : filesystemPath;
-
-  // write the file to emscripten FS so libsass internal FS handling
-  // can engage the scss/sass switch, which apparently does not happen
-  // for content provided through the importer callback directly
-  var content = fs.readFileSync(filesystemPath, {encoding: 'utf8'});
-  Sass.writeFile(filesystemPath, content, function() {
-    done({
-      path: targetPath,
-    });
-  });
-}
-
-function importerCallback(request, done) {
-  importFileToSass(resolve(request), done);
-}
-
-function compileFile(path, options, callback) {
-  if (!callback) {
-    callback = options;
-    options = {};
-  }
-
-  Sass.importer(importerCallback);
-  importFileToSass(path, function() {
-    Sass.compileFile(path, options, callback);
-  });
-}
-
-function resolve(request) {
-  // the request will not have the correct "resolved" path on Windows
-  // see https://github.com/medialize/sass.js/issues/69
-  // see https://github.com/medialize/sass.js/issues/86
-  return path.normalize(
-    path.join(
-      // sass.js works in the "/sass/" directory, make that relative to CWD
-      path.dirname(request.previous.replace(/^\/sass\//, '')),
-      request.current
-    )
-  ).replace(/\\/g, '/');
-}
-
-compileFile.importFileToSass = importFileToSass;
-compileFile.Sass = Sass;
-
-module.exports = compileFile;
--- a/docs/sass.sync.js
+++ b/docs/sass.sync.js
--- a/docs/sass.worker.js
+++ b/docs/sass.worker.js
--- a/docs/style.min.css
+++ b/docs/style.min.css
--- a/docs/vinf.js
+++ b/docs/vinf.js
@ -1,4 +1,4 @@
 // Get the current version of the Gluon branch.
 module.exports = {
-  version: 'v3.0.1'
+  version: 'v3.0.0'
 }
--- a/package-lock.json
+++ b/package-lock.json
@ -1,6 +1,6 @@
 {
  "name": "mini.css",
-  "version": "3.0.1",
+  "version": "3.0.0",
  "lockfileVersion": 1,
  "requires": true,
  "dependencies": {
@ -10,16 +10,6 @@
      "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
      "dev": true
    },
-    "ajv": {
-      "version": "4.11.8",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-4.11.8.tgz",
-      "integrity": "sha1-gv+wKynmYq5TvcIK8VlHcGc5xTY=",
-      "dev": true,
-      "requires": {
-        "co": "4.6.0",
-        "json-stable-stringify": "1.0.1"
-      }
-    },
    "amdefine": {
      "version": "1.0.1",
      "resolved": "https://registry.npmjs.org/amdefine/-/amdefine-1.0.1.tgz",
@ -61,13 +51,10 @@
      "dev": true
    },
    "asn1": {
-      "version": "0.2.4",
-      "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.4.tgz",
-      "integrity": "sha512-jxwzQpLQjSmWXgwaCZE9Nz+glAG01yF1QnWgbhGwHI5A6FRIEY6IVqtHhIepHqI7/kyEyQEagBC5mBEFlIYvdg==",
-      "dev": true,
-      "requires": {
-        "safer-buffer": "2.1.2"
-      }
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.3.tgz",
+      "integrity": "sha1-2sh4dxPJlmhJ/IGAd36+nB3fO4Y=",
+      "dev": true
    },
    "assert-plus": {
      "version": "0.2.0",
@ -106,9 +93,9 @@
      "dev": true
    },
    "bcrypt-pbkdf": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz",
-      "integrity": "sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.1.tgz",
+      "integrity": "sha1-Y7xdy2EzG5K8Bf1SiVPDNGKgb40=",
      "dev": true,
      "optional": true,
      "requires": {
@ -166,9 +153,9 @@
      }
    },
    "caseless": {
-      "version": "0.12.0",
-      "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
-      "integrity": "sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=",
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.11.0.tgz",
+      "integrity": "sha1-cVuW6phBWTzDMGeSP17GDr2k99c=",
      "dev": true
    },
    "chalk": {
@ -195,12 +182,6 @@
        "wrap-ansi": "2.1.0"
      }
    },
-    "co": {
-      "version": "4.6.0",
-      "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
-      "integrity": "sha1-bqa989hTrlTMuOR7+gvz+QMfsYQ=",
-      "dev": true
-    },
    "code-point-at": {
      "version": "1.1.0",
      "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz",
@ -216,6 +197,12 @@
        "delayed-stream": "1.0.0"
      }
    },
+    "commander": {
+      "version": "2.15.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.15.1.tgz",
+      "integrity": "sha512-VlfT9F3V0v+jr4yxPc5gg9s62/fIVWsd2Bk2iD435um1NlGMYdVCq+MjcXnhYq2icNOizHr1kK+5TI6H0Hy0ag==",
+      "dev": true
+    },
    "concat-map": {
      "version": "0.0.1",
      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@ -304,20 +291,19 @@
      "dev": true
    },
    "ecc-jsbn": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz",
-      "integrity": "sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=",
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.1.tgz",
+      "integrity": "sha1-D8c6ntXw1Tw4GTOYUj735UN3dQU=",
      "dev": true,
      "optional": true,
      "requires": {
-        "jsbn": "0.1.1",
-        "safer-buffer": "2.1.2"
+        "jsbn": "0.1.1"
      }
    },
    "error-ex": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
-      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.1.tgz",
+      "integrity": "sha1-+FWobOYa3E6GIcPNoh56dhLDqNw=",
      "dev": true,
      "requires": {
        "is-arrayish": "0.2.1"
@ -336,9 +322,9 @@
      "dev": true
    },
    "extend": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
-      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.1.tgz",
+      "integrity": "sha1-p1Xqe8Gt/MWjHOfnYtuq3F5jZEQ=",
      "dev": true
    },
    "extsprintf": {
@ -347,18 +333,6 @@
      "integrity": "sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=",
      "dev": true
    },
-    "fast-deep-equal": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-1.1.0.tgz",
-      "integrity": "sha1-wFNHeBfIa1HaqFPIHgWbcz0CNhQ=",
-      "dev": true
-    },
-    "fast-json-stable-stringify": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.0.0.tgz",
-      "integrity": "sha1-1RQsDK7msRifh9OnYREGT4bIu/I=",
-      "dev": true
-    },
    "file-saver": {
      "version": "1.3.8",
      "resolved": "https://registry.npmjs.org/file-saver/-/file-saver-1.3.8.tgz",
@ -389,7 +363,7 @@
      "requires": {
        "asynckit": "0.4.0",
        "combined-stream": "1.0.6",
-        "mime-types": "2.1.19"
+        "mime-types": "2.1.18"
      }
    },
    "fs.realpath": {
@ -432,13 +406,28 @@
      "integrity": "sha512-BRdNm8hbWzFzWHERTrejLqwHDfS4GibPoq5wjTPIoJHoBtKGPg3xAFfxmM+9ztbXelxcf2hwQcaz1PtmFeue8g==",
      "dev": true,
      "requires": {
-        "globule": "1.2.1"
+        "globule": "1.2.0"
+      }
+    },
+    "generate-function": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/generate-function/-/generate-function-2.0.0.tgz",
+      "integrity": "sha1-aFj+fAlpt9TpCTM3ZHrHn2DfvnQ=",
+      "dev": true
+    },
+    "generate-object-property": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/generate-object-property/-/generate-object-property-1.2.0.tgz",
+      "integrity": "sha1-nA4cQDCM6AT0eDYYuTf6iPmdUNA=",
+      "dev": true,
+      "requires": {
+        "is-property": "1.0.2"
      }
    },
    "get-caller-file": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz",
-      "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.2.tgz",
+      "integrity": "sha1-9wLmMSfn4jHBYKgMFVSstw1QR+U=",
      "dev": true
    },
    "get-stdin": {
@ -479,9 +468,9 @@
      }
    },
    "globule": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/globule/-/globule-1.2.1.tgz",
-      "integrity": "sha512-g7QtgWF4uYSL5/dn71WxubOrS7JVGCnFPEnoeChJmBnyR9Mw8nGoEwOgJL/RC2Te0WhbsEUCejfH8SZNJ+adYQ==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/globule/-/globule-1.2.0.tgz",
+      "integrity": "sha1-HcScaCLdnoovoAuiopUAboZkvQk=",
      "dev": true,
      "requires": {
        "glob": "7.1.2",
@ -495,20 +484,16 @@
      "integrity": "sha1-Dovf5NHduIVNZOBOp8AOKgJuVlg=",
      "dev": true
    },
-    "har-schema": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-1.0.5.tgz",
-      "integrity": "sha1-0mMTX0MwfALGAq/I/pWXDAFRNp4=",
-      "dev": true
-    },
    "har-validator": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-4.2.1.tgz",
-      "integrity": "sha1-M0gdDxu/9gDdID11gSpqX7oALio=",
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-2.0.6.tgz",
+      "integrity": "sha1-zcvAgYgmWtEZtqWnyKtw7s+10n0=",
      "dev": true,
      "requires": {
-        "ajv": "4.11.8",
-        "har-schema": "1.0.5"
+        "chalk": "1.1.3",
+        "commander": "2.15.1",
+        "is-my-json-valid": "2.17.2",
+        "pinkie-promise": "2.0.1"
      }
    },
    "has-ansi": {
@ -545,9 +530,9 @@
      "dev": true
    },
    "hosted-git-info": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.7.1.tgz",
-      "integrity": "sha512-7T/BxH19zbcCTa8XkMlbK5lTo1WtgkFi3GvdWEyNuc4Vex7/9Dqbnpsf4JMydcfj9HCg4zUWFTL3Za6lapg5/w==",
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.6.0.tgz",
+      "integrity": "sha512-lIbgIIQA3lz5XaB6vxakj6sDHADJiZadYEJB+FgA+C4nubM1NwcuvUr9EJPmnH1skZqpqUzWborWo8EIUi0Sdw==",
      "dev": true
    },
    "http-signature": {
@ -558,7 +543,7 @@
      "requires": {
        "assert-plus": "0.2.0",
        "jsprim": "1.4.1",
-        "sshpk": "1.14.2"
+        "sshpk": "1.14.1"
      }
    },
    "immediate": {
@ -637,6 +622,31 @@
        "number-is-nan": "1.0.1"
      }
    },
+    "is-my-ip-valid": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-my-ip-valid/-/is-my-ip-valid-1.0.0.tgz",
+      "integrity": "sha512-gmh/eWXROncUzRnIa1Ubrt5b8ep/MGSnfAUI3aRp+sqTCs1tv1Isl8d8F6JmkN3dXKc3ehZMrtiPN9eL03NuaQ==",
+      "dev": true
+    },
+    "is-my-json-valid": {
+      "version": "2.17.2",
+      "resolved": "https://registry.npmjs.org/is-my-json-valid/-/is-my-json-valid-2.17.2.tgz",
+      "integrity": "sha512-IBhBslgngMQN8DDSppmgDv7RNrlFotuuDsKcrCP3+HbFaVivIBU7u9oiiErw8sH4ynx3+gOGQ3q2otkgiSi6kg==",
+      "dev": true,
+      "requires": {
+        "generate-function": "2.0.0",
+        "generate-object-property": "1.2.0",
+        "is-my-ip-valid": "1.0.0",
+        "jsonpointer": "4.0.1",
+        "xtend": "4.0.1"
+      }
+    },
+    "is-property": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-property/-/is-property-1.0.2.tgz",
+      "integrity": "sha1-V/4cTkhHTt1lsJkR8msc1Ald2oQ=",
+      "dev": true
+    },
    "is-typedarray": {
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
@ -668,9 +678,9 @@
      "dev": true
    },
    "js-base64": {
-      "version": "2.4.8",
-      "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.4.8.tgz",
-      "integrity": "sha512-hm2nYpDrwoO/OzBhdcqs/XGT6XjSuSSCVEpia+Kl2J6x4CYt5hISlVL/AYU1khoDXv0AQVgxtdJySb9gjAn56Q==",
+      "version": "2.4.5",
+      "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.4.5.tgz",
+      "integrity": "sha512-aUnNwqMOXw3yvErjMPSQu6qIIzUmT1e5KcU1OZxRDU1g/am6mzBvcrmLAYwzmB59BHPrh5/tKaiF4OPhqRWESQ==",
      "dev": true
    },
    "jsbn": {
@ -686,31 +696,16 @@
      "integrity": "sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM=",
      "dev": true
    },
-    "json-schema-traverse": {
-      "version": "0.3.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.3.1.tgz",
-      "integrity": "sha1-NJptRMU6Ud6JtAgFxdXlm0F9M0A=",
-      "dev": true
-    },
-    "json-stable-stringify": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/json-stable-stringify/-/json-stable-stringify-1.0.1.tgz",
-      "integrity": "sha1-mnWdOcXy/1A/1TAGRu1EX4jE+a8=",
-      "dev": true,
-      "requires": {
-        "jsonify": "0.0.0"
-      }
-    },
    "json-stringify-safe": {
      "version": "5.0.1",
      "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
      "integrity": "sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=",
      "dev": true
    },
-    "jsonify": {
-      "version": "0.0.0",
-      "resolved": "https://registry.npmjs.org/jsonify/-/jsonify-0.0.0.tgz",
-      "integrity": "sha1-LHS27kHZPKUbe1qu6PUDYx0lKnM=",
+    "jsonpointer": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/jsonpointer/-/jsonpointer-4.0.1.tgz",
+      "integrity": "sha1-T9kss04OnbPInIYi7PUfm5eMbLk=",
      "dev": true
    },
    "jsprim": {
@ -846,18 +841,18 @@
      }
    },
    "mime-db": {
-      "version": "1.35.0",
-      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.35.0.tgz",
-      "integrity": "sha512-JWT/IcCTsB0Io3AhWUMjRqucrHSPsSf2xKLaRldJVULioggvkJvggZ3VXNNSRkCddE6D+BUI4HEIZIA2OjwIvg==",
+      "version": "1.33.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.33.0.tgz",
+      "integrity": "sha512-BHJ/EKruNIqJf/QahvxwQZXKygOQ256myeN/Ew+THcAa5q+PjyTTMMeNQC4DZw5AwfvelsUrA6B67NKMqXDbzQ==",
      "dev": true
    },
    "mime-types": {
-      "version": "2.1.19",
-      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.19.tgz",
-      "integrity": "sha512-P1tKYHVSZ6uFo26mtnve4HQFE3koh1UWVkp8YUC+ESBHe945xWSoXuHHiGarDqcEZ+whpCDnlNw5LON0kLo+sw==",
+      "version": "2.1.18",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.18.tgz",
+      "integrity": "sha512-lc/aahn+t4/SWV/qcmumYjymLsWfN3ELhpmVuUFjgsORruuZPVSwAQryq+HHGvO/SI2KVX26bx+En+zhM8g8hQ==",
      "dev": true,
      "requires": {
-        "mime-db": "1.35.0"
+        "mime-db": "1.33.0"
      }
    },
    "minimatch": {
@ -899,55 +894,26 @@
      "dev": true
    },
    "node-gyp": {
-      "version": "3.7.0",
-      "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-3.7.0.tgz",
-      "integrity": "sha512-qDQE/Ft9xXP6zphwx4sD0t+VhwV7yFaloMpfbL2QnnDZcyaiakWlLdtFGGQfTAwpFHdpbRhRxVhIHN1OKAjgbg==",
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-3.6.2.tgz",
+      "integrity": "sha1-m/vlRWIoYoSDjnUOrAUpWFP6HGA=",
      "dev": true,
      "requires": {
        "fstream": "1.0.11",
        "glob": "7.1.2",
        "graceful-fs": "4.1.11",
+        "minimatch": "3.0.4",
        "mkdirp": "0.5.1",
        "nopt": "3.0.6",
        "npmlog": "4.1.2",
        "osenv": "0.1.5",
-        "request": "2.81.0",
+        "request": "2.79.0",
        "rimraf": "2.6.2",
        "semver": "5.3.0",
        "tar": "2.2.1",
        "which": "1.3.1"
      },
      "dependencies": {
-        "request": {
-          "version": "2.81.0",
-          "resolved": "https://registry.npmjs.org/request/-/request-2.81.0.tgz",
-          "integrity": "sha1-xpKJRqDgbF+Nb4qTM0af/aRimKA=",
-          "dev": true,
-          "requires": {
-            "aws-sign2": "0.6.0",
-            "aws4": "1.7.0",
-            "caseless": "0.12.0",
-            "combined-stream": "1.0.6",
-            "extend": "3.0.2",
-            "forever-agent": "0.6.1",
-            "form-data": "2.1.4",
-            "har-validator": "4.2.1",
-            "hawk": "3.1.3",
-            "http-signature": "1.1.1",
-            "is-typedarray": "1.0.0",
-            "isstream": "0.1.2",
-            "json-stringify-safe": "5.0.1",
-            "mime-types": "2.1.19",
-            "oauth-sign": "0.8.2",
-            "performance-now": "0.2.0",
-            "qs": "6.4.0",
-            "safe-buffer": "5.1.2",
-            "stringstream": "0.0.6",
-            "tough-cookie": "2.3.4",
-            "tunnel-agent": "0.6.0",
-            "uuid": "3.3.2"
-          }
-        },
        "semver": {
          "version": "5.3.0",
          "resolved": "https://registry.npmjs.org/semver/-/semver-5.3.0.tgz",
@ -957,9 +923,9 @@
      }
    },
    "node-sass": {
-      "version": "4.9.2",
-      "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-4.9.2.tgz",
-      "integrity": "sha512-LdxoJLZutx0aQXHtWIYwJKMj+9pTjneTcLWJgzf2XbGu0q5pRNqW5QvFCEdm3mc5rJOdru/mzln5d0EZLacf6g==",
+      "version": "4.9.0",
+      "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-4.9.0.tgz",
+      "integrity": "sha512-QFHfrZl6lqRU3csypwviz2XLgGNOoWQbo2GOvtsfQqOfL4cy1BtWnhx/XUeAO9LT3ahBzSRXcEO6DdvAH9DzSg==",
      "dev": true,
      "requires": {
        "async-foreach": "0.1.3",
@ -975,9 +941,9 @@
        "meow": "3.7.0",
        "mkdirp": "0.5.1",
        "nan": "2.10.0",
-        "node-gyp": "3.7.0",
+        "node-gyp": "3.6.2",
        "npmlog": "4.1.2",
-        "request": "2.87.0",
+        "request": "2.79.0",
        "sass-graph": "2.2.4",
        "stdout-stream": "1.4.0",
        "true-case-path": "1.0.2"
@ -998,7 +964,7 @@
      "integrity": "sha512-9jjUFbTPfEy3R/ad/2oNbKtW9Hgovl5O1FvFWKkKblNXoN/Oou6+9+KKohPK13Yc3/TyunyWhJp6gvRNR/PPAw==",
      "dev": true,
      "requires": {
-        "hosted-git-info": "2.7.1",
+        "hosted-git-info": "2.6.0",
        "is-builtin-module": "1.0.0",
        "semver": "5.5.0",
        "validate-npm-package-license": "3.0.3"
@ -1086,7 +1052,7 @@
      "integrity": "sha1-9ID0BDTvgHQfhGkJn43qGPVaTck=",
      "dev": true,
      "requires": {
-        "error-ex": "1.3.2"
+        "error-ex": "1.3.1"
      }
    },
    "path-exists": {
@ -1115,12 +1081,6 @@
        "pinkie-promise": "2.0.1"
      }
    },
-    "performance-now": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-0.2.0.tgz",
-      "integrity": "sha1-M+8wxcd9TqIcWlOGnZG1bY8lVeU=",
-      "dev": true
-    },
    "pify": {
      "version": "2.3.0",
      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
@ -1161,9 +1121,9 @@
      "dev": true
    },
    "qs": {
-      "version": "6.4.0",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.4.0.tgz",
-      "integrity": "sha1-E+JtKK1rD/qpExLNO/cI7TUecjM=",
+      "version": "6.3.2",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.3.2.tgz",
+      "integrity": "sha1-51vV9uJoEioqDgvaYwslUMFmUCw=",
      "dev": true
    },
    "read-pkg": {
@ -1221,107 +1181,31 @@
      }
    },
    "request": {
-      "version": "2.87.0",
-      "resolved": "https://registry.npmjs.org/request/-/request-2.87.0.tgz",
-      "integrity": "sha512-fcogkm7Az5bsS6Sl0sibkbhcKsnyon/jV1kF3ajGmF0c8HrttdKTPRT9hieOaQHA5HEq6r8OyWOo/o781C1tNw==",
+      "version": "2.79.0",
+      "resolved": "https://registry.npmjs.org/request/-/request-2.79.0.tgz",
+      "integrity": "sha1-Tf5b9r6LjNw3/Pk+BLZVd3InEN4=",
      "dev": true,
      "requires": {
-        "aws-sign2": "0.7.0",
+        "aws-sign2": "0.6.0",
        "aws4": "1.7.0",
-        "caseless": "0.12.0",
+        "caseless": "0.11.0",
        "combined-stream": "1.0.6",
-        "extend": "3.0.2",
+        "extend": "3.0.1",
        "forever-agent": "0.6.1",
-        "form-data": "2.3.2",
-        "har-validator": "5.0.3",
-        "http-signature": "1.2.0",
+        "form-data": "2.1.4",
+        "har-validator": "2.0.6",
+        "hawk": "3.1.3",
+        "http-signature": "1.1.1",
        "is-typedarray": "1.0.0",
        "isstream": "0.1.2",
        "json-stringify-safe": "5.0.1",
-        "mime-types": "2.1.19",
+        "mime-types": "2.1.18",
        "oauth-sign": "0.8.2",
-        "performance-now": "2.1.0",
-        "qs": "6.5.2",
-        "safe-buffer": "5.1.2",
+        "qs": "6.3.2",
+        "stringstream": "0.0.6",
        "tough-cookie": "2.3.4",
-        "tunnel-agent": "0.6.0",
-        "uuid": "3.3.2"
-      },
-      "dependencies": {
-        "ajv": {
-          "version": "5.5.2",
-          "resolved": "https://registry.npmjs.org/ajv/-/ajv-5.5.2.tgz",
-          "integrity": "sha1-c7Xuyj+rZT49P5Qis0GtQiBdyWU=",
-          "dev": true,
-          "requires": {
-            "co": "4.6.0",
-            "fast-deep-equal": "1.1.0",
-            "fast-json-stable-stringify": "2.0.0",
-            "json-schema-traverse": "0.3.1"
-          }
-        },
-        "assert-plus": {
-          "version": "1.0.0",
-          "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
-          "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=",
-          "dev": true
-        },
-        "aws-sign2": {
-          "version": "0.7.0",
-          "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
-          "integrity": "sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=",
-          "dev": true
-        },
-        "form-data": {
-          "version": "2.3.2",
-          "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.2.tgz",
-          "integrity": "sha1-SXBJi+YEwgwAXU9cI67NIda0kJk=",
-          "dev": true,
-          "requires": {
-            "asynckit": "0.4.0",
-            "combined-stream": "1.0.6",
-            "mime-types": "2.1.19"
-          }
-        },
-        "har-schema": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz",
-          "integrity": "sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI=",
-          "dev": true
-        },
-        "har-validator": {
-          "version": "5.0.3",
-          "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.0.3.tgz",
-          "integrity": "sha1-ukAsJmGU8VlW7xXg/PJCmT9qff0=",
-          "dev": true,
-          "requires": {
-            "ajv": "5.5.2",
-            "har-schema": "2.0.0"
-          }
-        },
-        "http-signature": {
-          "version": "1.2.0",
-          "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz",
-          "integrity": "sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=",
-          "dev": true,
-          "requires": {
-            "assert-plus": "1.0.0",
-            "jsprim": "1.4.1",
-            "sshpk": "1.14.2"
-          }
-        },
-        "performance-now": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
-          "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=",
-          "dev": true
-        },
-        "qs": {
-          "version": "6.5.2",
-          "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz",
-          "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==",
-          "dev": true
-        }
+        "tunnel-agent": "0.4.3",
+        "uuid": "3.2.1"
      }
    },
    "require-directory": {
@ -1345,18 +1229,6 @@
        "glob": "7.1.2"
      }
    },
-    "safe-buffer": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
-      "dev": true
-    },
-    "safer-buffer": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
-      "dev": true
-    },
    "sass-graph": {
      "version": "2.2.4",
      "resolved": "https://registry.npmjs.org/sass-graph/-/sass-graph-2.2.4.tgz",
@ -1370,9 +1242,9 @@
      }
    },
    "sass.js": {
-      "version": "0.10.10",
-      "resolved": "https://registry.npmjs.org/sass.js/-/sass.js-0.10.10.tgz",
-      "integrity": "sha512-9c5N0h5GlXU8Z3ivA/JdtjHiibEMHbNe7PgeIpAU1FsKyv+GeZjJ49ggE6e56Vyf79XhLih2l33zuGKafBNR7Q==",
+      "version": "0.10.9",
+      "resolved": "https://registry.npmjs.org/sass.js/-/sass.js-0.10.9.tgz",
+      "integrity": "sha512-eHI/9qdncEcJwgher1QFCCNIxgL6Mq1IcSTil72pRkYuTDOJo5u7LFmLcWgadPfi53D88GuaxzsviwheDsBYoQ==",
      "dev": true
    },
    "scss-tokenizer": {
@ -1381,7 +1253,7 @@
      "integrity": "sha1-jrBtualyMzOCTT9VMGQRSYR85dE=",
      "dev": true,
      "requires": {
-        "js-base64": "2.4.8",
+        "js-base64": "2.4.5",
        "source-map": "0.4.4"
      }
    },
@ -1454,19 +1326,18 @@
      "dev": true
    },
    "sshpk": {
-      "version": "1.14.2",
-      "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.14.2.tgz",
-      "integrity": "sha1-xvxhZIo9nE52T9P8306hBeSSupg=",
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.14.1.tgz",
+      "integrity": "sha1-Ew9Zde3a2WPx1W+SuaxsUfqfg+s=",
      "dev": true,
      "requires": {
-        "asn1": "0.2.4",
+        "asn1": "0.2.3",
        "assert-plus": "1.0.0",
-        "bcrypt-pbkdf": "1.0.2",
+        "bcrypt-pbkdf": "1.0.1",
        "dashdash": "1.14.1",
-        "ecc-jsbn": "0.1.2",
+        "ecc-jsbn": "0.1.1",
        "getpass": "0.1.7",
        "jsbn": "0.1.1",
-        "safer-buffer": "2.1.2",
        "tweetnacl": "0.14.5"
      },
      "dependencies": {
@ -1594,13 +1465,10 @@
      }
    },
    "tunnel-agent": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
-      "integrity": "sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=",
-      "dev": true,
-      "requires": {
-        "safe-buffer": "5.1.2"
-      }
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.4.3.tgz",
+      "integrity": "sha1-Y3PbdpCf5XDgjXNYM2Xtgop07us=",
+      "dev": true
    },
    "tweetnacl": {
      "version": "0.14.5",
@ -1616,9 +1484,9 @@
      "dev": true
    },
    "uuid": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.3.2.tgz",
-      "integrity": "sha512-yXJmeNaw3DnnKAOKJE51sL/ZaYfWJRl1pK9dr19YFCu0ObS231AB1/LbqTKRAQ5kw8A90rA6fr4riOUpTZvQZA==",
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.2.1.tgz",
+      "integrity": "sha512-jZnMwlb9Iku/O3smGWvZhauCf6cvvpKi4BKRiliS3cxnI+Gz9j5MEpTz2UFuXiKPJocb7gnsLHwiS05ige5BEA==",
      "dev": true
    },
    "validate-npm-package-license": {
@ -1690,6 +1558,12 @@
      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
      "dev": true
    },
+    "xtend": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.1.tgz",
+      "integrity": "sha1-pcbVMr5lbiPbgg77lDofBJmNY68=",
+      "dev": true
+    },
    "y18n": {
      "version": "3.2.1",
      "resolved": "https://registry.npmjs.org/y18n/-/y18n-3.2.1.tgz",
@ -1711,7 +1585,7 @@
        "camelcase": "3.0.0",
        "cliui": "3.2.0",
        "decamelize": "1.2.0",
-        "get-caller-file": "1.0.3",
+        "get-caller-file": "1.0.2",
        "os-locale": "1.4.0",
        "read-pkg-up": "1.0.1",
        "require-directory": "2.1.1",
--- a/package.json
+++ b/package.json
@ -1,17 +1,14 @@
 {
  "name": "mini.css",
-  "version": "3.0.1",
+  "version": "3.0.0",
  "description": "A minimal, responsive, style-agnostic CSS framework.",
  "main": "dist/mini-default.min.css",
  "directories": {
    "lib": "src/mini"
  },
  "scripts": {
-    "build-docs": "node ./docs/build-docs.js && node-sass src/flavors/mini-doc.scss docs/style.min.css --output-style compressed",
-    "build-mini-default": "node-sass src/flavors/mini-default.scss dist/mini-default.css --output-style expanded && node-sass src/flavors/mini-default.scss dist/mini-default.min.css --output-style compressed",
-    "build-mini-dark": "node-sass src/flavors/mini-dark.scss dist/mini-dark.css --output-style expanded && node-sass src/flavors/mini-dark.scss dist/mini-dark.min.css --output-style compressed",
-    "build-mini-nord": "node-sass src/flavors/mini-nord.scss dist/mini-nord.css --output-style expanded && node-sass src/flavors/mini-nord.scss dist/mini-nord.min.css --output-style compressed",
-    "build-flavors": "npm run build-mini-default && npm run build-mini-dark && npm run build-mini-nord"
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build-docs": "node ./docs/build-docs.js"
  },
  "repository": {
    "type": "git",
@ -20,8 +17,8 @@
  "devDependencies": {
    "file-saver": "^1.3.8",
    "jszip": "^3.1.5",
-    "node-sass": "^4.9.2",
-    "sass.js": "^0.10.10"
+    "node-sass": "^4.5.2",
+    "sass.js": "^0.10.9"
  },
  "keywords": [
    "css",
--- a/src/flavors/mini-dark.scss
+++ b/src/flavors/mini-dark.scss
@ -5,7 +5,7 @@
  Flavor name: Dark (mini-dark)
  Author: Angelos Chalaris (chalarangelo@gmail.com)
  Maintainers: Angelos Chalaris
-  mini.css version: v3.0.1
+  mini.css version: v3.0.0
 */
 $base-root-font-size: 16px; // Root font sizing for all elements (`px` only)
 $base-line-height: 1.5; // Line height for most elements
@ -34,8 +34,8 @@ $blockquote-cite-size: 0.75em; // Font size for the [cite] of <blockquote>
 $code-font-size: 0.85em; // Font size for <code>, <kbd>
 $sup-top: -0.5em; // <sup> top
 $sub-bottom: -0.25em; // <sub> bottom
-$a-link-color: #65A0C7; // Color for <a>:link
-$a-visited-color: #3985B7; // Color for <a>:visited
+$a-link-color: #0277bd; // Color for <a>:link
+$a-visited-color: #01579b; // Color for <a>:visited
 $bold-font-weight: 700; // Font weight for <b> and <strong>
 $mobile-breakpoint: 768px; // Breakpoint between small and medium screens (px)
 $large-screen-breakpoint: 1280px; // Breakpoint between medium and large screens (px)
--- a/src/flavors/mini-default.scss
+++ b/src/flavors/mini-default.scss
@ -5,7 +5,7 @@
  Flavor name: Default (mini-default)
  Author: Angelos Chalaris (chalarangelo@gmail.com)
  Maintainers: Angelos Chalaris
-  mini.css version: v3.0.1
+  mini.css version: v3.0.0-alpha.3
 */
@import '../mini/core';
@import '../mini/layout';
--- a/src/flavors/mini-nord.scss
+++ b/src/flavors/mini-nord.scss
@ -5,7 +5,7 @@
  Flavor name: Nord (mini-nord)
  Author: tphecca (https://github.com/tphecca)
  Maintainers: tphecca
-  mini.css version: v3.0.1
+  mini.css version: v3.0.0
 */
 //  This flavor is based on the Nord color palette: https://github.com/arcticicestudio/nord
 $base-root-font-size: 16px; // Root font sizing for all elements (`px` only)
--- a/src/mini/_contextual.scss
+++ b/src/mini/_contextual.scss
@ -161,10 +161,10 @@ mark {
      left: calc(50% - var(#{$universal-margin-var}));
    }
    &:not(.#{$tooltip-bottom-name}):before { // Top (default) tooltip styling
-      border-top-color: var(#{$tooltip-back-color-var});
+      border-top-color: $tooltip-back-color;
    }
    &.#{$tooltip-bottom-name}:before { // Bottom tooltip styling
-      border-bottom-color: var(#{$tooltip-back-color-var});
+      border-bottom-color: $tooltip-back-color;
    }
    &:after {  // This is the actual tooltip's text block
      content: attr(aria-label);
--- a/src/mini/_navigation.scss
+++ b/src/mini/_navigation.scss
@ -115,9 +115,6 @@ header {
  // Fix for responsive header, using the grid system's row and column alignment.
  &.#{$grid-row-name} {
    box-sizing: content-box;
-    & .#{$header-logo-name} {
-      line-height: 1;
-    }
  }
  // Header logo styling.
  .#{$header-logo-name} {
@ -126,8 +123,8 @@ header {
    padding: var(#{$universal-padding-var}) calc(2 * var(#{$universal-padding-var}));
    text-decoration: none;
  }
-  // Link and span styling.
-  span, button, [type="button"], .#{$button-class-name}, [role="button"] {
+  // Link styling.
+  button, [type="button"], .#{$button-class-name}, [role="button"] {
    box-sizing: border-box;
    position: relative;
    top: calc(0rem - var(#{$universal-padding-var}) / 4);  // Use universal-padding to offset the padding of the header.
@ -142,9 +139,7 @@ header {
    @if $_header-links-uppercase {
      text-transform: uppercase;
    }
-  }
-  button, [type="button"], .#{$button-class-name}, [role="button"] {
-   &:hover, &:focus {
+    &:hover, &:focus {
      background: var(#{$header-hover-back-color-var});
    }
  }
--- a/src/mini/_progress.scss
+++ b/src/mini/_progress.scss
@ -67,7 +67,7 @@ progress {
  }
  // Background color on webkit browser
  &::-webkit-progress-bar {
-    background: var(#{$progress-back-color-var});
+    background: var(#{$progress-back-color});
  }
  // Foreground color on Firefox
  &::-moz-progress-bar {
--- a/src/mini/_table.scss
+++ b/src/mini/_table.scss
@ -160,35 +160,18 @@ table {
    tbody tr:first-child td {
      border-top: 0;
    }
-    thead tr:first-child th {
-      &:first-child{
-          border-top-left-radius: var(--universal-border-radius);
-      }
-      &:last-child{
-          border-top-right-radius: var(--universal-border-radius);
-      }
-    }
-    tbody tr:last-child td {
-      &:first-child{
-          border-bottom-left-radius: var(--universal-border-radius);
-      }
-      &:last-child{
-          border-bottom-right-radius: var(--universal-border-radius);
-      }
-    }
  }
  table.#{$table-horizontal-name} {
    border: 0;
    thead, tbody {
      border: 0;
-      flex: .2 0 0;
      flex-flow: row nowrap;
    }
    tbody {
      overflow: auto;
      justify-content: space-between;
-      flex: .8 0 0;
-      margin-left: 0;
+      flex: 1 0 0;
+      margin-left: calc( 4 * var(#{$universal-margin-var}));
      padding-bottom: calc(var(#{$universal-padding-var}) / 4);
    }
    tr {
@ -196,7 +179,7 @@ table {
      flex: 1 0 auto;
    }
    th, td {
-      width: auto;
+      width: 100%;
      border: 0;
      border-bottom: $__1px solid var(#{$table-border-color-var});
      &:not(:first-child){
@ -235,26 +218,6 @@ table {
    }
  }
 }
-@else {
-  table {
-    thead tr:first-child th {
-      &:first-child{
-          border-top-left-radius: var(--universal-border-radius);
-      }
-      &:last-child{
-          border-top-right-radius: var(--universal-border-radius);
-      }
-    }
-    tbody tr:last-child td {
-      &:first-child{
-          border-bottom-left-radius: var(--universal-border-radius);
-      }
-      &:last-child{
-          border-bottom-right-radius: var(--universal-border-radius);
-      }
-    }
-  }
-}
 // Mobile
@media screen and (max-width: #{$table-mobile-breakpoint - 1px}){
  @if $_include-horizontal-table {