mirror/mini-css
1
0
Fork 0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-19 04:01:18 +02:00
Code Issues Releases Wiki Activity

Added tool links to flavors page

Browse Source
This commit is contained in:
Angelos Chalaris
2018-05-28 10:01:42 +03:00
parent 4c631cf4d4
commit d4e2d6715f
7 changed files with 52 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
docs/doc-fragments/buildYourOwnFlavor.js
View File

@@ -1654,6 +1654,7 @@ module.exports = {
flavorFile +='\\n';
}
console.log(flavorFile);
var base = './';
var directory = '../';
var files = [

3
docs/doc-fragments/customizationFragments.js
View File

@@ -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]

13
docs/doc-fragments/flavorTools.js Normal file
View File

@@ -0,0 +1,13 @@
var version = require('../vinf').version;
module.exports = {
id: 'flavor-tools',
title: 'Complementary tools',
content: `<div class="section"><p>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:</p>
<ul>
<li><a href="https://coolors.co/" rel="noopener" target="_blank">Coolors - Color schemes generator</a></li>
<li><a href="https://uigradients.com/#PlayingwithReds" rel="noopener" target="_blank">uiGradients - Beautiful colored gradients</a></li>
<li><a href="https://www.cssmatic.com/box-shadow" rel="noopener" target="_blank">Box shadow generator</a></li>
<li><a href="https://www.webpagefx.com/web-design/hex-to-rgb/" rel="noopener" target="_blank">HEX to RGB converter</a></li>
<li><a href="http://www.colorzilla.com/gradient-editor/" rel="noopener" target="_blank">Gradient generator</a></li>
</ul></div>`
}

18
docs/doc-fragments/premadeFlavors.js
View File

@@ -1,6 +1,12 @@
var version = require('../vinf').version;
module.exports = {
id: 'prebuilt-flavors',
title: 'Prebuilt flavors',
content: `<p>We have some prebuilt flavors:</p><ul><li>Default</li><li>Dark</li></ul>`
}
var version = require('../vinf').version;
module.exports = {
id: 'prebuilt-flavors',
title: 'Prebuilt flavors',
content: `<div class="section"><p><strong>mini.css</strong> 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:</p>
<ul>
<li>Default</li>
<li>Lite</li>
<li>Dark</li>
<li>Nord</li>
</ul></div>`
}