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

Merge branch 'fermion'

Browse source
This commit is contained in:
Angelos Chalaris 2017-10-19 12:21:48 +03:00
commit 9811722d86
21 changed files with 37 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
CHANGELOG.md
View file

@ -1,5 +1,10 @@
# Changelog # Changelog
## v2.3.6
- Fixes a bug that caused transparency in `.modal`s that use `.card`s (#104).
- Documentation update for `.modal`s.
## v2.3.5 ## v2.3.5
- Fixes a bug caused by empty `<td>` elements, causing mobile tables to not display as intended. - Fixes a bug caused by empty `<td>` elements, causing mobile tables to not display as intended.

3
dist/mini-dark.css vendored
View file

@ -3,7 +3,7 @@
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: v2.3.5 mini.css version: v2.3.6
*/ */
/* /*
Browsers resets and base typography. Browsers resets and base typography.
@ -1630,6 +1630,7 @@ table.striped tr:nth-of-type(2n) > td {
align-self: center; align-self: center;
position: relative; position: relative;
width: 100%; width: 100%;
background: #232e33;
border: 0.0625rem solid #616161; border: 0.0625rem solid #616161;
margin: 0.5rem; margin: 0.5rem;
overflow: hidden; overflow: hidden;

2
dist/mini-dark.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
dist/mini-default.css vendored
View file

@ -3,7 +3,7 @@
Flavor name: Default (mini-default) Flavor name: Default (mini-default)
Author: Angelos Chalaris (chalarangelo@gmail.com) Author: Angelos Chalaris (chalarangelo@gmail.com)
Maintainers: Angelos Chalaris Maintainers: Angelos Chalaris
mini.css version: v2.3.5 mini.css version: v2.3.6
*/ */
/* /*
Browsers resets and base typography. Browsers resets and base typography.

2
dist/mini-lite.css vendored
View file

@ -3,7 +3,7 @@
Flavor name: Lite (mini-lite) Flavor name: Lite (mini-lite)
Author: Angelos Chalaris (chalarangelo@gmail.com) Author: Angelos Chalaris (chalarangelo@gmail.com)
Maintainers: Angelos Chalaris Maintainers: Angelos Chalaris
mini.css version: v2.3.5 mini.css version: v2.3.6
*/ */
/* /*
Browsers resets and base typography. Browsers resets and base typography.

3
dist/mini-nord.css vendored
View file

@ -3,7 +3,7 @@
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: v2.3.5 mini.css version: v2.3.6
*/ */
/* /*
Browsers resets and base typography. Browsers resets and base typography.
@ -1652,6 +1652,7 @@ table.striped tr:nth-of-type(2n) > td {
align-self: center; align-self: center;
position: relative; position: relative;
width: 100%; width: 100%;
background: #ECEFF4;
border: 1px solid #D8DEE9; border: 1px solid #D8DEE9;
margin: 2px 10px 20px; margin: 2px 10px 20px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26);

2
dist/mini-nord.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
dist/mini-pwa.css vendored
View file

@ -3,7 +3,7 @@
Flavor name: Progressive Web App (mini-pw) Flavor name: Progressive Web App (mini-pw)
Author: Angelos Chalaris (chalarangelo@gmail.com) Author: Angelos Chalaris (chalarangelo@gmail.com)
Maintainers: Angelos Chalaris Maintainers: Angelos Chalaris
mini.css version: v2.3.5 mini.css version: v2.3.6
*/ */
/* /*
Browsers resets and base typography. Browsers resets and base typography.

2
dist/mini-sucroa.css vendored
View file

@ -3,7 +3,7 @@
Flavor name: Sucroa (mini-sucroa) Flavor name: Sucroa (mini-sucroa)
Author: Angeliki Daskalakis Author: Angeliki Daskalakis
Maintainers: Angeliki Daskalakis, Angelos Chalaris (chalarangelo@gmail.com) Maintainers: Angeliki Daskalakis, Angelos Chalaris (chalarangelo@gmail.com)
mini.css version: v2.3.5 mini.css version: v2.3.6
*/ */
@import url("https://fonts.googleapis.com/css?family=Cousine:400,400i,700|Libre+Baskerville:400,400i,700&subset=latin-ext"); @import url("https://fonts.googleapis.com/css?family=Cousine:400,400i,700|Libre+Baskerville:400,400i,700&subset=latin-ext");
/* /*

4
docs/contextual.html
View file

@ -272,8 +272,8 @@
</ul><hr> </ul><hr>
<div class="row"> <div class="row">
<div class="col-sm-12 col-md-6"> <div class="col-sm-12 col-md-6">
<pre>&lt;input id=&quot;modal-toggle&quot; type=&quot;checkbox&quot;/&gt; <pre>&lt;label for=&quot;modal-toggle&quot;&gt;Show modal&lt;/label&gt;
&lt;label for=&quot;modal-toggle&quot;&gt;Show modal&lt;/label&gt; &lt;input id=&quot;modal-toggle&quot; type=&quot;checkbox&quot;/&gt;
&lt;div class=&quot;modal&quot; role=&quot;dialog&quot; aria-labelledby=&quot;dialogTitle&quot;&gt; &lt;div class=&quot;modal&quot; role=&quot;dialog&quot; aria-labelledby=&quot;dialogTitle&quot;&gt;
&lt;div class=&quot;card&quot;&gt; &lt;div class=&quot;card&quot;&gt;
&lt;label for=&quot;modal-toggle&quot; class=&quot;close&quot;&gt;&lt;/label&gt; &lt;label for=&quot;modal-toggle&quot; class=&quot;close&quot;&gt;&lt;/label&gt;

2
docs/flavors.html
View file

@ -44,7 +44,7 @@
<h1>Flavors</h1> <h1>Flavors</h1>
<p style="text-align:justify">One of the core ideas behind <strong>mini.css</strong> is its flavor system. A flavor is the final compiled stylesheet a website or web app uses. When you start using <strong>mini.css</strong>, you usually try out the default flavor, using one of the following references inside your HTML page's <code>&lt;head&gt;</code> tag:</p> <p style="text-align:justify">One of the core ideas behind <strong>mini.css</strong> is its flavor system. A flavor is the final compiled stylesheet a website or web app uses. When you start using <strong>mini.css</strong>, you usually try out the default flavor, using one of the following references inside your HTML page's <code>&lt;head&gt;</code> tag:</p>
<pre>&lt;<span class="fore-tertiary">link</span> <span class="fore-secondary">rel</span>=<span class="fore-primary">&quot;stylesheet&quot;</span> <span class="fore-secondary">href</span>=<span class="fore-primary">&quot;https://gitcdn.link/repo/Chalarangelo/mini.css/master/dist/mini-default.min.css&quot;</span>&gt;</pre> <pre>&lt;<span class="fore-tertiary">link</span> <span class="fore-secondary">rel</span>=<span class="fore-primary">&quot;stylesheet&quot;</span> <span class="fore-secondary">href</span>=<span class="fore-primary">&quot;https://gitcdn.link/repo/Chalarangelo/mini.css/master/dist/mini-default.min.css&quot;</span>&gt;</pre>
<pre>&lt;<span class="fore-tertiary">link</span> <span class="fore-secondary">rel</span>=<span class="fore-primary">&quot;stylesheet&quot;</span> <span class="fore-secondary">href</span>=<span class="fore-primary">&quot;https://cdn.rawgit.com/Chalarangelo/mini.css/v2.3.5/dist/mini-default.min.css&quot;</span>&gt;</pre><br> <pre>&lt;<span class="fore-tertiary">link</span> <span class="fore-secondary">rel</span>=<span class="fore-primary">&quot;stylesheet&quot;</span> <span class="fore-secondary">href</span>=<span class="fore-primary">&quot;https://cdn.rawgit.com/Chalarangelo/mini.css/v2.3.6/dist/mini-default.min.css&quot;</span>&gt;</pre><br>
<p style="text-align:justify">There are, however a handful of other flavors included with <strong>mini.css</strong>. Below, you can see a full list of them:</p><br> <p style="text-align:justify">There are, however a handful of other flavors included with <strong>mini.css</strong>. Below, you can see a full list of them:</p><br>
<ul style="margin-left:0px; padding-left: 4px"> <ul style="margin-left:0px; padding-left: 4px">
<li class="card fluid"> <li class="card fluid">

2
docs/index.html
View file

@ -120,7 +120,7 @@
<br/> <br/>
<p style="text-align:justify">Alternatively, you can use either <strong>GitCDN</strong> or <strong>RawGit</strong> to import the default flavor of <strong>mini.css</strong>. Simply add one of the following references inside your HTML page's <code>&lt;head&gt;</code> tag:</p> <p style="text-align:justify">Alternatively, you can use either <strong>GitCDN</strong> or <strong>RawGit</strong> to import the default flavor of <strong>mini.css</strong>. Simply add one of the following references inside your HTML page's <code>&lt;head&gt;</code> tag:</p>
<pre>&lt;<span class="fore-tertiary">link</span> <span class="fore-secondary">rel</span>=<span class="fore-primary">&quot;stylesheet&quot;</span> <span class="fore-secondary">href</span>=<span class="fore-primary">&quot;https://gitcdn.link/repo/Chalarangelo/mini.css/master/dist/mini-default.min.css&quot;</span>&gt;</pre> <pre>&lt;<span class="fore-tertiary">link</span> <span class="fore-secondary">rel</span>=<span class="fore-primary">&quot;stylesheet&quot;</span> <span class="fore-secondary">href</span>=<span class="fore-primary">&quot;https://gitcdn.link/repo/Chalarangelo/mini.css/master/dist/mini-default.min.css&quot;</span>&gt;</pre>
<pre>&lt;<span class="fore-tertiary">link</span> <span class="fore-secondary">rel</span>=<span class="fore-primary">&quot;stylesheet&quot;</span> <span class="fore-secondary">href</span>=<span class="fore-primary">&quot;https://cdn.rawgit.com/Chalarangelo/mini.css/v2.3.5/dist/mini-default.min.css&quot;</span>&gt;</pre><br/> <pre>&lt;<span class="fore-tertiary">link</span> <span class="fore-secondary">rel</span>=<span class="fore-primary">&quot;stylesheet&quot;</span> <span class="fore-secondary">href</span>=<span class="fore-primary">&quot;https://cdn.rawgit.com/Chalarangelo/mini.css/v2.3.6/dist/mini-default.min.css&quot;</span>&gt;</pre><br/>
<p style="text-align:justify">Finally, you can find <strong>mini.css</strong> on <a href="https://cdnjs.com/libraries/mini.css">cdnjs</a>, which you can use to include it in your projects.</p><br/> <p style="text-align:justify">Finally, you can find <strong>mini.css</strong> on <a href="https://cdnjs.com/libraries/mini.css">cdnjs</a>, which you can use to include it in your projects.</p><br/>
<hr> <hr>
</div> </div>

2
docs/quick_reference.html
View file

@ -67,7 +67,7 @@
</div><br> </div><br>
<p style="text-align:justify">You can import the default flavor of <strong>mini.css</strong> in your webpage by simply adding one of the following references inside your HTML page's <code>&lt;head&gt;</code> tag:</p> <p style="text-align:justify">You can import the default flavor of <strong>mini.css</strong> in your webpage by simply adding one of the following references inside your HTML page's <code>&lt;head&gt;</code> tag:</p>
<pre>&lt;<span class="fore-tertiary">link</span> <span class="fore-secondary">rel</span>=<span class="fore-primary">&quot;stylesheet&quot;</span> <span class="fore-secondary">href</span>=<span class="fore-primary">&quot;https://gitcdn.link/repo/Chalarangelo/mini.css/master/dist/mini-default.min.css&quot;</span>&gt;</pre> <pre>&lt;<span class="fore-tertiary">link</span> <span class="fore-secondary">rel</span>=<span class="fore-primary">&quot;stylesheet&quot;</span> <span class="fore-secondary">href</span>=<span class="fore-primary">&quot;https://gitcdn.link/repo/Chalarangelo/mini.css/master/dist/mini-default.min.css&quot;</span>&gt;</pre>
<pre>&lt;<span class="fore-tertiary">link</span> <span class="fore-secondary">rel</span>=<span class="fore-primary">&quot;stylesheet&quot;</span> <span class="fore-secondary">href</span>=<span class="fore-primary">&quot;https://cdn.rawgit.com/Chalarangelo/mini.css/v2.3.5/dist/mini-default.min.css&quot;</span>&gt;</pre><br> <pre>&lt;<span class="fore-tertiary">link</span> <span class="fore-secondary">rel</span>=<span class="fore-primary">&quot;stylesheet&quot;</span> <span class="fore-secondary">href</span>=<span class="fore-primary">&quot;https://cdn.rawgit.com/Chalarangelo/mini.css/v2.3.6/dist/mini-default.min.css&quot;</span>&gt;</pre><br>
<p style="text-align:justify">You can also find <strong>mini.css</strong> on <a href="https://cdnjs.com/libraries/mini.css">cdnjs</a>, which you can use to include it in your projects.</p><br/> <p style="text-align:justify">You can also find <strong>mini.css</strong> on <a href="https://cdnjs.com/libraries/mini.css">cdnjs</a>, which you can use to include it in your projects.</p><br/>
<p style="text-align:justify">We strongly suggest you add the following line inside your HTML page's <code>&lt;head&gt;</code> to utilize the viewport meta tag:</p> <p style="text-align:justify">We strongly suggest you add the following line inside your HTML page's <code>&lt;head&gt;</code> to utilize the viewport meta tag:</p>
<pre>&lt;<span class="fore-tertiary">meta</span> <span class="fore-secondary">name</span>=<span class="fore-primary">&quot;viewport&quot;</span> <span class="fore-secondary">content</span>=<span class="fore-primary">&quot;width=device-width, initial-scale=1&quot;</span>&gt;</pre> <pre>&lt;<span class="fore-tertiary">meta</span> <span class="fore-secondary">name</span>=<span class="fore-primary">&quot;viewport&quot;</span> <span class="fore-secondary">content</span>=<span class="fore-primary">&quot;width=device-width, initial-scale=1&quot;</span>&gt;</pre>

9
docs/v2/DEVLOG.md
View file

@ -1307,3 +1307,12 @@
## 20171018 ## 20171018
- Fixed a typo in the `flavors` doc page. - Fixed a typo in the `flavors` doc page.
# v2.3.6 Development Log
## 20171019
- Fixed a documentation problem with `.modal`s. (#104)
- Rebuilt flavors to latest version.
- Updated docs.
- Released patch.

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

@ -5,7 +5,7 @@
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: v2.3.5 mini.css version: v2.3.6
*/ */
// Basic rules for body and typography // Basic rules for body and typography
$fore-color: #d0d0d0; // Text and general foreground color $fore-color: #d0d0d0; // Text and general foreground color

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

@ -5,7 +5,7 @@
Flavor name: Default (mini-default) Flavor name: Default (mini-default)
Author: Angelos Chalaris (chalarangelo@gmail.com) Author: Angelos Chalaris (chalarangelo@gmail.com)
Maintainers: Angelos Chalaris Maintainers: Angelos Chalaris
mini.css version: v2.3.5 mini.css version: v2.3.6
*/ */
// Basic rules for body and typography // Basic rules for body and typography
$fore-color: #212121; // Text and general foreground color $fore-color: #212121; // Text and general foreground color

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

@ -7,7 +7,7 @@
Flavor name: Lite (mini-lite) Flavor name: Lite (mini-lite)
Author: Angelos Chalaris (chalarangelo@gmail.com) Author: Angelos Chalaris (chalarangelo@gmail.com)
Maintainers: Angelos Chalaris Maintainers: Angelos Chalaris
mini.css version: v2.3.5 mini.css version: v2.3.6
*/ */
// Basic rules for body and typography // Basic rules for body and typography
$fore-color: #212121; // Text and general foreground color $fore-color: #212121; // Text and general foreground color

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

@ -5,7 +5,7 @@
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: v2.3.5 mini.css version: v2.3.6
*/ */
// This flavor is based on the Nord color palette: https://github.com/arcticicestudio/nord // This flavor is based on the Nord color palette: https://github.com/arcticicestudio/nord
// Basic rules for body and typography // Basic rules for body and typography

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

@ -7,7 +7,7 @@
Flavor name: Progressive Web App (mini-pw) Flavor name: Progressive Web App (mini-pw)
Author: Angelos Chalaris (chalarangelo@gmail.com) Author: Angelos Chalaris (chalarangelo@gmail.com)
Maintainers: Angelos Chalaris Maintainers: Angelos Chalaris
mini.css version: v2.3.5 mini.css version: v2.3.6
*/ */
// Basic rules for body and typography // Basic rules for body and typography
$fore-color: #212121; // Text and general foreground color $fore-color: #212121; // Text and general foreground color

4
src/flavors/mini-sucroa.scss
View file

@ -5,7 +5,7 @@
Flavor name: Sucroa (mini-sucroa) Flavor name: Sucroa (mini-sucroa)
Author: Angeliki Daskalakis Author: Angeliki Daskalakis
Maintainers: Angeliki Daskalakis, Angelos Chalaris (chalarangelo@gmail.com) Maintainers: Angeliki Daskalakis, Angelos Chalaris (chalarangelo@gmail.com)
mini.css version: v2.3.5 mini.css version: v2.3.6
*/ */
// Google Fonts imports and usage // Google Fonts imports and usage
@import url('https://fonts.googleapis.com/css?family=Cousine:400,400i,700|Libre+Baskerville:400,400i,700&subset=latin-ext'); @import url('https://fonts.googleapis.com/css?family=Cousine:400,400i,700|Libre+Baskerville:400,400i,700&subset=latin-ext');
@ -13,7 +13,7 @@
// font-family: 'Cousine', monospace; // font-family: 'Cousine', monospace;
// Basic rules for body and typography // Basic rules for body and typography
$fore-color: #211423; // Text and general foreground color $fore-color: #211423; // Text and general foreground color
$back-color: #fffcc9; // Body background color $back-color: #fffcc9; // Body background color
$base-font-family: 'Libre Baskerville', serif; // Default font stack for all elements: $base-font-family: 'Libre Baskerville', serif; // Default font stack for all elements:
$base-root-font-size: 16px; // Root font sizing for all elements [1] $base-root-font-size: 16px; // Root font sizing for all elements [1]
$base-font-size: 1em; // Default font sizing for all elements [2] $base-font-size: 1em; // Default font sizing for all elements [2]

4
src/mini/_card.scss
View file

@ -30,9 +30,7 @@ $fore-color: black !default; // [External variable - cor
position: relative; position: relative;
width: 100%; width: 100%;
// Actual styling for the cards // Actual styling for the cards
@if $card-back-color != $back-color { background: $card-back-color; // Do not use conditions on this, causes transparency issues
background: $card-back-color;
}
@if $card-fore-color != $fore-color { @if $card-fore-color != $fore-color {
color: $card-fore-color; color: $card-fore-color;
} }