From e0b1e1fb1070ce5a10928892ce6edac3195d2249 Mon Sep 17 00:00:00 2001 From: Angelos Chalaris Date: Tue, 18 Apr 2017 14:27:39 +0300 Subject: [PATCH] Updated documentation, resolves #64 Used a localized copy of the flavor file to style all the doc pages, added a few things wherever needed, added all download options, updated the README. --- README.md | 16 +++++++++++++--- docs/card.html | 2 +- docs/contextual.html | 2 +- docs/core.html | 2 +- docs/customization.html | 2 +- docs/customization/card.html | 2 +- docs/customization/contextual.html | 2 +- docs/customization/core.html | 2 +- docs/customization/grid.html | 2 +- docs/customization/index.html | 2 +- docs/customization/input_control.html | 2 +- docs/customization/navigation.html | 2 +- docs/customization/progress.html | 2 +- docs/customization/tab.html | 2 +- docs/customization/table.html | 2 +- docs/customization/utility.html | 2 +- docs/flavors.html | 13 +++++++------ docs/grid.html | 2 +- docs/index.html | 26 +++++++++++++++----------- docs/input_control.html | 2 +- docs/mini-default.min.css | 1 + docs/modules.html | 11 +++++++++-- docs/navigation.html | 2 +- docs/progress.html | 2 +- docs/quick_reference.html | 12 +++++++----- docs/tab.html | 2 +- docs/table.html | 2 +- docs/utility.html | 2 +- docs/v2/DEVLOG.md | 3 +++ 29 files changed, 77 insertions(+), 49 deletions(-) create mode 100644 docs/mini-default.min.css 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:


  • Default mini-default

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

    The default flavor for mini.css uses a light gray background and gray-black foreground color. Certain containers, such as cards and tabs use white-gray backgrounds. The grid system has 12 columns and most of the components and modules use sharp corners with blurred shadows to give it a material-like design. All of the colors used in this flavor are based on Google's Material design color palette.

    Author: Chalarangelo

    @@ -51,7 +52,7 @@

  • Lite  View on Codepenmini-lite

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

    Lite is a light flavor that uses a the default palette (light gray background and gray-black foreground color). It uses the default naming conventions (.primary, .secondary etc.). The grid system has 12 columns and most components use sharp corners without shadows. To make the flavor lighter, button groups, horizontal tables, certain card and progress styles, along with spinner donuts, tooltips, navigation bars and alerts are not included.

    Author: Chalarangelo

    @@ -62,7 +63,7 @@

  • Sucroa  View on Codepenmini-sucroa

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

    Sucroa is a full flavor that uses a yellow-pink-lilac background color palette with dark purple-black foreground colors. It uses the default naming conventions (.primary, .secondary etc.). The grid system has 12 columns and most components use soft shadows combined with rounded corners. The card module's .dark and .darker classes have been replaced by the .light and .lighter classes respectively. Finally, .animated alerts and .horizontal tables are not available.

    Author: Angeliki Daskalakis

    @@ -73,7 +74,7 @@

  • Nord  View on Codepenmini-nord

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

    Nord is a full flavor that uses the Nord color palette (arctic, north-bluish color palette). It uses the default naming conventions (.primary, .secondary etc.). The grid system has 12 columns and most components use soft shadows combined with rounded corners. All modules and components that are available in the default flavor are also available in Nord.

    Author: tphecca

    diff --git a/docs/grid.html b/docs/grid.html index 4a9710d..d29319a 100644 --- a/docs/grid.html +++ b/docs/grid.html @@ -1,7 +1,7 @@ - + mini.css - Grid diff --git a/docs/index.html b/docs/index.html index 1a0580c..0612a79 100644 --- a/docs/index.html +++ b/docs/index.html @@ -1,7 +1,7 @@ - + mini.css - Minimal, responsive, style-agnostic CSS framework @@ -100,14 +100,18 @@

    Setup & usage

    -

    You can import the default flavor of mini.css in your webpage by simply adding the following reference inside your HTML page's <head> tag:

    - 
    <link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/v2.1.0/dist/mini-default.min.css">

    -

    If you want to download the package using your favorite package manager, you can use either Bower or NPM:

    -
    - 
    bower install mini.css
    - 
    npm install mini.css
    -

    -

    If you are interested in tinkering with the flavor files and cooking your own flavor, check out the Customization page for information, tips on how to get started and general guidelines.


    +

    mini.css is published in NPM and bower, so you can easily download it, using your preferred package manager:

    +
    + 
    npm install mini.css
    + 
    bower install mini.css
    +
    +

    After donwloading mini.css, pick a Flavor and use it for your project.

    +
    +

    Alternatively, you can use either GitCDN or RawGit to import the default flavor of mini.css. Simply add 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">

    +

    Finally, you can find mini.css on cdnjs, which you can use to include it in your projects.


    +
    @@ -129,8 +133,8 @@ mini.css - v2.1 - 47 KB36 KB7 KB + v2.1.1 + 50 KB40 KB7 KB Semantic UI diff --git a/docs/input_control.html b/docs/input_control.html index 2609856..b890dc7 100644 --- a/docs/input_control.html +++ b/docs/input_control.html @@ -1,7 +1,7 @@ - + mini.css - Input Control diff --git a/docs/mini-default.min.css b/docs/mini-default.min.css new file mode 100644 index 0000000..c247873 --- /dev/null +++ b/docs/mini-default.min.css @@ -0,0 +1 @@ +html{font-size:16px}html,*{font-family:-apple-system, BlinkMacSystemFont,"Segoe UI","Roboto", "Droid Sans","Helvetica Neue", Helvetica, Arial, sans-serif;line-height:1.5;-webkit-text-size-adjust:100%}*{font-size:1em}body{margin:0;color:#212121;background:#f5f5f5}article,aside,section,figcaption,figure,main,details,menu{display:block}summary{display:list-item}abbr[title]{border-bottom:none;text-decoration:underline}audio,video{display:inline-block}svg:not(:root){overflow:hidden}input{overflow:visible}img{max-width:100%;height:auto}dfn{font-style:italic}h1,h2,h3,h4,h5,h6{line-height:1.2em;margin:12px 8px;font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#424242;display:block;margin-top:-4px}h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.25em}h4{font-size:1.1em}h5{font-size:1em}h6{font-size:.85em}p{margin:1px 8px}ol,ul{margin:1px 8px 10px;padding-left:28px}b,strong{font-weight:700}hr{box-sizing:content-box;border:0;overflow:visible;line-height:1.25em;margin:8px;height:1px;background:-webkit-linear-gradient(to right, #bdbdbd, #616161, #bdbdbd);background:linear-gradient(to right, #bdbdbd, #616161, #bdbdbd)}blockquote{display:block;position:relative;font-style:italic;background:#eee;margin:8px 10px;padding:6px 10px 24px;border-left:3px solid #616161;border-radius:0 2px 2px 0;box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15)}blockquote:after{position:absolute;font-style:normal;font-size:.85em;color:#616161;left:10px;bottom:0;content:"— " attr(cite)}code,kbd,pre,samp{font-family:monospace, monospace}code{border-radius:2px;background:#e0e0e0;padding:2px 4px;box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15)}pre{overflow:auto;border-radius:0 2px 2px 0;background:#e0e0e0;padding:12px;margin:8px 10px;border-left:3px solid #1565c0;box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15)}kbd{border-radius:2px;background:#212121;color:#fafafa;padding:2px 4px;box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15)}small,sup,sub{font-size:75%}sup{top:-8px}sub{bottom:-4px}sup,sub{line-height:0;position:relative;vertical-align:baseline}a{color:#0277bd;text-decoration:underline;opacity:1;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}a:visited{color:#01579b}a:hover,a:focus,a:active{opacity:0.75}figcaption{font-size:80%;color:#424242}.container{margin:0 auto;padding:0 10px}.row{box-sizing:border-box;display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap}.row[class*='cols-sm-']>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}@media screen and (min-width: 768px){.row[class*='cols-md-']>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}}@media screen and (min-width: 1280px){.row[class*='cols-lg-']>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}}.col-sm,[class^='col-sm-'],[class^='col-sm-offset-']{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-sm,.row.cols-sm>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-sm-1,.row.cols-sm-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-sm-2,.row.cols-sm-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-sm-3,.row.cols-sm-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-sm-4,.row.cols-sm-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-sm-5,.row.cols-sm-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-sm-6,.row.cols-sm-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-sm-7,.row.cols-sm-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-sm-8,.row.cols-sm-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-sm-9,.row.cols-sm-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-sm-10,.row.cols-sm-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-sm-11,.row.cols-sm-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-sm-12,.row.cols-sm-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333%}.col-sm-offset-2{margin-left:16.66667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333%}.col-sm-offset-5{margin-left:41.66667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333%}.col-sm-offset-8{margin-left:66.66667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333%}.col-sm-offset-11{margin-left:91.66667%}.col-sm-normal{-webkit-order:initial;order:initial}.col-sm-first{-webkit-order:-999;order:-999}.col-sm-last{-webkit-order:999;order:999}@media screen and (min-width: 768px){.col-md,[class^='col-md-'],[class^='col-md-offset-']{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-md,.row.cols-md>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-md-1,.row.cols-md-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-md-2,.row.cols-md-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-md-3,.row.cols-md-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-md-4,.row.cols-md-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-md-5,.row.cols-md-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-md-6,.row.cols-md-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-md-7,.row.cols-md-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-md-8,.row.cols-md-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-md-9,.row.cols-md-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-md-10,.row.cols-md-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-md-11,.row.cols-md-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-md-12,.row.cols-md-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.33333%}.col-md-offset-2{margin-left:16.66667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333%}.col-md-offset-5{margin-left:41.66667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333%}.col-md-offset-8{margin-left:66.66667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333%}.col-md-offset-11{margin-left:91.66667%}.col-md-normal{-webkit-order:initial;order:initial}.col-md-first{-webkit-order:-999;order:-999}.col-md-last{-webkit-order:999;order:999}}@media screen and (min-width: 1280px){.col-lg,[class^='col-lg-'],[class^='col-lg-offset-']{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-lg,.row.cols-lg>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-lg-1,.row.cols-lg-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-lg-2,.row.cols-lg-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-lg-3,.row.cols-lg-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-lg-4,.row.cols-lg-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-lg-5,.row.cols-lg-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-lg-6,.row.cols-lg-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-lg-7,.row.cols-lg-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-lg-8,.row.cols-lg-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-lg-9,.row.cols-lg-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-lg-10,.row.cols-lg-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-lg-11,.row.cols-lg-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-lg-12,.row.cols-lg-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.33333%}.col-lg-offset-2{margin-left:16.66667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333%}.col-lg-offset-5{margin-left:41.66667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333%}.col-lg-offset-8{margin-left:66.66667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333%}.col-lg-offset-11{margin-left:91.66667%}.col-lg-normal{-webkit-order:initial;order:initial}.col-lg-first{-webkit-order:-999;order:-999}.col-lg-last{-webkit-order:999;order:999}}header{display:block;height:44px;background:#263238;color:#fafafa;padding:2px 8px;box-shadow:0 2px 4px rgba(0,0,0,0.18),0 2px 3px rgba(0,0,0,0.26);white-space:nowrap;overflow-x:auto;overflow-y:hidden}header .logo{color:#fafafa;font-size:1.75em;line-height:1.2;margin:1px 6px 1px 1px;padding:3px 0 0;-webkit-transition:0s opacity;transition:0s opacity}header button,header [type="button"],header a.button,header label.button,header .button,header a[role="button"],header label[role="button"],header [role="button"]{background:#263238;color:#fafafa;vertical-align:top;margin:2px 0 0;box-shadow:none}header button:hover,header button:active,header button:focus,header [type="button"]:hover,header [type="button"]:active,header [type="button"]:focus,header a.button:hover,header a.button:active,header a.button:focus,header label.button:hover,header label.button:active,header label.button:focus,header .button:hover,header .button:active,header .button:focus,header a[role="button"]:hover,header a[role="button"]:active,header a[role="button"]:focus,header label[role="button"]:hover,header label[role="button"]:active,header label[role="button"]:focus,header [role="button"]:hover,header [role="button"]:active,header [role="button"]:focus{background:#37474f}header .logo,header a.button,header a[role="button"]{text-decoration:none}nav{display:block;background:#eceff1;border:1px solid #bdbdbd;margin:2px;padding:8px 8px 16px 20px;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15)}nav a,nav a:visited{display:block;color:#1565c0}nav .sublink-1{padding-left:12px;position:relative}nav .sublink-1:before{position:absolute;left:3px;top:-1px;content:'';height:100%;border:1px solid #78909c;border-left:0}nav .sublink-2{padding-left:24px;position:relative}nav .sublink-2:before{position:absolute;left:3px;top:-1px;content:'';height:100%;border:1px solid #78909c;border-left:0}footer{display:block;background:#263238;color:#fafafa;margin:18px 0 0;padding:22px 10px 12px;font-size:85%}footer a,footer a:visited{color:#039be5}header.sticky,footer.sticky{position:-webkit-sticky;position:sticky;z-index:1101}header.sticky{top:0}footer.sticky{bottom:0}form{background:#eee;border:1px solid #bdbdbd;margin:8px;padding:12px 10px 18px;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15)}fieldset{border:1px solid #bdbdbd;border-radius:2px;margin:2px;padding:6px 8px 8px}legend{box-sizing:border-box;display:table;max-width:100%;white-space:normal;font-weight:700;font-size:.925em;padding:2px 4px}label{padding:4px}.input-group{display:inline-block}.input-group.fluid{display:-webkit-box;-webkit-box-pack:justify;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.input-group.fluid>input{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}@media screen and (max-width: 767px){.input-group.fluid{-webkit-box-orient:vertical;-webkit-align-items:stretch;align-items:stretch;-webkit-flex-direction:column;flex-direction:column}}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}textarea{overflow:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input:not([type]),[type="text"],[type="email"],[type="number"],[type="search"],[type="password"],[type="url"],[type="tel"],textarea,select{box-sizing:border-box;background:#fafafa;color:#212121;border:1px solid #bdbdbd;border-radius:1px;margin:2px;padding:8px 12px}input:not([type="button"]):not([type="submit"]):not([type="reset"]):hover,input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus,textarea:hover,textarea:focus,select:hover,select:focus{border-color:#0288d1;box-shadow:none}input:not([type="button"]):not([type="submit"]):not([type="reset"]):disabled,input:not([type="button"]):not([type="submit"]):not([type="reset"])[disabled],textarea:disabled,textarea[disabled],select:disabled,select[disabled]{cursor:not-allowed;opacity:.75}input:not([type="button"]):not([type="submit"]):not([type="reset"]):invalid,input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus:invalid,textarea:invalid,textarea:focus:invalid,select:invalid,select:focus:invalid{border-color:#d32f2f;box-shadow:none}input:not([type="button"]):not([type="submit"]):not([type="reset"])[readonly],textarea[readonly],select[readonly]{background:#e0e0e0;border-color:#bdbdbd}::-webkit-input-placeholder{opacity:1;color:#616161}::-moz-placeholder{opacity:1;color:#616161}::-ms-placeholder{opacity:1;color:#616161}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button{overflow:visible;text-transform:none}button,[type="button"],[type="submit"],[type="reset"],a.button,label.button,.button,a[role="button"],label[role="button"],[role="button"]{display:inline-block;background:rgba(189,189,189,0.65);color:#212121;border:0;border-radius:2px;padding:8px 12px;margin:8px;box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15);text-decoration:none;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;cursor:pointer}button:hover,button:active,button:focus,[type="button"]:hover,[type="button"]:active,[type="button"]:focus,[type="submit"]:hover,[type="submit"]:active,[type="submit"]:focus,[type="reset"]:hover,[type="reset"]:active,[type="reset"]:focus,a.button:hover,a.button:active,a.button:focus,label.button:hover,label.button:active,label.button:focus,.button:hover,.button:active,.button:focus,a[role="button"]:hover,a[role="button"]:active,a[role="button"]:focus,label[role="button"]:hover,label[role="button"]:active,label[role="button"]:focus,[role="button"]:hover,[role="button"]:active,[role="button"]:focus{background:rgba(189,189,189,0.8);opacity:1}button:disabled,button[disabled],[type="button"]:disabled,[type="button"][disabled],[type="submit"]:disabled,[type="submit"][disabled],[type="reset"]:disabled,[type="reset"][disabled],a.button:disabled,a.button[disabled],label.button:disabled,label.button[disabled],.button:disabled,.button[disabled],a[role="button"]:disabled,a[role="button"][disabled],label[role="button"]:disabled,label[role="button"][disabled],[role="button"]:disabled,[role="button"][disabled]{cursor:not-allowed;opacity:.65}input[type="file"]{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.button-group{display:-webkit-box;display:-webkit-flex;display:flex;border:1px solid #9e9e9e;border-radius:2px;margin:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15)}.button-group button,.button-group [type="button"],.button-group [type="submit"],.button-group [type="reset"],.button-group .button,.button-group [role="button"]{margin:0;-webkit-box-flex:1;max-width:100%;-webkit-flex:1 1 auto;flex:1 1 auto;text-align:center;border:0;border-radius:0;box-shadow:none}.button-group button+button,.button-group button+[type="button"],.button-group button+[type="submit"],.button-group button+[type="reset"],.button-group button+.button,.button-group button+[role="button"],.button-group [type="button"]+button,.button-group [type="button"]+[type="button"],.button-group [type="button"]+[type="submit"],.button-group [type="button"]+[type="reset"],.button-group [type="button"]+.button,.button-group [type="button"]+[role="button"],.button-group [type="submit"]+button,.button-group [type="submit"]+[type="button"],.button-group [type="submit"]+[type="submit"],.button-group [type="submit"]+[type="reset"],.button-group [type="submit"]+.button,.button-group [type="submit"]+[role="button"],.button-group [type="reset"]+button,.button-group [type="reset"]+[type="button"],.button-group [type="reset"]+[type="submit"],.button-group [type="reset"]+[type="reset"],.button-group [type="reset"]+.button,.button-group [type="reset"]+[role="button"],.button-group .button+button,.button-group .button+[type="button"],.button-group .button+[type="submit"],.button-group .button+[type="reset"],.button-group .button+.button,.button-group .button+[role="button"],.button-group [role="button"]+button,.button-group [role="button"]+[type="button"],.button-group [role="button"]+[type="submit"],.button-group [role="button"]+[type="reset"],.button-group [role="button"]+.button,.button-group [role="button"]+[role="button"]{border-left:1px solid #9e9e9e}@media screen and (max-width: 767px){.button-group{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.button-group button+button,.button-group button+[type="button"],.button-group button+[type="submit"],.button-group button+[type="reset"],.button-group button+.button,.button-group button+[role="button"],.button-group [type="button"]+button,.button-group [type="button"]+[type="button"],.button-group [type="button"]+[type="submit"],.button-group [type="button"]+[type="reset"],.button-group [type="button"]+.button,.button-group [type="button"]+[role="button"],.button-group [type="submit"]+button,.button-group [type="submit"]+[type="button"],.button-group [type="submit"]+[type="submit"],.button-group [type="submit"]+[type="reset"],.button-group [type="submit"]+.button,.button-group [type="submit"]+[role="button"],.button-group [type="reset"]+button,.button-group [type="reset"]+[type="button"],.button-group [type="reset"]+[type="submit"],.button-group [type="reset"]+[type="reset"],.button-group [type="reset"]+.button,.button-group [type="reset"]+[role="button"],.button-group .button+button,.button-group .button+[type="button"],.button-group .button+[type="submit"],.button-group .button+[type="reset"],.button-group .button+.button,.button-group .button+[role="button"],.button-group [role="button"]+button,.button-group [role="button"]+[type="button"],.button-group [role="button"]+[type="submit"],.button-group [role="button"]+[type="reset"],.button-group [role="button"]+.button,.button-group [role="button"]+[role="button"]{border:0;border-top:1px solid #9e9e9e}}[type="checkbox"],[type="radio"]{height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.input-group [type="checkbox"]+label,.input-group [type="radio"]+label{position:relative;margin-left:20px}.input-group [type="checkbox"]+label:before,.input-group [type="radio"]+label:before{display:inline-block;position:absolute;bottom:6px;left:0;width:16px;height:16px;content:'';border:1px solid #bdbdbd;border-radius:1px;background:#fafafa;color:#212121;margin-left:-20px}.input-group [type="checkbox"]+label:hover:before,.input-group [type="checkbox"]+label:active:before,.input-group [type="checkbox"]+label:focus:before,.input-group [type="radio"]+label:hover:before,.input-group [type="radio"]+label:active:before,.input-group [type="radio"]+label:focus:before{border-color:#0288d1}.input-group [type="checkbox"]:focus+label:before,.input-group [type="radio"]:focus+label:before{border-color:#0288d1}.input-group [type="radio"]+label:before,.input-group [type="radio"]+label:after{border-radius:50%}.input-group [type="checkbox"][disabled]+label,.input-group [type="radio"][disabled]+label{cursor:not-allowed}.input-group [type="checkbox"][disabled]+label:before,.input-group [type="checkbox"][disabled]+label:after,.input-group [type="radio"][disabled]+label:before,.input-group [type="radio"][disabled]+label:after{opacity:.75}.input-group [type="checkbox"]:checked+label:after,.input-group [type="radio"]:checked+label:after{margin-left:-20px;position:absolute;bottom:10px;left:4px;width:10px;height:10px;background:#212121;content:''}button.primary,[type="button"].primary,[type="submit"].primary,[type="reset"].primary,.button.primary,[role="button"].primary{background:rgba(2,119,189,0.9);color:#fafafa}button.primary:hover,button.primary:active,button.primary:focus,[type="button"].primary:hover,[type="button"].primary:active,[type="button"].primary:focus,[type="submit"].primary:hover,[type="submit"].primary:active,[type="submit"].primary:focus,[type="reset"].primary:hover,[type="reset"].primary:active,[type="reset"].primary:focus,.button.primary:hover,.button.primary:active,.button.primary:focus,[role="button"].primary:hover,[role="button"].primary:active,[role="button"].primary:focus{background:#0277bd}button.secondary,[type="button"].secondary,[type="submit"].secondary,[type="reset"].secondary,.button.secondary,[role="button"].secondary{background:rgba(198,40,40,0.85);color:#fafafa}button.secondary:hover,button.secondary:active,button.secondary:focus,[type="button"].secondary:hover,[type="button"].secondary:active,[type="button"].secondary:focus,[type="submit"].secondary:hover,[type="submit"].secondary:active,[type="submit"].secondary:focus,[type="reset"].secondary:hover,[type="reset"].secondary:active,[type="reset"].secondary:focus,.button.secondary:hover,.button.secondary:active,.button.secondary:focus,[role="button"].secondary:hover,[role="button"].secondary:active,[role="button"].secondary:focus{background:#c62828}button.tertiary,[type="button"].tertiary,[type="submit"].tertiary,[type="reset"].tertiary,.button.tertiary,[role="button"].tertiary{background:rgba(104,159,56,0.85);color:#fafafa}button.tertiary:hover,button.tertiary:active,button.tertiary:focus,[type="button"].tertiary:hover,[type="button"].tertiary:active,[type="button"].tertiary:focus,[type="submit"].tertiary:hover,[type="submit"].tertiary:active,[type="submit"].tertiary:focus,[type="reset"].tertiary:hover,[type="reset"].tertiary:active,[type="reset"].tertiary:focus,.button.tertiary:hover,.button.tertiary:active,.button.tertiary:focus,[role="button"].tertiary:hover,[role="button"].tertiary:active,[role="button"].tertiary:focus{background:#689f38}button.inverse,[type="button"].inverse,[type="submit"].inverse,[type="reset"].inverse,.button.inverse,[role="button"].inverse{background:#212121;color:#fafafa}button.inverse:hover,button.inverse:active,button.inverse:focus,[type="button"].inverse:hover,[type="button"].inverse:active,[type="button"].inverse:focus,[type="submit"].inverse:hover,[type="submit"].inverse:active,[type="submit"].inverse:focus,[type="reset"].inverse:hover,[type="reset"].inverse:active,[type="reset"].inverse:focus,.button.inverse:hover,.button.inverse:active,.button.inverse:focus,[role="button"].inverse:hover,[role="button"].inverse:active,[role="button"].inverse:focus{background:rgba(33,33,33,0.9)}button.small,[type="button"].small,[type="submit"].small,[type="reset"].small,.button.small,[role="button"].small{border-radius:1px;padding:4px 6px;margin:6px 8px}button.large,[type="button"].large,[type="submit"].large,[type="reset"].large,.button.large,[role="button"].large{border-radius:4px;padding:12px 18px;margin:10px 8px}table{border-collapse:separate;border-spacing:0;border:1px solid #bdbdbd;margin:0 auto;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15)}table caption{font-size:1.5em;margin:6px 8px 12px}table tr{padding:8px}table th,table td{padding:10px;border-left:1px solid #bdbdbd;border-top:1px solid #bdbdbd}table td{background:#fafafa}table thead th{border-top:0}table th{background:#e0e0e0}table th:first-child,table td:first-child{border-left:0}@media screen and (max-width: 767px){table:not(.preset){border-collapse:collapse;border:0;width:100%;box-shadow:none}table:not(.preset) thead,table:not(.preset) th{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}table:not(.preset) tr{display:block;border:1px solid #bdbdbd;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15);background:#fafafa;margin-bottom:10px}table:not(.preset) td{display:block;border:0;border-bottom:1px solid #bdbdbd;text-align:right}table:not(.preset) td:before{content:attr(data-label);float:left;font-weight:700}table:not(.preset) td:last-child{border-bottom:0}}@media screen and (min-width: 768px){table.horizontal{display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap;padding:8px}table.horizontal caption{-webkit-box-flex:1;max-width:100%;-webkit-flex:0 0 100%;flex:0 0 100%}table.horizontal thead,table.horizontal tbody{display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap}table.horizontal thead{z-index:999}table.horizontal tbody{overflow:auto;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex:1 0 0;flex:1 0 0}table.horizontal tr{display:-webkit-box;-webkit-box-flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 0 auto;flex:1 0 auto}table.horizontal th,table.horizontal td{width:100%;border:1px solid #bdbdbd}table.horizontal th+th,table.horizontal th+td,table.horizontal td+th,table.horizontal td+td{border-top:0}table.horizontal th{text-align:right}table.horizontal thead tr:first-child{padding-left:0}table.horizontal tbody tr:first-child>td{padding-left:20px}}@media screen and (max-width: 767px){table.horizontal.preset{display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap}table.horizontal.preset caption{-webkit-box-flex:1;max-width:100%;-webkit-flex:0 0 100%;flex:0 0 100%}table.horizontal.preset thead,table.horizontal.preset tbody{display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap}table.horizontal.preset thead{z-index:999}table.horizontal.preset tbody{overflow:auto;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex:1 0 0;flex:1 0 0}table.horizontal.preset tr{display:-webkit-box;-webkit-box-flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 0 auto;flex:1 0 auto}table.horizontal.preset th,table.horizontal.preset td{width:100%;border:1px solid #bdbdbd}table.horizontal.preset th+th,table.horizontal.preset th+td,table.horizontal.preset td+th,table.horizontal.preset td+td{border-top:0}table.horizontal.preset th{text-align:right}table.horizontal.preset tbody tr:first-child>td{padding-left:20px}}table.striped tr:nth-of-type(2n)>td{background:#eee}@media screen and (max-width: 767px){table.striped:not(.preset) tr:nth-of-type(2n){background:#eee}}.card{display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:justify;-webkit-box-align:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-self:center;align-self:center;position:relative;width:100%;background:#fafafa;border:1px solid #9e9e9e;margin:2px 10px 20px;box-shadow:0 2px 4px rgba(0,0,0,0.18),0 2px 3px rgba(0,0,0,0.26)}.card>.section{box-sizing:border-box;margin:0;border-bottom:1px solid #bdbdbd;padding:6px 8px 6px;width:100%}.card>.section.media{height:200px;padding:0;-o-object-fit:cover;object-fit:cover}.card>button.section,.card .button.section,.card [role="button"].section,.card input.section{border-radius:0}.card>.section:last-child{border-bottom:0}@media screen and (min-width: 320px){.card{max-width:320px}}@media screen and (min-width: 480px){.card.large{max-width:480px}}@media screen and (min-width: 240px){.card.small{max-width:240px}}.card.fluid{max-width:100%;width:auto}.card.inverse{background:#212121;color:#fafafa;border:1px solid #424242}.card.inverse>.section{border-bottom:1px solid #616161}.card.inverse>.section:last-child{border-bottom:0}.card>.section.dark{background:#e0e0e0}.card>.section.darker{background:#bdbdbd}.card>.section.double-padded{padding:10px 12px 10px}.tabs{width:100%;opacity:1;display:-webkit-box;-webkit-box-pack:justify;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;box-shadow:0 2px 4px rgba(0,0,0,0.18),0 2px 3px rgba(0,0,0,0.26)}.tabs>label{-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-order:1;order:1;display:inline-block;height:26px;cursor:pointer;-webkit-transition:background 0.3s ease 0s;transition:background 0.3s ease 0s;background:#e0e0e0;border:1px solid #9e9e9e;padding:8px 12px}.tabs>label:hover,.tabs>label:active,.tabs>label:focus{background:rgba(224,224,224,0.8)}.tabs>[type="radio"],.tabs.stacked>[type="checkbox"]{display:none;visibility:hidden}.tabs>[type="radio"]+label+div,.tabs.stacked>[type="checkbox"]+label+div{-webkit-flex-basis:auto;flex-basis:auto;-webkit-order:2;order:2;height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;transform-origin:top;-webkit-transition:-webkit-transform 0.3s ease 0s, transform 0.3s ease 0s;transition:-webkit-transform 0.3s ease 0s, transform 0.3s ease 0s}.tabs>[type="radio"]+label+div+[type="radio"]+label,.tabs.stacked>[type="checkbox"]+label+div+[type="radio"]+label{border-left:0}.tabs.stacked>[type="checkbox"]+label+div+[type="checkbox"]+label{border-left:0}.tabs>[type="radio"]:checked+label,.tabs.stacked>[type="checkbox"]:checked+label{background:#eee}.tabs>[type="radio"]:checked+label:hover,.tabs>[type="radio"]:checked+label:active,.tabs>[type="radio"]:checked+label:focus,.tabs.stacked>[type="checkbox"]:checked+label:hover,.tabs.stacked>[type="checkbox"]:checked+label:active,.tabs.stacked>[type="checkbox"]:checked+label:focus{background:rgba(238,238,238,0.8)}.tabs>[type="radio"]:checked+label+div,.tabs.stacked>[type="checkbox"]:checked+label+div{box-sizing:border-box;position:relative;height:400px;width:100%;overflow:auto;margin:0;-webkit-transform:scaleY(1);transform:scaleY(1);background:#fafafa;border:1px solid #9e9e9e;border-top:0;padding:8px;clip:auto;-webkit-clip-path:inset(0%);clip-path:inset(0%)}.tabs.stacked{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.tabs.stacked>label{-webkit-order:initial;order:initial}.tabs.stacked>[type="radio"]+label+div,.tabs.stacked>[type="checkbox"]+label+div{-webkit-order:initial;order:initial;-webkit-transform-origin:top;transform-origin:top}.tabs.stacked>[type="radio"]+label+div+[type="radio"]+label,.tabs.stacked>[type="radio"]+label+div+[type="checkbox"]+label,.tabs.stacked>[type="checkbox"]+label+div+[type="radio"]+label,.tabs.stacked>[type="checkbox"]+label+div+[type="checkbox"]+label{border:1px solid #9e9e9e;border-top:0}.tabs.stacked>[type="radio"]:checked+label+div,.tabs.stacked>[type="checkbox"]:checked+label+div{height:auto}@media screen and (max-width: 767px){.tabs{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.tabs>label{-webkit-order:initial;order:initial}.tabs>[type="radio"]+label+div{-webkit-order:initial;order:initial}.tabs>[type="radio"]+label+div+[type="radio"]+label{border:1px solid #9e9e9e;border-top:0}}mark{background:#0277bd;color:#fafafa;font-size:95%;line-height:1;border-radius:2px;padding:2px 4px;box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15)}mark.inline-block{display:inline-block}@-webkit-keyframes alert-anim{0%{-webkit-transform:scale(1)}45%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.005)}55%{-webkit-transform:scale(1)}100%{-webkit-transform:scale(1)}}@keyframes alert-anim{0%{transform:scale(1)}45%{transform:scale(1)}50%{transform:scale(1.005)}55%{transform:scale(1)}100%{transform:scale(1)}}.alert{display:block;background:#eee;border:1px solid #bdbdbd;margin:1px 10px;padding:12px 16px;box-shadow:0 1px 3px rgba(0,0,0,0.18),0 1px 2px rgba(0,0,0,0.26)}.alert.animated{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:alert-anim 6s linear infinite;animation:alert-anim 6s linear infinite}.tooltip{position:relative;display:inline-block}.tooltip:before,.tooltip:after{position:absolute;opacity:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;z-index:1010}.tooltip:before,.tooltip:after{left:50%}.tooltip:not(.bottom):before,.tooltip:not(.bottom):after{bottom:100%}.tooltip.bottom:before,.tooltip.bottom:after{top:100%}.tooltip:hover:before,.tooltip:hover:after,.tooltip:active:before,.tooltip:active:after,.tooltip:focus:before,.tooltip:focus:after{opacity:1;clip:auto;-webkit-clip-path:inset(0%);clip-path:inset(0%)}.tooltip:before{content:'';background:transparent;border:6px solid transparent}.tooltip:not(.bottom):before{border-top-color:#212121}.tooltip.bottom:before{border-bottom-color:#212121}.tooltip:after{content:attr(aria-label);background:#212121;border-radius:2px;color:#fafafa;padding:6px;box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15);white-space:nowrap;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip:not(.bottom):after{margin-bottom:12px}.tooltip.bottom:after{margin-top:12px}@supports (left: calc(50% - 6px)) or (left: -webkit-calc(50% - 6px)){.tooltip:before{left:-webkit-calc(50% - 6px);left:calc(50% - 6px)}}mark.secondary{background:#e53935}mark.tertiary{background:#689f38}mark.tag{border-radius:200px;padding:4px 8px}mark.inline-block{font-size:100%;line-height:1.35;padding:5px}.alert.urgent{background:#ffca28}.alert.critical{background:#b71c1c;color:#fafafa}.alert.urgent{border:1px solid #ff8f00}.alert.critical{border:1px solid #d50000}progress{display:block;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:14px;width:100%;border:0;border-radius:1px;margin:2px auto;box-shadow:0 0.5px 1px rgba(0,0,0,0.1),0 0.5px 0.5px rgba(0,0,0,0.15);background:#eee;color:#01579b}progress::-webkit-progress-value{background:#01579b;border-top-left-radius:1px;border-bottom-left-radius:1px}progress::-webkit-progress-bar{background:#eee}progress::-moz-progress-bar{background:#01579b;border-top-left-radius:1px;border-bottom-left-radius:1px}progress[value="1000"]::-webkit-progress-value{border-radius:1px}progress[value="1000"]::-moz-progress-bar{border-radius:1px}@supports (width: calc(100% - 2*8px)) or (width: -webkit-calc(100% - 2*8px)){progress{width:-webkit-calc(100% - 2*8px);width:calc(100% - 2*8px);margin:2px 8px}}@-webkit-keyframes spinner-donut-anim{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spinner-donut-anim{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.spinner-donut{display:inline-block;border:4px solid #e3f2fd;border-left:4px solid #1565c0;border-radius:50%;width:20px;height:20px;-webkit-animation:spinner-donut-anim 1.2s linear infinite;animation:spinner-donut-anim 1.2s linear infinite}progress.inline{display:inline-block;vertical-align:middle;width:60%}progress.secondary{color:#e53935}progress.secondary::-webkit-progress-value{background:#e53935}progress.secondary::-moz-progress-bar{background:#e53935}progress.tertiary{color:#689f38}progress.tertiary::-webkit-progress-value{background:#689f38}progress.tertiary::-moz-progress-bar{background:#689f38}progress.nano{height:2px;width:100%;margin:0 auto;border-radius:0}progress.nano::-webkit-progress-value{border-top-left-radius:0;border-bottom-left-radius:0}progress.nano::-moz-progress-bar{border-top-left-radius:0;border-bottom-left-radius:0}progress.nano[value="1000"]::-webkit-progress-value{border-radius:0}progress.nano[value="1000"]::-moz-progress-bar{border-radius:0}.spinner-donut.secondary{border:4px solid #ffebee;border-left:4px solid #c62828}.spinner-donut.tertiary{border:4px solid #e8f5e9;border-left:4px solid #2e7d32}.spinner-donut.large{border-width:6px;width:32px;height:32px}.hidden{display:none !important}.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}ul.breadcrumbs{display:-webkit-box;display:-webkit-flex;display:flex;list-style:none;margin:10px 8px;padding:0;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15)}ul.breadcrumbs li{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;position:relative;text-align:center;background:#e0e0e0;height:32px;line-height:32px;margin-right:18px}ul.breadcrumbs li:before,ul.breadcrumbs li:after{content:"";position:absolute;top:0;width:0;height:0;border:0 solid #e0e0e0;border-width:16px 8px}ul.breadcrumbs li:before{left:-16px;border-left-color:transparent}ul.breadcrumbs li:after{left:100%;border-color:transparent;border-left-color:#e0e0e0}ul.breadcrumbs li:first-child:before{border:0}ul.breadcrumbs li:last-child{margin-right:0}ul.breadcrumbs li:last-child:after{border:0}.close{display:inline-block;width:0.75em;height:0.75em;position:relative;border-radius:1em;font-size:32px;text-overflow:clip;background:rgba(224,224,224,0);vertical-align:top;cursor:pointer;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.close:hover,.close:active,.close:focus{background:#e0e0e0}.close:before,.close:after{display:inline-block;width:0.45em;height:0.1em;position:absolute;content:"";top:0.33em;left:0.155em;text-overflow:clip;background:#212121}.close:before{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.close:after{-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}.bordered{border:1px solid rgba(0,0,0,0.25) !important}.rounded{border-radius:2px !important}.circular{border-radius:50% !important}.responsive-margin{margin:4px !important}@media screen and (min-width: 768px){.responsive-margin{margin:6px !important}}@media screen and (min-width: 1280px){.responsive-margin{margin:8px !important}}.responsive-padding{padding:2px 4px !important}@media screen and (min-width: 768px){.responsive-padding{padding:4px 6px !important}}@media screen and (min-width: 1280px){.responsive-padding{padding:6px 8px !important}}.shadow-none{box-shadow:none !important}.shadow-small{box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15) !important}.shadow-medium{box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15) !important}.shadow-large{box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15) !important}@media screen and (max-width: 767px){.hidden-sm{display:none}}@media screen and (min-width: 768px) and (max-width: 1279px){.hidden-md{display:none}}@media screen and (min-width: 1280px){.hidden-lg{display:none}}@media screen and (max-width: 767px){.visually-hidden-sm{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}}@media screen and (min-width: 768px) and (max-width: 1279px){.visually-hidden-md{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}}@media screen and (min-width: 1280px){.visually-hidden-lg{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}} diff --git a/docs/modules.html b/docs/modules.html index ad640b6..9a609a5 100644 --- a/docs/modules.html +++ b/docs/modules.html @@ -1,7 +1,7 @@ - + mini.css - Modules @@ -20,13 +20,20 @@ -
    +
    Introduction Modules Flavors Customization Quick Reference  Github
    +
    + Core Grid + Navigation Input Control + Table Card + Tab Contextual + Progress Utility +
    diff --git a/docs/navigation.html b/docs/navigation.html index 731e62b..9c2ce0f 100644 --- a/docs/navigation.html +++ b/docs/navigation.html @@ -1,7 +1,7 @@ - + mini.css - Navigation diff --git a/docs/progress.html b/docs/progress.html index 1da2715..442201d 100644 --- a/docs/progress.html +++ b/docs/progress.html @@ -1,7 +1,7 @@ - + mini.css - Progress diff --git a/docs/quick_reference.html b/docs/quick_reference.html index 84f0e90..eec72c0 100644 --- a/docs/quick_reference.html +++ b/docs/quick_reference.html @@ -1,7 +1,7 @@ - + mini.css - Quick Reference @@ -45,13 +45,15 @@

    Setup & usage

    -

    You can import the default flavor of mini.css in your webpage by simply adding the following reference inside your HTML page's <head> tag:

    - 
    <link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/v2.1.0/dist/mini-default.min.css">

    -

    If you want to download the package using your favorite package manager, you can use either Bower or NPM:

    +

    You can download mini.css using either NPM or Bower:

    + 
    npm install mini.css
    bower install mini.css
    - 
    npm install mini.css

    +

    You can import the default flavor of mini.css in your webpage by simply adding 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.0/dist/mini-default.min.css">

    +

    You can also find mini.css on cdnjs, which you can use to include it in your projects.


    We strongly suggest you add the following line inside your HTML page's <head> to utilize the viewport meta tag:

    <meta name="viewport" content="width=device-width, initial-scale=1">
    diff --git a/docs/tab.html b/docs/tab.html index ecd6aea..9269581 100644 --- a/docs/tab.html +++ b/docs/tab.html @@ -1,7 +1,7 @@ - + mini.css - Tab diff --git a/docs/table.html b/docs/table.html index 2214e37..5dc2e3b 100644 --- a/docs/table.html +++ b/docs/table.html @@ -1,7 +1,7 @@ - + mini.css - Table diff --git a/docs/utility.html b/docs/utility.html index 871dafc..0faeb79 100644 --- a/docs/utility.html +++ b/docs/utility.html @@ -1,7 +1,7 @@ - + mini.css - Utility diff --git a/docs/v2/DEVLOG.md b/docs/v2/DEVLOG.md index b6bf4b3..954c352 100644 --- a/docs/v2/DEVLOG.md +++ b/docs/v2/DEVLOG.md @@ -988,3 +988,6 @@ - Documented `figcaption` element under image responsiveness in `core` module's docs. - Added codepens and documentation in `quick_reference` for all that was missing. - Flavor documentation and a couple of minor fixes in `lite`. +- Updated documentation with new cdn options. +- Updated all doc pages to use a `mini-default.min.css` copy placed inside the `docs` folder. +- Added secondary `header` in `modules` page, based on my use-case (I spent a lot of time scrolling while browsing the pages).