diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7cb667a..42e66eb 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,11 +1,15 @@
 # Changelog
 
+## v1.0.2
+
+- Refactoring patch (all version will now use vMajor.Minor.Patch instead of just Major.Minor.Patch). Changes will be reflected in the updated links.
+
 ## 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)
+- 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
+- Initial release.
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index af8b9c5..fcac54c 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.1/flavors/mini-default.min.css">
+    <link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/v1.0.2/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.1/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/v1.0.2/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 06e2299..b3a258d 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.1/flavors/mini-niteowl.min.css">
+    <link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/v1.0.2/flavors/mini-niteowl.min.css">
     <style>
       .panelcode{ border-top-left-radius:0; border-top-right-radius:0; margin-bottom:0; }
       pre{ overflow: auto; }
@@ -73,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.1/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/v1.0.2/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>
diff --git a/docs/modules.html b/docs/modules.html
index 74ecd95..fcaadc2 100644
--- a/docs/modules.html
+++ b/docs/modules.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.1/flavors/mini-default.min.css">
+    <link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/v1.0.2/flavors/mini-default.min.css">
     <style>
       .panelcode{ border-top-left-radius:0; border-top-right-radius:0; margin-bottom:0; }
       pre{ overflow: auto; }
@@ -73,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.1/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.0.2/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>