diff --git a/docs/build-docs.js b/docs/build-docs.js
index d9f8b8e..da04812 100644
--- a/docs/build-docs.js
+++ b/docs/build-docs.js
@@ -234,7 +234,7 @@ var customizationMainStart = `@Chalarangelo. Source code licensed under the MIT License.
diff --git a/docs/doc-fragments/buildYourOwnFlavor.js b/docs/doc-fragments/buildYourOwnFlavor.js
index c201c5e..ef21c48 100644
--- a/docs/doc-fragments/buildYourOwnFlavor.js
+++ b/docs/doc-fragments/buildYourOwnFlavor.js
@@ -1654,6 +1654,7 @@ module.exports = {
flavorFile +='\\n';
}
+ console.log(flavorFile);
var base = './';
var directory = '../';
var files = [
diff --git a/docs/doc-fragments/customizationFragments.js b/docs/doc-fragments/customizationFragments.js
index a046f1c..0eb3d5d 100644
--- a/docs/doc-fragments/customizationFragments.js
+++ b/docs/doc-fragments/customizationFragments.js
@@ -1,4 +1,5 @@
var premadeFlavors = require('./premadeFlavors');
var buildYourOwn = require('./buildYourOwnFlavor');
+var flavorTools = require('./flavorTools');
-module.exports = [premadeFlavors, buildYourOwn]
+module.exports = [premadeFlavors, flavorTools, buildYourOwn]
diff --git a/docs/doc-fragments/flavorTools.js b/docs/doc-fragments/flavorTools.js
new file mode 100644
index 0000000..eabf966
--- /dev/null
+++ b/docs/doc-fragments/flavorTools.js
@@ -0,0 +1,13 @@
+var version = require('../vinf').version;
+module.exports = {
+ id: 'flavor-tools',
+ title: 'Complementary tools',
+ content: `
Building a custom flavor can be complex, even with the amount of streamlining we have provided. We have hand-picked the following tools to assist you in creating the perfect flavor for your needs:
+
`
+}
diff --git a/docs/doc-fragments/premadeFlavors.js b/docs/doc-fragments/premadeFlavors.js
index ef6d062..7d427b4 100644
--- a/docs/doc-fragments/premadeFlavors.js
+++ b/docs/doc-fragments/premadeFlavors.js
@@ -1,6 +1,12 @@
-var version = require('../vinf').version;
-module.exports = {
- id: 'prebuilt-flavors',
- title: 'Prebuilt flavors',
- content: `
We have some prebuilt flavors:
`
-}
+var version = require('../vinf').version;
+module.exports = {
+ id: 'prebuilt-flavors',
+ title: 'Prebuilt flavors',
+ content: `
mini.css comes with a few prebuild flavors out of the box, so you can get started without having to finetune every little aspect of your CSS framework:
+
+ - Default
+ - Lite
+ - Dark
+ - Nord
+
`
+}
diff --git a/docs/v3/DEVLOG.md b/docs/v3/DEVLOG.md
index 15a57e1..c2ed5b1 100644
--- a/docs/v3/DEVLOG.md
+++ b/docs/v3/DEVLOG.md
@@ -365,7 +365,10 @@
- Added `jszip`, `sass.js` and `file-saver` to `package.json`.
- Used above tools and some code to finish up the `flavors` page generation process.
-- *TODO* Add links to useful tools.
- *TODO* Add flavors.
- *TODO* Auto-compile SCSS to CSS when generating, copy all `src` to the `docs`.
- *TODO* Rebase and release.
+
+## 20180528
+
+- Added links to useful tools.
diff --git a/docs/v3/flavors.html b/docs/v3/flavors.html
index 7c3c0da..6c04ebe 100644
--- a/docs/v3/flavors.html
+++ b/docs/v3/flavors.html
@@ -25,9 +25,24 @@
-