Merge pull request #168 from OmgImAlexis/master

Add span separator to header.
2019-10-23 07:28:32 +03:00 · 2019-10-23 14:09:48 +10:30 · 2019-10-01 15:14:16 +03:00 · 2019-10-01 15:11:00 +05:30 · 2019-09-29 08:12:43 +03:00 · 2019-09-28 14:44:19 +02:00
41 changed files with 1431 additions and 303 deletions
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -1,5 +1,25 @@
 # 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](http://minicss.org/modules).
+For instructions on how to use, best practices, templates and other usage information, please visit the framework's [documentation](https://minicss.org/docs).

 #### 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.0
+  mini.css version: v3.0.1
 */
 /*
  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: #0277bd;
-  --a-visited-color: #01579b;
+  --a-link-color: #65A0C7;
+  --a-visited-color: #3985B7;
 }

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

+header.row .logo {
+  line-height: 1;
+}
+
 header .logo {
  color: var(--header-fore-color);
  font-size: 1.75rem;
@ -1374,20 +1378,37 @@ 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: 1 0 0;
-  margin-left: calc( 4 * var(--universal-margin));
+  flex: .8 0 0;
+  margin-left: 0;
  padding-bottom: calc(var(--universal-padding) / 4);
 }

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

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

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

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

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

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

 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.0
+  mini.css version: v3.0.1
 */
 /*
  Browsers resets and base typography.
@ -1378,14 +1378,15 @@ 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: 1 0 0;
-  margin-left: calc( 4 * var(--universal-margin));
+  flex: .8 0 0;
+  margin-left: 0;
  padding-bottom: calc(var(--universal-padding) / 4);
 }

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

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

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

 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.0
+/*
+  Flavor name: Nord (mini-nord)
+  Author: tphecca (https://github.com/tphecca)
+  Maintainers: tphecca
+  mini.css version: v3.0.1
 */
 /*
  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,14 +1377,15 @@ 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: 1 0 0;
-  margin-left: calc( 4 * var(--universal-margin));
+  flex: .8 0 0;
+  margin-left: 0;
  padding-bottom: calc(var(--universal-padding) / 4);
 }

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

 table.horizontal th, table.horizontal td {
-  width: 100%;
+  width: auto;
  border: 0;
  border-bottom: 0.0625rem solid var(--table-border-color);
 }
@ -1806,8 +1807,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;
@ -1853,7 +1854,7 @@ progress::-webkit-progress-value {
 }

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

 progress::-moz-progress-bar {
@ -1901,8 +1902,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,6 +1674,7 @@ 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 defaut, however you can combine forms with the <a href="#grid">grid system</a> to create aligned forms.',
+      description: 'Form inputs are inline by default, 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&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;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;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&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;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;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}/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>
  <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.`,
-  `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 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>.`,],
  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.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>
+  <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>
  <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&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;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;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&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;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;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 defaut, 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 default, 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.</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 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>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.0/mini-default.css"
+      css_external       : "https://cdnjs.cloudflare.com/ajax/libs/mini.css/3.0.1/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.0
+/*
+  Flavor name: Dark (mini-dark)
+  Author: Angelos Chalaris (chalarangelo@gmail.com)
+  Maintainers: Angelos Chalaris
+  mini.css version: v3.0.1
 */
 /*
  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,14 +1380,15 @@ 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: 1 0 0;
-  margin-left: calc( 4 * var(--universal-margin));
+  flex: .8 0 0;
+  margin-left: 0;
  padding-bottom: calc(var(--universal-padding) / 4);
 }

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

 table.horizontal th, table.horizontal td {
-  width: 100%;
+  width: auto;
  border: 0;
  border-bottom: 0.0625rem solid var(--table-border-color);
 }
@ -1809,8 +1810,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;
@ -1856,7 +1857,7 @@ progress::-webkit-progress-value {
 }

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

 progress::-moz-progress-bar {
@ -1904,8 +1905,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.0
+  mini.css version: v3.0.1
 */
 $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.0
+  mini.css version: v3.0.1
 */
 /*
  Browsers resets and base typography.
@ -1378,14 +1378,15 @@ 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: 1 0 0;
-  margin-left: calc( 4 * var(--universal-margin));
+  flex: .8 0 0;
+  margin-left: 0;
  padding-bottom: calc(var(--universal-padding) / 4);
 }

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

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

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

 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.0-alpha.3
+  mini.css version: v3.0.1
 */
@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.0
+/*
+  Flavor name: Nord (mini-nord)
+  Author: tphecca (https://github.com/tphecca)
+  Maintainers: tphecca
+  mini.css version: v3.0.1
 */
 /*
  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,14 +1377,15 @@ 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: 1 0 0;
-  margin-left: calc( 4 * var(--universal-margin));
+  flex: .8 0 0;
+  margin-left: 0;
  padding-bottom: calc(var(--universal-padding) / 4);
 }

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

 table.horizontal th, table.horizontal td {
-  width: 100%;
+  width: auto;
  border: 0;
  border-bottom: 0.0625rem solid var(--table-border-color);
 }
@ -1806,8 +1807,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;
@ -1853,7 +1854,7 @@ progress::-webkit-progress-value {
 }

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

 progress::-moz-progress-bar {
@ -1901,8 +1902,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.0
+  mini.css version: v3.0.1
 */
 //  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.0\n';
+      flavorFile +='  mini.css version: v3.0.1\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,6 +1715,7 @@
      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.0</p>
+    <p id="version-info">v3.0.1</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});
+    background: var(#{$progress-back-color-var});
  }
  // Foreground color on Firefox
  &::-moz-progress-bar {
--- a/docs/mini/_table.scss
+++ b/docs/mini/_table.scss
@ -165,13 +165,14 @@ table {
    border: 0;
    thead, tbody {
      border: 0;
+      flex: .2 0 0;
      flex-flow: row nowrap;
    }
    tbody {
      overflow: auto;
      justify-content: space-between;
-      flex: 1 0 0;
-      margin-left: calc( 4 * var(#{$universal-margin-var}));
+      flex: .8 0 0;
+      margin-left: 0;
      padding-bottom: calc(var(#{$universal-padding-var}) / 4);
    }
    tr {
@ -179,7 +180,7 @@ table {
      flex: 1 0 auto;
    }
    th, td {
-      width: 100%;
+      width: auto;
      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.9 (3e41106) - built 2018-02-06
-  providing libsass 3.4.9 (6de5050d)
-  via emscripten 1.37.33 ()
+/*! sass.js - v0.10.10 (4ca6ca1) - built 2018-07-07
+  providing libsass 3.5.4 (1e52b743)
+  via emscripten 1.37.35 ()
 */

 (function (root, factory) {
--- a/docs/sass.node.js
+++ b/docs/sass.node.js
@ -0,0 +1,80 @@
+/*! 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.0'
+  version: 'v3.0.1'
 }
--- a/package-lock.json
+++ b/package-lock.json
@ -1,6 +1,6 @@
 {
  "name": "mini.css",
-  "version": "3.0.0",
+  "version": "3.0.1",
  "lockfileVersion": 1,
  "requires": true,
  "dependencies": {
@ -10,6 +10,16 @@
      "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",
@ -51,10 +61,13 @@
      "dev": true
    },
    "asn1": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.3.tgz",
-      "integrity": "sha1-2sh4dxPJlmhJ/IGAd36+nB3fO4Y=",
-      "dev": true
+      "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"
+      }
    },
    "assert-plus": {
      "version": "0.2.0",
@ -93,9 +106,9 @@
      "dev": true
    },
    "bcrypt-pbkdf": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.1.tgz",
-      "integrity": "sha1-Y7xdy2EzG5K8Bf1SiVPDNGKgb40=",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz",
+      "integrity": "sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=",
      "dev": true,
      "optional": true,
      "requires": {
@ -153,9 +166,9 @@
      }
    },
    "caseless": {
-      "version": "0.11.0",
-      "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.11.0.tgz",
-      "integrity": "sha1-cVuW6phBWTzDMGeSP17GDr2k99c=",
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
+      "integrity": "sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=",
      "dev": true
    },
    "chalk": {
@ -182,6 +195,12 @@
        "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",
@ -197,12 +216,6 @@
        "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",
@ -291,19 +304,20 @@
      "dev": true
    },
    "ecc-jsbn": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.1.tgz",
-      "integrity": "sha1-D8c6ntXw1Tw4GTOYUj735UN3dQU=",
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz",
+      "integrity": "sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=",
      "dev": true,
      "optional": true,
      "requires": {
-        "jsbn": "0.1.1"
+        "jsbn": "0.1.1",
+        "safer-buffer": "2.1.2"
      }
    },
    "error-ex": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.1.tgz",
-      "integrity": "sha1-+FWobOYa3E6GIcPNoh56dhLDqNw=",
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
+      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
      "dev": true,
      "requires": {
        "is-arrayish": "0.2.1"
@ -322,9 +336,9 @@
      "dev": true
    },
    "extend": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.1.tgz",
-      "integrity": "sha1-p1Xqe8Gt/MWjHOfnYtuq3F5jZEQ=",
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
      "dev": true
    },
    "extsprintf": {
@ -333,6 +347,18 @@
      "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",
@ -363,7 +389,7 @@
      "requires": {
        "asynckit": "0.4.0",
        "combined-stream": "1.0.6",
-        "mime-types": "2.1.18"
+        "mime-types": "2.1.19"
      }
    },
    "fs.realpath": {
@ -406,28 +432,13 @@
      "integrity": "sha512-BRdNm8hbWzFzWHERTrejLqwHDfS4GibPoq5wjTPIoJHoBtKGPg3xAFfxmM+9ztbXelxcf2hwQcaz1PtmFeue8g==",
      "dev": true,
      "requires": {
-        "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"
+        "globule": "1.2.1"
      }
    },
    "get-caller-file": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.2.tgz",
-      "integrity": "sha1-9wLmMSfn4jHBYKgMFVSstw1QR+U=",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz",
+      "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==",
      "dev": true
    },
    "get-stdin": {
@ -468,9 +479,9 @@
      }
    },
    "globule": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/globule/-/globule-1.2.0.tgz",
-      "integrity": "sha1-HcScaCLdnoovoAuiopUAboZkvQk=",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/globule/-/globule-1.2.1.tgz",
+      "integrity": "sha512-g7QtgWF4uYSL5/dn71WxubOrS7JVGCnFPEnoeChJmBnyR9Mw8nGoEwOgJL/RC2Te0WhbsEUCejfH8SZNJ+adYQ==",
      "dev": true,
      "requires": {
        "glob": "7.1.2",
@ -484,16 +495,20 @@
      "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": "2.0.6",
-      "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-2.0.6.tgz",
-      "integrity": "sha1-zcvAgYgmWtEZtqWnyKtw7s+10n0=",
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-4.2.1.tgz",
+      "integrity": "sha1-M0gdDxu/9gDdID11gSpqX7oALio=",
      "dev": true,
      "requires": {
-        "chalk": "1.1.3",
-        "commander": "2.15.1",
-        "is-my-json-valid": "2.17.2",
-        "pinkie-promise": "2.0.1"
+        "ajv": "4.11.8",
+        "har-schema": "1.0.5"
      }
    },
    "has-ansi": {
@ -530,9 +545,9 @@
      "dev": true
    },
    "hosted-git-info": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.6.0.tgz",
-      "integrity": "sha512-lIbgIIQA3lz5XaB6vxakj6sDHADJiZadYEJB+FgA+C4nubM1NwcuvUr9EJPmnH1skZqpqUzWborWo8EIUi0Sdw==",
+      "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==",
      "dev": true
    },
    "http-signature": {
@ -543,7 +558,7 @@
      "requires": {
        "assert-plus": "0.2.0",
        "jsprim": "1.4.1",
-        "sshpk": "1.14.1"
+        "sshpk": "1.14.2"
      }
    },
    "immediate": {
@ -622,31 +637,6 @@
        "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",
@ -678,9 +668,9 @@
      "dev": true
    },
    "js-base64": {
-      "version": "2.4.5",
-      "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.4.5.tgz",
-      "integrity": "sha512-aUnNwqMOXw3yvErjMPSQu6qIIzUmT1e5KcU1OZxRDU1g/am6mzBvcrmLAYwzmB59BHPrh5/tKaiF4OPhqRWESQ==",
+      "version": "2.4.8",
+      "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.4.8.tgz",
+      "integrity": "sha512-hm2nYpDrwoO/OzBhdcqs/XGT6XjSuSSCVEpia+Kl2J6x4CYt5hISlVL/AYU1khoDXv0AQVgxtdJySb9gjAn56Q==",
      "dev": true
    },
    "jsbn": {
@ -696,16 +686,31 @@
      "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
    },
-    "jsonpointer": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/jsonpointer/-/jsonpointer-4.0.1.tgz",
-      "integrity": "sha1-T9kss04OnbPInIYi7PUfm5eMbLk=",
+    "jsonify": {
+      "version": "0.0.0",
+      "resolved": "https://registry.npmjs.org/jsonify/-/jsonify-0.0.0.tgz",
+      "integrity": "sha1-LHS27kHZPKUbe1qu6PUDYx0lKnM=",
      "dev": true
    },
    "jsprim": {
@ -841,18 +846,18 @@
      }
    },
    "mime-db": {
-      "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==",
+      "version": "1.35.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.35.0.tgz",
+      "integrity": "sha512-JWT/IcCTsB0Io3AhWUMjRqucrHSPsSf2xKLaRldJVULioggvkJvggZ3VXNNSRkCddE6D+BUI4HEIZIA2OjwIvg==",
      "dev": true
    },
    "mime-types": {
-      "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==",
+      "version": "2.1.19",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.19.tgz",
+      "integrity": "sha512-P1tKYHVSZ6uFo26mtnve4HQFE3koh1UWVkp8YUC+ESBHe945xWSoXuHHiGarDqcEZ+whpCDnlNw5LON0kLo+sw==",
      "dev": true,
      "requires": {
-        "mime-db": "1.33.0"
+        "mime-db": "1.35.0"
      }
    },
    "minimatch": {
@ -894,26 +899,55 @@
      "dev": true
    },
    "node-gyp": {
-      "version": "3.6.2",
-      "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-3.6.2.tgz",
-      "integrity": "sha1-m/vlRWIoYoSDjnUOrAUpWFP6HGA=",
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-3.7.0.tgz",
+      "integrity": "sha512-qDQE/Ft9xXP6zphwx4sD0t+VhwV7yFaloMpfbL2QnnDZcyaiakWlLdtFGGQfTAwpFHdpbRhRxVhIHN1OKAjgbg==",
      "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.79.0",
+        "request": "2.81.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",
@ -923,9 +957,9 @@
      }
    },
    "node-sass": {
-      "version": "4.9.0",
-      "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-4.9.0.tgz",
-      "integrity": "sha512-QFHfrZl6lqRU3csypwviz2XLgGNOoWQbo2GOvtsfQqOfL4cy1BtWnhx/XUeAO9LT3ahBzSRXcEO6DdvAH9DzSg==",
+      "version": "4.9.2",
+      "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-4.9.2.tgz",
+      "integrity": "sha512-LdxoJLZutx0aQXHtWIYwJKMj+9pTjneTcLWJgzf2XbGu0q5pRNqW5QvFCEdm3mc5rJOdru/mzln5d0EZLacf6g==",
      "dev": true,
      "requires": {
        "async-foreach": "0.1.3",
@ -941,9 +975,9 @@
        "meow": "3.7.0",
        "mkdirp": "0.5.1",
        "nan": "2.10.0",
-        "node-gyp": "3.6.2",
+        "node-gyp": "3.7.0",
        "npmlog": "4.1.2",
-        "request": "2.79.0",
+        "request": "2.87.0",
        "sass-graph": "2.2.4",
        "stdout-stream": "1.4.0",
        "true-case-path": "1.0.2"
@ -964,7 +998,7 @@
      "integrity": "sha512-9jjUFbTPfEy3R/ad/2oNbKtW9Hgovl5O1FvFWKkKblNXoN/Oou6+9+KKohPK13Yc3/TyunyWhJp6gvRNR/PPAw==",
      "dev": true,
      "requires": {
-        "hosted-git-info": "2.6.0",
+        "hosted-git-info": "2.7.1",
        "is-builtin-module": "1.0.0",
        "semver": "5.5.0",
        "validate-npm-package-license": "3.0.3"
@ -1052,7 +1086,7 @@
      "integrity": "sha1-9ID0BDTvgHQfhGkJn43qGPVaTck=",
      "dev": true,
      "requires": {
-        "error-ex": "1.3.1"
+        "error-ex": "1.3.2"
      }
    },
    "path-exists": {
@ -1081,6 +1115,12 @@
        "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",
@ -1121,9 +1161,9 @@
      "dev": true
    },
    "qs": {
-      "version": "6.3.2",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.3.2.tgz",
-      "integrity": "sha1-51vV9uJoEioqDgvaYwslUMFmUCw=",
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.4.0.tgz",
+      "integrity": "sha1-E+JtKK1rD/qpExLNO/cI7TUecjM=",
      "dev": true
    },
    "read-pkg": {
@ -1181,31 +1221,107 @@
      }
    },
    "request": {
-      "version": "2.79.0",
-      "resolved": "https://registry.npmjs.org/request/-/request-2.79.0.tgz",
-      "integrity": "sha1-Tf5b9r6LjNw3/Pk+BLZVd3InEN4=",
+      "version": "2.87.0",
+      "resolved": "https://registry.npmjs.org/request/-/request-2.87.0.tgz",
+      "integrity": "sha512-fcogkm7Az5bsS6Sl0sibkbhcKsnyon/jV1kF3ajGmF0c8HrttdKTPRT9hieOaQHA5HEq6r8OyWOo/o781C1tNw==",
      "dev": true,
      "requires": {
-        "aws-sign2": "0.6.0",
+        "aws-sign2": "0.7.0",
        "aws4": "1.7.0",
-        "caseless": "0.11.0",
+        "caseless": "0.12.0",
        "combined-stream": "1.0.6",
-        "extend": "3.0.1",
+        "extend": "3.0.2",
        "forever-agent": "0.6.1",
-        "form-data": "2.1.4",
-        "har-validator": "2.0.6",
-        "hawk": "3.1.3",
-        "http-signature": "1.1.1",
+        "form-data": "2.3.2",
+        "har-validator": "5.0.3",
+        "http-signature": "1.2.0",
        "is-typedarray": "1.0.0",
        "isstream": "0.1.2",
        "json-stringify-safe": "5.0.1",
-        "mime-types": "2.1.18",
+        "mime-types": "2.1.19",
        "oauth-sign": "0.8.2",
-        "qs": "6.3.2",
-        "stringstream": "0.0.6",
+        "performance-now": "2.1.0",
+        "qs": "6.5.2",
+        "safe-buffer": "5.1.2",
        "tough-cookie": "2.3.4",
-        "tunnel-agent": "0.4.3",
-        "uuid": "3.2.1"
+        "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
+        }
      }
    },
    "require-directory": {
@ -1229,6 +1345,18 @@
        "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",
@ -1242,9 +1370,9 @@
      }
    },
    "sass.js": {
-      "version": "0.10.9",
-      "resolved": "https://registry.npmjs.org/sass.js/-/sass.js-0.10.9.tgz",
-      "integrity": "sha512-eHI/9qdncEcJwgher1QFCCNIxgL6Mq1IcSTil72pRkYuTDOJo5u7LFmLcWgadPfi53D88GuaxzsviwheDsBYoQ==",
+      "version": "0.10.10",
+      "resolved": "https://registry.npmjs.org/sass.js/-/sass.js-0.10.10.tgz",
+      "integrity": "sha512-9c5N0h5GlXU8Z3ivA/JdtjHiibEMHbNe7PgeIpAU1FsKyv+GeZjJ49ggE6e56Vyf79XhLih2l33zuGKafBNR7Q==",
      "dev": true
    },
    "scss-tokenizer": {
@ -1253,7 +1381,7 @@
      "integrity": "sha1-jrBtualyMzOCTT9VMGQRSYR85dE=",
      "dev": true,
      "requires": {
-        "js-base64": "2.4.5",
+        "js-base64": "2.4.8",
        "source-map": "0.4.4"
      }
    },
@ -1326,18 +1454,19 @@
      "dev": true
    },
    "sshpk": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.14.1.tgz",
-      "integrity": "sha1-Ew9Zde3a2WPx1W+SuaxsUfqfg+s=",
+      "version": "1.14.2",
+      "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.14.2.tgz",
+      "integrity": "sha1-xvxhZIo9nE52T9P8306hBeSSupg=",
      "dev": true,
      "requires": {
-        "asn1": "0.2.3",
+        "asn1": "0.2.4",
        "assert-plus": "1.0.0",
-        "bcrypt-pbkdf": "1.0.1",
+        "bcrypt-pbkdf": "1.0.2",
        "dashdash": "1.14.1",
-        "ecc-jsbn": "0.1.1",
+        "ecc-jsbn": "0.1.2",
        "getpass": "0.1.7",
        "jsbn": "0.1.1",
+        "safer-buffer": "2.1.2",
        "tweetnacl": "0.14.5"
      },
      "dependencies": {
@ -1465,10 +1594,13 @@
      }
    },
    "tunnel-agent": {
-      "version": "0.4.3",
-      "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.4.3.tgz",
-      "integrity": "sha1-Y3PbdpCf5XDgjXNYM2Xtgop07us=",
-      "dev": true
+      "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"
+      }
    },
    "tweetnacl": {
      "version": "0.14.5",
@ -1484,9 +1616,9 @@
      "dev": true
    },
    "uuid": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.2.1.tgz",
-      "integrity": "sha512-jZnMwlb9Iku/O3smGWvZhauCf6cvvpKi4BKRiliS3cxnI+Gz9j5MEpTz2UFuXiKPJocb7gnsLHwiS05ige5BEA==",
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.3.2.tgz",
+      "integrity": "sha512-yXJmeNaw3DnnKAOKJE51sL/ZaYfWJRl1pK9dr19YFCu0ObS231AB1/LbqTKRAQ5kw8A90rA6fr4riOUpTZvQZA==",
      "dev": true
    },
    "validate-npm-package-license": {
@ -1558,12 +1690,6 @@
      "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",
@ -1585,7 +1711,7 @@
        "camelcase": "3.0.0",
        "cliui": "3.2.0",
        "decamelize": "1.2.0",
-        "get-caller-file": "1.0.2",
+        "get-caller-file": "1.0.3",
        "os-locale": "1.4.0",
        "read-pkg-up": "1.0.1",
        "require-directory": "2.1.1",
--- a/package.json
+++ b/package.json
@ -1,14 +1,17 @@
 {
  "name": "mini.css",
-  "version": "3.0.0",
+  "version": "3.0.1",
  "description": "A minimal, responsive, style-agnostic CSS framework.",
  "main": "dist/mini-default.min.css",
  "directories": {
    "lib": "src/mini"
  },
  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "build-docs": "node ./docs/build-docs.js"
+    "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"
  },
  "repository": {
    "type": "git",
@ -17,8 +20,8 @@
  "devDependencies": {
    "file-saver": "^1.3.8",
    "jszip": "^3.1.5",
-    "node-sass": "^4.5.2",
-    "sass.js": "^0.10.9"
+    "node-sass": "^4.9.2",
+    "sass.js": "^0.10.10"
  },
  "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.0
+  mini.css version: v3.0.1
 */
 $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: #0277bd; // Color for <a>:link
-$a-visited-color: #01579b; // Color for <a>:visited
+$a-link-color: #65A0C7; // Color for <a>:link
+$a-visited-color: #3985B7; // 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.0-alpha.3
+  mini.css version: v3.0.1
 */
@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.0
+  mini.css version: v3.0.1
 */
 //  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: $tooltip-back-color;
+      border-top-color: var(#{$tooltip-back-color-var});
    }
    &.#{$tooltip-bottom-name}:before { // Bottom tooltip styling
-      border-bottom-color: $tooltip-back-color;
+      border-bottom-color: var(#{$tooltip-back-color-var});
    }
    &:after {  // This is the actual tooltip's text block
      content: attr(aria-label);
--- a/src/mini/_navigation.scss
+++ b/src/mini/_navigation.scss
@ -115,6 +115,9 @@ 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} {
@ -123,8 +126,8 @@ header {
    padding: var(#{$universal-padding-var}) calc(2 * var(#{$universal-padding-var}));
    text-decoration: none;
  }
-  // Link styling.
-  button, [type="button"], .#{$button-class-name}, [role="button"] {
+  // Link and span styling.
+  span, 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.
@ -139,7 +142,9 @@ header {
    @if $_header-links-uppercase {
      text-transform: uppercase;
    }
-    &:hover, &:focus {
+  }
+  button, [type="button"], .#{$button-class-name}, [role="button"] {
+   &: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});
+    background: var(#{$progress-back-color-var});
  }
  // Foreground color on Firefox
  &::-moz-progress-bar {
--- a/src/mini/_table.scss
+++ b/src/mini/_table.scss
@ -160,18 +160,35 @@ 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: 1 0 0;
-      margin-left: calc( 4 * var(#{$universal-margin-var}));
+      flex: .8 0 0;
+      margin-left: 0;
      padding-bottom: calc(var(#{$universal-padding-var}) / 4);
    }
    tr {
@ -179,7 +196,7 @@ table {
      flex: 1 0 auto;
    }
    th, td {
-      width: 100%;
+      width: auto;
      border: 0;
      border-bottom: $__1px solid var(#{$table-border-color-var});
      &:not(:first-child){
@ -218,6 +235,26 @@ 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 {
Author	SHA1	Message	Date
Angelos Chalaris	e849238d19	Merge pull request #168 from OmgImAlexis/master Add span separator to header.	2019-10-23 07:28:32 +03:00
Alexis Tyler	7ec40e339a	Add span separator to header.	2019-10-23 14:09:48 +10:30
Angelos Chalaris	42b6d60dd0	Merge pull request #165 from niftyrinki/issue-164 Lighten link color in dark mode (Fix #164)	2019-10-01 15:14:16 +03:00
Rinki Agarwal	534ae81268	Lighten link color in dark mode (Fix #164 )	2019-10-01 15:11:00 +05:30
Angelos Chalaris	6784ae592a	Merge pull request #163 from FrancoisCapon/master Arrows of tooltips use the --tooltip-back-color variable	2019-09-29 08:12:43 +03:00
francois-capon	811d9e3e84	Arrows of tooltips use too the background color variable Background color for tooltips can be changed by changing the value of the --tooltip-back-color variable : arrows of tooltips use too this variable.	2019-09-28 14:44:19 +02:00
Angelos Chalaris	a9347be70a	Update header.row .logo alignment, resolve #158	2019-07-15 11:08:04 +03:00
Angelos Chalaris	7379e6332f	Fix table border-radius, resolve #154	2019-07-15 10:56:33 +03:00
Angelos Chalaris	a33fcb5e59	Rebuild docs - Resolve #156	2019-07-08 08:06:38 +03:00
Angelos Chalaris	e437b20d80	Update index.html	2019-06-14 09:01:20 +03:00
Angelos Chalaris	0ffa5ff2e7	CarbonAds	2019-06-04 21:52:14 +03:00
Angelos Chalaris	04e24c9c3b	CarbonAds	2019-06-04 21:51:14 +03:00
Angelos Chalaris	cf572f098f	Merge pull request #150 from jimgregory/jimgregory-patch-1 fix typos in form documentation	2018-11-15 15:18:15 +02:00
Jim Gregory	f5c85d706b	fix typos in form documentation	2018-11-15 06:47:06 -06:00
Angelos Chalaris	c2a02c9e55	3.0.1	2018-10-27 10:19:51 +03:00
Angelos Chalaris	e71b6e4bdf	Changelog for v3.0.1	2018-10-27 10:19:20 +03:00
Angelos Chalaris	be0e519032	Build for v3.0.1	2018-10-27 10:15:03 +03:00
Angelos Chalaris	605b61908c	Automated flavor builds Use npm build-flavors.	2018-10-27 10:09:24 +03:00
Angelos Chalaris	5d8930461f	Resolves #145	2018-10-27 10:09:01 +03:00
Angelos Chalaris	a99befe0fa	Resolve #135	2018-10-27 09:42:40 +03:00
Angelos Chalaris	190a590d82	Package updates	2018-08-04 10:11:52 +03:00
Angelos Chalaris	febc5ee1f5	Update docs.html	2018-08-04 09:35:47 +03:00
Angelos Chalaris	b5124924f8	Update gettingStarted.js	2018-08-04 09:35:14 +03:00
Angelos Chalaris	e21bb3d073	Resolve #131	2018-08-04 09:31:59 +03:00
Angelos Chalaris	06bf1e420a	Update CHANGELOG.md	2018-08-04 09:31:03 +03:00
Angelos Chalaris	83402721b2	Merge pull request #138 from taylorreece/patch-1 Removed extraneous '>' from Forms & input section	2018-07-20 23:24:31 +03:00
Angelos Chalaris	6197e1019e	Merge pull request #139 from vpribish/patch-1 fix a broken link	2018-07-19 06:36:27 +03:00
vpribish	2b98f3192c	fix a broken link the /modules page no longer exists on the minicss.org site, linking to the docs page seems reasonable	2018-07-18 16:08:09 -07:00
Taylor Reece	b7d537896c	Removed extraneous '>' from Forms & input section Changed things like <div> class="row"> to <div class="row">	2018-07-18 14:58:45 -05:00
Angelos Chalaris	46d5394702	Merge pull request #132 from Kidounet/master wrong var for webkit progress bar background	2018-06-15 14:22:39 +03:00
Kidounet	00c2074ca4	wrong var for webkit progress bar background changed $progress-back-color to $progress-back-color-var	2018-06-02 17:34:13 +02:00