mirror/mini-css
1
0
Fork 0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-07-31 19:10:25 +02:00
Code Issues Releases Wiki Activity

Releasing v1.1.0

Browse Source
This commit is contained in:
Angelos Chalaris
2016-10-11 14:33:07 +03:00
parent 63a6e2479a
commit d5eeb24b1b
6 changed files with 31 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
docs/modules.html
View File

@@ -11,7 +11,7 @@
<!-- For local testing only -->
<!-- <link rel="stylesheet" href="../flavors/mini-default.min.css"> -->
<!-- Correct link -->
<link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/v1.0.2/flavors/mini-default.min.css">
<link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/v1.1.0/flavors/mini-default.min.css">
<style>
.panelcode{ border-top-left-radius:0; border-top-right-radius:0; margin-bottom:0; }
pre{ overflow: auto; }
@@ -71,7 +71,7 @@
<h1>mini.css<small> a minimal Sass-y responsive mobile-first style-agnostic CSS framework</small></h1>
<p>Below you can see each module in action, along with certain suggestions on how to add functionality to the various components. Bear in mind that this demo is for the <strong>Default</strong> flavor. Naming conventions may vary between flavors, however the structure and functionality of the modules should be the same. Please refer to specific flavors for those differences. The <strong><a href="https://chalarangelo.github.io/mini.css/modules-niteowl">NiteOwl</a></strong> flavor uses the same naming conventions for the module components, so you won't have any trouble. If you are migrating from Bootstrap and want to use the <strong>Bootstrap</strong> flavor, most naming conventions are based on the original naming conventions of Bootstrap 3.3.7.</p>
<p><strong>To use the Default flavor, add the following code inside your HTML page's <code>&lt;head&gt;</code> tag:</strong></p>
<pre style="overflow: auto;">&lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.rawgit.com/Chalarangelo/mini.css/v1.0.2/flavors/mini-default.min.css&quot;&gt;</pre><br>
<pre style="overflow: auto;">&lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.rawgit.com/Chalarangelo/mini.css/v1.1.0/flavors/mini-default.min.css&quot;&gt;</pre><br>
<h2 id="base">Base</h2>
<p>The Base module contains customized typography rules, colors and most of the functionality provided in <a href="https://necolas.github.io/normalize.css/">normalize.css</a>. Below we showcase some of the most important typography styles.</p>
@@ -611,6 +611,15 @@
&lt;span class=&quot;green&quot; style=&quot;width:20%;&quot;&gt;&lt;/span&gt;
&lt;span style=&quot;width:40%;&quot;&gt;&lt;/span&gt;
&lt;/div&gt;</pre>
</div>
<h3>Progress spinners</h3>
<div class="panel" ><h4 class="head">Example</h4><br>
<p>Spinner dots: <span class="spinner-dots"></span></p>
<p>Spinner round: <span class="spinner-round"></span></p>
<br>
<pre class="panelcode">&lt;span class=&quot;spinner-dots&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;spinner-round&quot;&gt;&lt;/span&gt;</pre>
</div><br>
<h2 id="carousel">Carousel</h2>