beenull/mini.css
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Build for v3.0.1

Browse source
This commit is contained in:
Angelos Chalaris 2018-10-27 10:15:03 +03:00
parent 605b61908c
commit be0e519032
19 changed files with 58 additions and 55 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
dist/mini-dark.css vendored
View file

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

2
dist/mini-default.css vendored
View file

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

2
dist/mini-nord.css vendored
View file

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

6
docs/docs.html
View file

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

35
docs/flavorFiles/mini-dark.css
View file

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

2
docs/flavorFiles/mini-dark.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
docs/flavorFiles/mini-dark.scss
View file

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

7
docs/flavorFiles/mini-default.css
View file

@ -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);
}

2
docs/flavorFiles/mini-default.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
docs/flavorFiles/mini-default.scss
View file

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

35
docs/flavorFiles/mini-nord.css
View file

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

2
docs/flavorFiles/mini-nord.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
docs/flavorFiles/mini-nord.scss
View file

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

2
docs/flavors.html
View file

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

2
docs/index.html
View file

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

2
docs/vinf.js
View file

@ -1,4 +1,4 @@
// Get the current version of the Gluon branch.
module.exports = {
version: 'v3.0.0'
version: 'v3.0.1'
}

2
src/flavors/mini-dark.scss
View file

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

2
src/flavors/mini-default.scss
View file

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

2
src/flavors/mini-nord.scss
View file

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