Huge patch

README.md

@@ -4,9 +4,6 @@ A clean CSS framework made to be dark and responsive.
 ## Install to your website
 ```html
 <!-- Use this line to have the theme on your website -->
-<link href="https://modesta.alexflipnote.xyz/css/modesta.css" type="text/css" rel="stylesheet">
-
-<!-- Minify version -->
 <link href="https://modesta.alexflipnote.xyz/css/modesta.min.css" type="text/css" rel="stylesheet">
 ```
 If you wish to use local files, please copy the CSS folder into your website.

_compiler.py

@@ -63,7 +63,7 @@ def fail():
 
 
 commands = [
-    ['sass', '--watch', 'scss:css'],
+    ['sass', '--watch', 'scss:css', '--style', 'compressed'],
     ['bundle', 'exec', 'jekyll', 'serve']
 ]
 

_layouts/docs.html

@@ -13,7 +13,7 @@
     {% endif %}
 
     <!-- CSS -->
-    <link href="css/modesta.css" type="text/css" rel="stylesheet">
+    <link href="css/modesta.min.css" type="text/css" rel="stylesheet">
     <link href="css/twemoji.min.css" type="text/css" rel="stylesheet">
     <link href="css/blobcat.min.css" type="text/css" rel="stylesheet">
   </head>

_layouts/example.html

@@ -4,7 +4,7 @@
     <title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
-    <link href="../css/modesta.css" type="text/css" rel="stylesheet">
+    <link href="../css/modesta.min.css" type="text/css" rel="stylesheet">
     <link href="../css/twemoji.min.css" type="text/css" rel="stylesheet">
     <link href="../css/blobcat.min.css" type="text/css" rel="stylesheet">
   </head>

_pages/docs/0index.md

@@ -11,9 +11,6 @@ A clean CSS framework made to be dark and responsive.
 ## Install to your website
 ```html
 <!-- Use this line to have the theme on your website -->
-<link href="https://modesta.alexflipnote.xyz/css/modesta.css" type="text/css" rel="stylesheet">
-
-<!-- Minify version -->
 <link href="https://modesta.alexflipnote.xyz/css/modesta.min.css" type="text/css" rel="stylesheet">
 ```
 If you wish to use local files, please copy the CSS folder into your website.
@@ -50,6 +47,7 @@ Visit this link for docs: [https://modesta.alexflipnote.xyz/](https://modesta.al
 - [Meowiee](https://catcomp.cf)
 - [React-Modesta](https://modesta.bowser65.tk/)
 - [Stylite](https://stylite.me/)
+- [voided.pw](https://voided.pw/)
 
 ## Contribution
 If you plan to contribute, please use **scss_lint** (Ruby Package) to be sure everything is linted.

_pages/docs/colours.md

@@ -12,6 +12,12 @@ description: The different colours in ModestaCSS
 <span class="COLOUR-flat">Make the object's background into colour (Without the dropshadow if the object has it)</span>
 <span class="COLOUR-text">Make the object's text into colour</span>
 ```
+<br>
+Use this HTML to import the colours only, if that's your thing
+```html
+<!-- Colour pack | ~8 KB -->
+<link href="https://modesta.alexflipnote.xyz/css/colours.min.css" type="text/css" rel="stylesheet">
+```
 
 # All colours
 <div class="row">

_pages/docs/emojis.md

@@ -14,10 +14,10 @@ Currently, ModestaCSS supports:
 
 Use this HTML to import the different emoji packs
 ```html
-<!-- Twemoji version | ~190 KB -->
+<!-- Twemoji version | 195 KB -->
 <link href="https://modesta.alexflipnote.xyz/css/twemoji.min.css" type="text/css" rel="stylesheet">
 
-<!-- Blobcat version | ~20 KB -->
+<!-- Blobcat version | 23.5 KB -->
 <link href="https://modesta.alexflipnote.xyz/css/blobcat.min.css" type="text/css" rel="stylesheet">
 ```