Build for v3.0.1

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.

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-alpha.3
+  mini.css version: v3.0.1
 */
 /*
   Browsers resets and base typography.

dist/mini-nord.css

@@ -3,7 +3,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
 */
 /*
   Browsers resets and base typography.

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://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.0/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/>
@@ -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">' +

docs/flavorFiles/mini-dark.css

@@ -1,9 +1,9 @@
 @charset "UTF-8";
-/*
+/*
-  Flavor name: Dark (mini-dark)
+  Flavor name: Dark (mini-dark)
-  Author: Angelos Chalaris (chalarangelo@gmail.com)
+  Author: Angelos Chalaris (chalarangelo@gmail.com)
-  Maintainers: Angelos Chalaris
+  Maintainers: Angelos Chalaris
-  mini.css version: v3.0.0
+  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,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;
+  flex: .8 0 0;
-  margin-left: calc( 4 * var(--universal-margin));
+  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;

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

docs/flavorFiles/mini-default.css

@@ -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;
+  flex: .8 0 0;
-  margin-left: calc( 4 * var(--universal-margin));
+  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);
 }

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';

docs/flavorFiles/mini-nord.css

@@ -1,9 +1,9 @@
 @charset "UTF-8";
-/*
+/*
-  Flavor name: Nord (mini-nord)
+  Flavor name: Nord (mini-nord)
-  Author: tphecca (https://github.com/tphecca)
+  Author: tphecca (https://github.com/tphecca)
-  Maintainers: tphecca
+  Maintainers: tphecca
-  mini.css version: v3.0.0
+  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,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;
+  flex: .8 0 0;
-  margin-left: calc( 4 * var(--universal-margin));
+  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;

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)

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';

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

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'
 }

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

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';

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)