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 `` tag: - + 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 @@ - + @@ -67,7 +73,7 @@

mini.css a minimal Sass-y responsive mobile-first style-agnostic CSS framework

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 NiteOwl 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 Default 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 Bootstrap flavor, most naming conventions are based on the original naming conventions of Bootstrap 3.3.7.

To use the Default flavor, add 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-niteowl.min.css">

+ 
<link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/1.0.1/flavors/mini-niteowl.min.css">

Base

The Base module contains customized typography rules, colors and most of the functionality provided in normalize.css. Below we showcase some of the most important typography styles.

@@ -693,7 +699,7 @@

Example


Button with generic border:  
Image with generic border and rounded corners:  
- Image with circular corners:  
+ Image with circular corners:  

<button class="btn blue bordered">Button</button>
 <img class="bordered rounded" src="favicon.png">
 <img class="circle" src="favicon.png">
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 @@ - + - + @@ -67,7 +73,7 @@

mini.css a minimal Sass-y responsive mobile-first style-agnostic CSS framework

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 Default 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 NiteOwl 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 Bootstrap flavor, most naming conventions are based on the original naming conventions of Bootstrap 3.3.7.

To use the Default flavor, add 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">

Base

The Base module contains customized typography rules, colors and most of the functionality provided in normalize.css. Below we showcase some of the most important typography styles.

@@ -693,7 +699,7 @@

Example


Button with generic border:  
Image with generic border and rounded corners:  
- Image with circular corners:  
+ Image with circular corners:  

<button class="btn blue bordered">Button</button>
 <img class="bordered rounded" src="favicon.png">
 <img class="circle" src="favicon.png">