Ready to roll out -alpha.1

docs/doc-fragments/drawer.js

@@ -29,7 +29,16 @@ module.exports = {
     `You can combine the navigation bar element with the drawer menu for better results.`,
     `Remember to apply the appropriate classes to any and all elements, as indicated in the examples. Failing to do so will result in the drawer menu not rendering or behaving properly.`
   ],
-  customization: [],
+  customization: [
+    `Text color can be changed globally by changing the value of the <code>--fore-color</code> variable. This will affect the text color of the toggle button and items inside the drawer container.`,
+    `Background color for the drawer container can be changed by changing the value of the <code>--drawer-back-color</code> variable.`,
+    `Border color for the drawer container can be changed by changing the value of the <code>--drawer-border-color</code> variable.`,
+    `Text color for the drawer close button can be changed by changing the values of the <code>--drawer-close-color</code>.`,
+    `Background color for the drawer close button when focused or hovered over can be changed by changing the values of the <code>--drawer-hover-back-color</code>.`,
+    `Universal margin for elements can be changed globally by changing the value of the <code>--universal-margin</code> variable. As a rule of thumb, consider the universal margin to be the distance you want your paragraphs to have from the sides of the screen.`,
+    `Universal padding for elements can be changed globally by changing the value of the <code>--universal-padding</code> variable.`,
+    `Universal border radius for elements can be changed globally by changing the value of the <code>--universal-border-radius</code> variable.`
+  ],
   modifiers: [
     {
       title : `Persistent drawer`,

docs/v3/DEVLOG.md

@@ -177,8 +177,13 @@
 - Documented `card` and `card section` to complete the `layout` module's docs.
 - Altered the `dark` section colors, didn't really like them.
 - Cleaned up certain parts of the docs just a little bit.
+
+## 20171118
 - Documented `button` elements and input grouping.
 - Documented `header`, `footer` and `nav`.
+
+## 20171119
+
 - Documented `drawer`.
 - Implemented search functionality, using `fuse`. It all works pretty well.
 - Added `index.html` generation code in the build file, this will allow me to not load a script for the versioning.
@@ -188,3 +193,10 @@
 - Updated links to open in new tabs when they are external.
 - Generated new favicons.
 - Everything should be ready to release `v3.0.0-alpha.1` tomorrow.
+
+## 20171120
+
+- Updated `.drawer` documentation to include customization.
+- Recompiled default flavor just in case.
+- Fixed the devlog showing wrong dates. **Hugging cat** was at it again, it seems!
+- Unleashed the first **Gluon** alpha unto the world!

docs/v3/docs.html

@@ -607,7 +607,7 @@
 <span class="code-line">  <span class="highlight-a">&lt;a</span> <span class="highlight-b">href</span>=<span class="highlight-c">&quot;#&quot;</span><span class="highlight-a">&gt;</span>Home<span class="highlight-a">&lt;/a&gt;</span></span>
 <span class="code-line"><span class="highlight-a">&lt;/div&gt;</span></span></pre></div><div class="col-sm-12 col-md-6"><p><mark class="dont">Don't:</mark>&nbsp;You should not place anything between the checkbox controlling the drawer and the container.</p></div></div></div>
   <div class="section double-padded"><h3>Notes</h3><ul><li>Drawer menus are responsive by default and will expand into normal containers on screens larger or equal to <code>768px</code> wide.</li><li>It is highly recommended to place your drawer's toggle button inside your web app's header element.</li><li>You can combine the navigation bar element with the drawer menu for better results.</li><li>Remember to apply the appropriate classes to any and all elements, as indicated in the examples. Failing to do so will result in the drawer menu not rendering or behaving properly.</li></ul></div>
-
+  <div class="section double-padded"><h3>Customization</h3><ul><li>Text color can be changed globally by changing the value of the <code>--fore-color</code> variable. This will affect the text color of the toggle button and items inside the drawer container.</li><li>Background color for the drawer container can be changed by changing the value of the <code>--drawer-back-color</code> variable.</li><li>Border color for the drawer container can be changed by changing the value of the <code>--drawer-border-color</code> variable.</li><li>Text color for the drawer close button can be changed by changing the values of the <code>--drawer-close-color</code>.</li><li>Background color for the drawer close button when focused or hovered over can be changed by changing the values of the <code>--drawer-hover-back-color</code>.</li><li>Universal margin for elements can be changed globally by changing the value of the <code>--universal-margin</code> variable. As a rule of thumb, consider the universal margin to be the distance you want your paragraphs to have from the sides of the screen.</li><li>Universal padding for elements can be changed globally by changing the value of the <code>--universal-padding</code> variable.</li><li>Universal border radius for elements can be changed globally by changing the value of the <code>--universal-border-radius</code> variable.</li></ul></div>
 </div><footer><p><strong>mini.css</strong> was designed and built by <a href="https://github.com/Chalarangelo" target="_blank">@Chalarangelo</a>. Source code licensed under the <a href="https://github.com/Chalarangelo/mini.css/blob/master/LICENSE">MIT License</a>.</p><p>Icons provided by <a href="https://feathericons.com/" target="_blank">Feather</a>. Search powered by <a href="http://fusejs.io/" target="_blank">Fuse.js</a>.</p></footer></main>
   </div></div>
   <script>