Build for v3.0.1

Chalarangelo · Oct 27, 2018 · be0e519 · be0e519
1 parent 605b619
commit be0e519
Show file tree

Hide file tree

Showing 19 changed files with 58 additions and 55 deletions.
diff --git a/dist/mini-dark.css b/dist/mini-dark.css
@@ -3,7 +3,7 @@
   Flavor name: Dark (mini-dark)
   Author: Angelos Chalaris ([email protected])
   Maintainers: Angelos Chalaris
-  mini.css version: v3.0.0
+  mini.css version: v3.0.1
 */
 /*
   Browsers resets and base typography.

diff --git a/dist/mini-default.css b/dist/mini-default.css
@@ -3,7 +3,7 @@
   Flavor name: Default (mini-default)
   Author: Angelos Chalaris ([email protected])
   Maintainers: Angelos Chalaris
-  mini.css version: v3.0.0-alpha.3
+  mini.css version: v3.0.1
 */
 /*
   Browsers resets and base typography.

diff --git a/dist/mini-nord.css b/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.

diff --git a/docs/docs.html b/docs/docs.html
@@ -30,8 +30,8 @@ <h2 class="section double-padded">Getting started</h2>
   <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/3.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/>
@@ -1059,7 +1059,7 @@ <h2 class="section double-padded">Responsive spacing &amp; sizing</h2>
   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">' +

diff --git 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 ([email protected])
-  Maintainers: Angelos Chalaris
-  mini.css version: v3.0.0
+/*
+  Flavor name: Dark (mini-dark)
+  Author: Angelos Chalaris ([email protected])
+  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,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;

diff --git a/docs/flavorFiles/mini-dark.min.css b/docs/flavorFiles/mini-dark.min.css
diff --git a/docs/flavorFiles/mini-dark.scss b/docs/flavorFiles/mini-dark.scss
@@ -5,7 +5,7 @@
   Flavor name: Dark (mini-dark)
   Author: Angelos Chalaris ([email protected])
   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

diff --git a/docs/flavorFiles/mini-default.css b/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;
-  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);
 }

diff --git a/docs/flavorFiles/mini-default.min.css b/docs/flavorFiles/mini-default.min.css
diff --git a/docs/flavorFiles/mini-default.scss b/docs/flavorFiles/mini-default.scss
@@ -5,7 +5,7 @@
   Flavor name: Default (mini-default)
   Author: Angelos Chalaris ([email protected])
   Maintainers: Angelos Chalaris
-  mini.css version: v3.0.0-alpha.3
+  mini.css version: v3.0.1
 */
 @import '../mini/core';
 @import '../mini/layout';

diff --git 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.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;
-  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;

diff --git a/docs/flavorFiles/mini-nord.min.css b/docs/flavorFiles/mini-nord.min.css
diff --git 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)

diff --git a/docs/flavors.html b/docs/flavors.html
@@ -1408,7 +1408,7 @@ <h3>Get your flavor</h3>
       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';

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

diff --git 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'
 }
diff --git a/src/flavors/mini-dark.scss b/src/flavors/mini-dark.scss
@@ -5,7 +5,7 @@
   Flavor name: Dark (mini-dark)
   Author: Angelos Chalaris ([email protected])
   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

diff --git a/src/flavors/mini-default.scss b/src/flavors/mini-default.scss
@@ -5,7 +5,7 @@
   Flavor name: Default (mini-default)
   Author: Angelos Chalaris ([email protected])
   Maintainers: Angelos Chalaris
-  mini.css version: v3.0.0-alpha.3
+  mini.css version: v3.0.1
 */
 @import '../mini/core';
 @import '../mini/layout';

diff --git 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)