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><head></code> tag:</p> - <pre style="overflow: auto;"><link rel=<span class="txt-green">"stylesheet"</span> href=<span class="txt-blue">"https://cdn.rawgit.com/Chalarangelo/mini.css/1.0.0/flavors/mini-default.min.css"</span>></pre> + <pre style="overflow: auto;"><link rel=<span class="txt-green">"stylesheet"</span> href=<span class="txt-blue">"https://cdn.rawgit.com/Chalarangelo/mini.css/1.0.1/flavors/mini-default.min.css"</span>></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><head></code> tag:</strong></p> - <pre style="overflow: auto;"><link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/1.0.0/flavors/mini-niteowl.min.css"></pre><br> + <pre style="overflow: auto;"><link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/1.0.1/flavors/mini-niteowl.min.css"></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> <button class="btn blue bordered">Button</button><br> <span>Image with generic border and rounded corners:</span> <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> <img class="circle" src="favicon.png" style="height: 100px; width: auto; display:inline-block;vertical-align: middle;"><br> + <span>Image with circular corners:</span> <img class="circle" src="favicon.png" style="height: 100px; width: auto; display:inline-block;vertical-align: middle;"><br><br> <pre class="panelcode"><button class="btn blue bordered">Button</button> <img class="bordered rounded" src="favicon.png"> <img class="circle" src="favicon.png"></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><head></code> tag:</strong></p> - <pre style="overflow: auto;"><link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/1.0.0/flavors/mini-default.min.css"></pre><br> + <pre style="overflow: auto;"><link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/1.0.1/flavors/mini-default.min.css"></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> <button class="btn blue bordered">Button</button><br> <span>Image with generic border and rounded corners:</span> <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> <img class="circle" src="favicon.png" style="height: 100px; width: auto; display:inline-block;vertical-align: middle;"><br> + <span>Image with circular corners:</span> <img class="circle" src="favicon.png" style="height: 100px; width: auto; display:inline-block;vertical-align: middle;"><br><br> <pre class="panelcode"><button class="btn blue bordered">Button</button> <img class="bordered rounded" src="favicon.png"> <img class="circle" src="favicon.png"></pre>