From 61a4425346ac2c93cc0081e36e04c6aad97d13d0 Mon Sep 17 00:00:00 2001
From: Angelos Chalaris <chalarangelo@gmail.com>
Date: Wed, 28 Sep 2016 21:48:42 +0300
Subject: [PATCH] Releasing patch 1.0.1

---
 CHANGELOG.md              | 11 +++++++++++
 README.md                 |  2 +-
 docs/index.html           |  4 ++--
 docs/modules-niteowl.html | 14 ++++++++++----
 docs/modules.html         | 14 ++++++++++----
 5 files changed, 34 insertions(+), 11 deletions(-)
 create mode 100644 CHANGELOG.md

diff --git a/CHANGELOG.md b/CHANGELOG.md
new file mode 100644
index 0000000..7cb667a
--- /dev/null
+++ b/CHANGELOG.md
@@ -0,0 +1,11 @@
+# Changelog
+
+## v1.0.1
+
+- Fixed modals covering other elements due to `z-index` (issue #3)
+- Fixed label & badge display overlapping in smaller displays (issue #4)
+- Fixed display of demo pages and incorrect padding of elements in panels (issue #5)
+
+## v1.0.0
+
+- Initial release
\ No newline at end of file
diff --git a/README.md b/README.md
index f8a1ef4..a5f5ebe 100644
--- a/README.md
+++ b/README.md
@@ -16,7 +16,7 @@ You can learn all about using it, its modules and components, as well as see a l
 
 To give **mini.css** a try using the default flavor, paste the following code inside your HTML page's `<head>` tag:
 
-	<link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/1.0.0/flavors/mini-default.min.css">
+	<link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/1.0.1/flavors/mini-default.min.css">
 
 Alternatively, you can use one of the other [flavors](https://github.com/Chalarangelo/mini.css/tree/master/flavors). Simply replace the final part of the URL with the flavor's CSS file (minified or not) and you're good to go!
 
diff --git a/docs/index.html b/docs/index.html
index 182cc44..af8b9c5 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -13,7 +13,7 @@
     <!-- Old link -->
     <!-- <link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/6b3db97a893cf4e7ec1b9f5aa40fc5957b1b94fc/flavors/mini-default.min.css"> -->
     <!-- Correct link -->
-    <link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/1.0.0/flavors/mini-default.min.css">
+    <link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/1.0.1/flavors/mini-default.min.css">
     <style>
       .footer{background-color:#272727; color:#ddd;}
       .footer a, .footer a:hover, .footer a:visited, .footer a:visited:hover, .footer a:active, .footer a:visited:active{color: #fff;}
@@ -57,7 +57,7 @@
         <div class="col xs-12 md-10">
           <h1>mini.css<small> a minimal Sass-y responsive mobile-first style-agnostic CSS framework</small></h1>
           <p>If you want to create your own flavor, get involved or report an issue, head over to <strong>mini.css</strong>'s <a href="https://github.com/Chalarangelo/mini.css">Github repository</a> or the <a href="https://github.com/Chalarangelo/mini.css/wiki">wiki</a>. If you want to give <strong>mini.css</strong> a try using the default flavor, paste the following code inside your HTML page's <code>&lt;head&gt;</code> tag:</p>
-          <pre style="overflow: auto;">&lt;link rel=<span class="txt-green">&quot;stylesheet&quot;</span> href=<span class="txt-blue">&quot;https://cdn.rawgit.com/Chalarangelo/mini.css/1.0.0/flavors/mini-default.min.css&quot;</span>&gt;</pre>
+          <pre style="overflow: auto;">&lt;link rel=<span class="txt-green">&quot;stylesheet&quot;</span> href=<span class="txt-blue">&quot;https://cdn.rawgit.com/Chalarangelo/mini.css/1.0.1/flavors/mini-default.min.css&quot;</span>&gt;</pre>
           
           <p>If you'd rather use a package manager, <strong>mini.css</strong> is available in both Bowser and NPM:</p>
           <pre style="margin-left: 1px; border-left: 5px solid #3f84b3; border-top-left-radius: 0; border-bottom-left-radius: 0;"> <span class="txt-blue">bowser install</span> mini.css</pre>
diff --git a/docs/modules-niteowl.html b/docs/modules-niteowl.html
index be9fec5..06e2299 100644
--- a/docs/modules-niteowl.html
+++ b/docs/modules-niteowl.html
@@ -13,7 +13,7 @@
     <!-- Old link -->
     <!-- <link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/6b3db97a893cf4e7ec1b9f5aa40fc5957b1b94fc/flavors/mini-default.min.css"> -->
     <!-- Correct link -->
-    <link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/1.0.0/flavors/mini-niteowl.min.css">
+    <link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/1.0.1/flavors/mini-niteowl.min.css">
     <style>
       .panelcode{ border-top-left-radius:0; border-top-right-radius:0; margin-bottom:0; }
       pre{ overflow: auto; }
@@ -23,9 +23,15 @@
       input[type="checkbox"]:checked.stateful+label{display:none;}
       input[type="checkbox"]:checked.stateful+label+label{display:block;}
       .btn-grp .btn{margin-left:-5px;}
-      .footer{background-color:#243447; color:#f5f5f5;}
+      .footer{background-color:#272727; color:#ddd;}
       .footer a, .footer a:hover, .footer a:visited, .footer a:visited:hover, .footer a:active, .footer a:visited:active{color: #fff;}
       .footer a:hover{text-decoration: underline;}
+      .panel > .nav , .panel > .bordered, .panel > .circle{ padding: 0 !important; }
+      .panel > .btn { padding: 6px 12px !important;}
+      .panel > .lbl { padding: 6px 10px !important; }
+      .panel > .bdg { padding: 3px 8px !important; }
+      .panel > .well { padding: 20px !important; }
+      .panel code, .panel kbd, .panel pre{ padding: 2px 4px !important; }
     </style>
   </head>
   <body>
@@ -67,7 +73,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>NiteOwl</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">Default</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/1.0.0/flavors/mini-niteowl.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/1.0.1/flavors/mini-niteowl.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>
@@ -693,7 +699,7 @@
       <div class="panel" ><h4 class="head">Example</h4><br>
       <span>Button with generic border:</span>&nbsp;&nbsp;<button class="btn blue bordered">Button</button><br>
       <span>Image with generic border and rounded corners:</span>&nbsp;&nbsp;<img class="bordered rounded" src="favicon.png" style="height: 100px; width: auto; display:inline-block;vertical-align: middle;"><br>
-      <span>Image with circular corners:</span>&nbsp;&nbsp;<img class="circle" src="favicon.png" style="height: 100px; width: auto; display:inline-block;vertical-align: middle;"><br>
+      <span>Image with circular corners:</span>&nbsp;&nbsp;<img class="circle" src="favicon.png" style="height: 100px; width: auto; display:inline-block;vertical-align: middle;"><br><br>
         <pre class="panelcode">&lt;button class=&quot;btn blue bordered&quot;&gt;Button&lt;/button&gt;
 &lt;img class=&quot;bordered rounded&quot; src=&quot;favicon.png&quot;&gt;
 &lt;img class=&quot;circle&quot; src=&quot;favicon.png&quot;&gt;</pre>
diff --git a/docs/modules.html b/docs/modules.html
index 096133c..74ecd95 100644
--- a/docs/modules.html
+++ b/docs/modules.html
@@ -9,11 +9,11 @@
     <meta name="author" content="Angelos Chalaris (chalarangelo)">
     <link rel="icon" type="image/png" href="favicon.png">
     <!-- For local testing only -->
-    <link rel="stylesheet" href="../flavors/mini-default.min.css">
+    <!-- <link rel="stylesheet" href="../flavors/mini-default.min.css"> -->
     <!-- Old link -->
     <!-- <link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/6b3db97a893cf4e7ec1b9f5aa40fc5957b1b94fc/flavors/mini-default.min.css"> -->
     <!-- Correct link -->
-    <!-- <link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/1.0.0/flavors/mini-default.min.css"> -->
+    <link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/1.0.1/flavors/mini-default.min.css">
     <style>
       .panelcode{ border-top-left-radius:0; border-top-right-radius:0; margin-bottom:0; }
       pre{ overflow: auto; }
@@ -26,6 +26,12 @@
       .footer{background-color:#272727; color:#ddd;}
       .footer a, .footer a:hover, .footer a:visited, .footer a:visited:hover, .footer a:active, .footer a:visited:active{color: #fff;}
       .footer a:hover{text-decoration: underline;}
+      .panel > .nav , .panel > .bordered, .panel > .circle{ padding: 0 !important; }
+      .panel > .btn { padding: 6px 12px !important;}
+      .panel > .lbl { padding: 6px 10px !important; }
+      .panel > .bdg { padding: 3px 8px !important; }
+      .panel > .well { padding: 20px !important; }
+      .panel code, .panel kbd, .panel pre{ padding: 2px 4px !important; }
     </style>
   </head>
   <body>
@@ -67,7 +73,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/1.0.0/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/1.0.1/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>
@@ -693,7 +699,7 @@
       <div class="panel" ><h4 class="head">Example</h4><br>
       <span>Button with generic border:</span>&nbsp;&nbsp;<button class="btn blue bordered">Button</button><br>
       <span>Image with generic border and rounded corners:</span>&nbsp;&nbsp;<img class="bordered rounded" src="favicon.png" style="height: 100px; width: auto; display:inline-block;vertical-align: middle;"><br>
-      <span>Image with circular corners:</span>&nbsp;&nbsp;<img class="circle" src="favicon.png" style="height: 100px; width: auto; display:inline-block;vertical-align: middle;"><br>
+      <span>Image with circular corners:</span>&nbsp;&nbsp;<img class="circle" src="favicon.png" style="height: 100px; width: auto; display:inline-block;vertical-align: middle;"><br><br>
         <pre class="panelcode">&lt;button class=&quot;btn blue bordered&quot;&gt;Button&lt;/button&gt;
 &lt;img class=&quot;bordered rounded&quot; src=&quot;favicon.png&quot;&gt;
 &lt;img class=&quot;circle&quot; src=&quot;favicon.png&quot;&gt;</pre>