diff --git a/README.md b/README.md index 8c03e0a..40b1b08 100644 --- a/README.md +++ b/README.md @@ -11,11 +11,12 @@ A minimal, responsive, style-agnostic CSS framework ## Setup & usage -You have 3 options when it comes to setting up **mini.css**: +You have 4 options when it comes to setting up **mini.css**: 1. [Use a package manager](#method-1-use-a-package-manager-recommended) (recommended) 2. [Use GitCDN](#method-2-use-gitcdn) -3. [Use cdnjs](#method-3-use-cdnjs-preferred-for-older-releases) (preferred for older releases) +3. [Use Rawgit](#method-3-use-rawgit) +4. [Use cdnjs](#method-4-use-cdnjs-preferred-for-older-releases) (preferred for older releases) For instructions on how to use, best practices, templates and other usage information, please visit the framework's [documentation](https://chalarangelo.github.io/mini.css/modules.html). @@ -39,7 +40,16 @@ bower install mini.css Remember to replace `{mini-flavor}` with the flavor's name (e.g. `mini-default` or `mini-default.min` for the default flavor). -#### Method 3: Use cdnjs (preferred for older releases) +#### Method 3: Use RawGit + +**mini.css** is also hosted on [RawGit](https://rawgit.com/), another open-source service, so you can easily grab a specific release's distributables. Simply link to a release and your preferred flavor inside your HTML page's `` tag: +```html + +``` + +Remember to replace ` {release-tag}` with a release from the [Releases page](https://github.com/Chalarangelo/mini.css/releases) and `{mini-flavor}` with the flavor's name (e.g. `mini-default` or `mini-default.min` for the default flavor). + +#### Method 4: Use cdnjs (preferred for older releases) If you would rather use an older version of the framework, you should head over to [cdnjs](https://cdnjs.com/libraries/mini.css) for a list of releases and flavor files supplied with them. diff --git a/docs/card.html b/docs/card.html index 436c7a3..2c92e71 100644 --- a/docs/card.html +++ b/docs/card.html @@ -1,7 +1,7 @@ - + mini.css - Card diff --git a/docs/contextual.html b/docs/contextual.html index e7b1fbd..c00c8a9 100644 --- a/docs/contextual.html +++ b/docs/contextual.html @@ -1,7 +1,7 @@ - + mini.css - Contextual diff --git a/docs/core.html b/docs/core.html index 578ad96..8abdc7d 100644 --- a/docs/core.html +++ b/docs/core.html @@ -1,7 +1,7 @@ - + mini.css - Core diff --git a/docs/customization.html b/docs/customization.html index b4ba613..bb8a240 100644 --- a/docs/customization.html +++ b/docs/customization.html @@ -1,7 +1,7 @@ - + mini.css - Customization diff --git a/docs/customization/card.html b/docs/customization/card.html index cf67389..685a5c0 100644 --- a/docs/customization/card.html +++ b/docs/customization/card.html @@ -1,7 +1,7 @@ - + mini.css - Card diff --git a/docs/customization/contextual.html b/docs/customization/contextual.html index 269fdbc..b5ea2f1 100644 --- a/docs/customization/contextual.html +++ b/docs/customization/contextual.html @@ -1,7 +1,7 @@ - + mini.css - Contextual diff --git a/docs/customization/core.html b/docs/customization/core.html index 5a781c7..44cc441 100644 --- a/docs/customization/core.html +++ b/docs/customization/core.html @@ -1,7 +1,7 @@ - + mini.css - Core diff --git a/docs/customization/grid.html b/docs/customization/grid.html index 47d5969..880bd79 100644 --- a/docs/customization/grid.html +++ b/docs/customization/grid.html @@ -1,7 +1,7 @@ - + mini.css - Grid diff --git a/docs/customization/index.html b/docs/customization/index.html index 7ee58a4..bd42445 100644 --- a/docs/customization/index.html +++ b/docs/customization/index.html @@ -1,7 +1,7 @@ - + mini.css - Customization diff --git a/docs/customization/input_control.html b/docs/customization/input_control.html index 43188fd..8874dcc 100644 --- a/docs/customization/input_control.html +++ b/docs/customization/input_control.html @@ -1,7 +1,7 @@ - + mini.css - Input Control diff --git a/docs/customization/navigation.html b/docs/customization/navigation.html index da1b91d..c263548 100644 --- a/docs/customization/navigation.html +++ b/docs/customization/navigation.html @@ -1,7 +1,7 @@ - + mini.css - Navigation diff --git a/docs/customization/progress.html b/docs/customization/progress.html index f96402f..c75517d 100644 --- a/docs/customization/progress.html +++ b/docs/customization/progress.html @@ -1,7 +1,7 @@ - + mini.css - Progress diff --git a/docs/customization/tab.html b/docs/customization/tab.html index 09f6cd9..94f27fa 100644 --- a/docs/customization/tab.html +++ b/docs/customization/tab.html @@ -1,7 +1,7 @@ - + mini.css - Tab diff --git a/docs/customization/table.html b/docs/customization/table.html index 038de4e..04767aa 100644 --- a/docs/customization/table.html +++ b/docs/customization/table.html @@ -1,7 +1,7 @@ - + mini.css - Table diff --git a/docs/customization/utility.html b/docs/customization/utility.html index c7e4f8c..1cdd526 100644 --- a/docs/customization/utility.html +++ b/docs/customization/utility.html @@ -1,7 +1,7 @@ - + mini.css - Utility diff --git a/docs/flavors.html b/docs/flavors.html index 43220c8..9c361b1 100644 --- a/docs/flavors.html +++ b/docs/flavors.html @@ -1,7 +1,7 @@ - + mini.css - Flavors @@ -34,13 +34,14 @@

Flavors

-

One of the core ideas behind mini.css is its flavor system. A flavor is the final compiled stylesheet a website or web app uses. When you start using mini.css, you usually try out the default flavor, using the following reference inside your HTML page's <head> tag:

+

One of the core ideas behind mini.css is its flavor system. A flavor is the final compiled stylesheet a website or web app uses. When you start using mini.css, you usually try out the default flavor, using one of the following references inside your HTML page's <head> tag:

+ 
<link rel="stylesheet" href="https://gitcdn.link/repo/Chalarangelo/mini.css/master/dist/mini-default.min.css">
<link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/v2.1.1/dist/mini-default.min.css">

There are, however a handful of other flavors included with mini.css. Below, you can see a full list of them: