diff --git a/CHANGELOG.md b/CHANGELOG.md index 1783095..2b53734 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,10 @@ # Changelog +## v2.0.1 + +- Updated module structure. `_core.scss` no longer contains all `@import` statements, but they are now included in the flavor files. +- Updated documentation for customization to reflect said changes. + ## v2.0.0 - New version, rebuilt from scratch. diff --git a/README.md b/README.md index 1e99eb0..81fb0e6 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -# mini.css v2.0.0 +# mini.css v2.0.1 ## A minimal, responsive, style-agnostic CSS toolkit ![Logo](/docs/page_thumb.PNG) @@ -28,7 +28,28 @@ If you want to develop your own flavor or tweak an existing one, head over to th ## Contributing -If you develop a flavor or module, please submit a pull request. +### Flavors + +To develop your own flavor: + +- Fork into your own repository. +- Add a flavor file in the `src/flavors` folder by duplicating an existing file and renaming it to whatever you want to name it. **Make sure there are no naming conflicts between your flavor and any of the existing flavors**. +- Edit the flavor file as you desire. +- Submit a pull request. Please provide a brief description of your flavor and, if possible, a Codepen or some screenshots showcasing some of the styles in it. + +To develop a module: + +- Module contribution guidelines are very strict at the moment. New module will only be created upon request and **should always be in a new repository**, unless they are part of a Roadmap of a later version. Please submit an issue before developing a module or asking for new modules, as the discussion of said implementations is key to deciding the direction **mini.css** will follow in the future. + +To develop some other part of **mini.css**: + +- Create an issue for anything else. +- If you make any changes, submit a pull request with as much information as possible about what you changed. + +## Contributors + +- Angelos Chalaris (@chalarangelo) +- Rory Primrose (@roryprimrose) ## License diff --git a/dist/mini-default.css b/dist/mini-default.css index 093ad93..4a22210 100644 --- a/dist/mini-default.css +++ b/dist/mini-default.css @@ -2,7 +2,7 @@ /* Flavor name: Default (mini-default) Author: Angelos Chalaris (chalarangelo@gmail.com) - mini.css version: v2.0.0 (Fermion) + mini.css version: v2.0.1 (Fermion) */ /* Browsers resets and base typography. @@ -817,6 +817,61 @@ input[type="file"] { background: #212121; content: ''; } +/* + Custom elements for forms and input elements. +*/ +button.primary, [type="button"].primary, [type="submit"].primary, +[type="reset"].primary, .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 { + background: #0277bd; } + +button.secondary, [type="button"].secondary, [type="submit"].secondary, +[type="reset"].secondary, .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 { + background: #c62828; } + +button.tertiary, [type="button"].tertiary, [type="submit"].tertiary, +[type="reset"].tertiary, .button.tertiary { + background: rgba(85, 139, 47, 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 { + background: #558b2f; } + +button.inverse, [type="button"].inverse, [type="submit"].inverse, +[type="reset"].inverse, .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 { + background: rgba(33, 33, 33, 0.9); } + +button.small, [type="button"].small, [type="submit"].small, +[type="reset"].small, .button.small { + border-radius: 1px; + padding: 4px 6px; + margin: 6px 8px; } + +button.large, [type="button"].large, [type="submit"].large, +[type="reset"].large, .button.large { + border-radius: 4px; + padding: 12px 18px; + margin: 10px 8px; } + /* Definitions for the responsive table component. */ @@ -1038,6 +1093,37 @@ table.striped tr:nth-of-type(2n) > td { @media (min-width: 320px) { .card { max-width: 320px; } } +/* + Custom elements for cards and containers. +*/ +@media (min-width: 480px) { + .card.large { + max-width: 480px; } } +@media (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; } + /* Definitions for tabs/horizontal accordions. */ @@ -1199,6 +1285,37 @@ mark { -webkit-animation: alert-anim 6s linear infinite; animation: alert-anim 6s linear infinite; } +/* + Custom contextual background elements and alerts. +*/ +mark.secondary { + background: #f44336; } + +mark.tertiary { + background: #558b2f; } + +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; } + /* Definitions for progress elements and spinners. */ @@ -1256,6 +1373,62 @@ progress { -webkit-animation: spinner-donut-anim 1.2s linear infinite; animation: spinner-donut-anim 1.2s linear infinite; } +/* + Custom elements for progress elements and spinners. +*/ +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; } + +@supports (width: calc(100% - 2*0)) or (width: -webkit-calc(100% - 2*0)) { + progress.nano { + width: -webkit-calc(100% - 2*0); + width: calc(100% - 2*0); + margin: 0 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; } + /* Definitions for utilities and helper classes. */ @@ -1359,179 +1532,6 @@ ul.breadcrumbs { margin-left: auto !important; margin-right: auto !important; } -/* - Custom elements for forms and input elements. -*/ -button.primary, [type="button"].primary, [type="submit"].primary, -[type="reset"].primary, .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 { - background: #0277bd; } - -button.secondary, [type="button"].secondary, [type="submit"].secondary, -[type="reset"].secondary, .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 { - background: #c62828; } - -button.tertiary, [type="button"].tertiary, [type="submit"].tertiary, -[type="reset"].tertiary, .button.tertiary { - background: rgba(85, 139, 47, 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 { - background: #558b2f; } - -button.inverse, [type="button"].inverse, [type="submit"].inverse, -[type="reset"].inverse, .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 { - background: rgba(33, 33, 33, 0.9); } - -button.small, [type="button"].small, [type="submit"].small, -[type="reset"].small, .button.small { - border-radius: 1px; - padding: 4px 6px; - margin: 6px 8px; } - -button.large, [type="button"].large, [type="submit"].large, -[type="reset"].large, .button.large { - border-radius: 4px; - padding: 12px 18px; - margin: 10px 8px; } - -/* - Custom elements for cards and containers. -*/ -@media (min-width: 480px) { - .card.large { - max-width: 480px; } } -@media (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; } - -/* - Custom contextual background elements and alerts. -*/ -mark.secondary { - background: #f44336; } - -mark.tertiary { - background: #558b2f; } - -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; } - -/* - Custom elements for progress elements and spinners. -*/ -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; } - -@supports (width: calc(100% - 2*0)) or (width: -webkit-calc(100% - 2*0)) { - progress.nano { - width: -webkit-calc(100% - 2*0); - width: calc(100% - 2*0); - margin: 0 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; } - /* Custom elements for utilities and helper classes. */ diff --git a/dist/mini-default.min.css b/dist/mini-default.min.css index acf8f6d..686390a 100644 --- a/dist/mini-default.min.css +++ b/dist/mini-default.min.css @@ -1 +1 @@ -@charset "UTF-8";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,details,figcaption,figure,main,menu,section{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,.1),0 1px 2px rgba(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,.1),0 1px 1px rgba(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,.1),0 1px 2px rgba(0,0,0,.15)}kbd{border-radius:2px;background:#212121;color:#fafafa;padding:2px 4px;box-shadow:0 1px 2px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.15)}small,sub,sup{font-size:75%}sup{top:-8px}sub{bottom:-4px}sub,sup{line-height:0;position:relative;vertical-align:baseline}a{color:#0277bd;text-decoration:underline;opacity:1;-webkit-transition:all .3 ease 0s;transition:all .3s ease 0s}a:visited{color:#01579b}a:active,a:focus,a:hover{opacity:.75}.container{margin:0 auto;padding:0 10px}.row{box-sizing:border-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}.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{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-sm-1{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-sm-2{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-sm-3{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-sm-4{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-sm-5{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-sm-6{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-sm-7{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-sm-8{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-sm-9{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-sm-10{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-sm-11{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-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 (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{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-md-1{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-md-2{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-md-3{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-md-4{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-md-5{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-md-6{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-md-7{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-md-8{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-md-9{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-md-10{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-md-11{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-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 (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{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-lg-1{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-lg-2{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-lg-3{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-lg-4{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-lg-5{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-lg-6{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-lg-7{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-lg-8{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-lg-9{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-lg-10{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-lg-11{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-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,.18),0 2px 3px rgba(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}header .button,header [type=button],header a.button,header button,header label.button{background:#263238;color:#fafafa;vertical-align:top;margin:2px 0 0;box-shadow:none}header .button:active,header .button:focus,header .button:hover,header [type=button]:active,header [type=button]:focus,header [type=button]:hover,header a.button:active,header a.button:focus,header a.button:hover,header button:active,header button:focus,header button:hover,header label.button:active,header label.button:focus,header label.button:hover{background:#37474f}header .logo,header a.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,.1),0 2px 3px rgba(0,0,0,.15)}nav a,nav a:visited{display:block;color:#1565c0}nav .sublink-1{padding-left:12px}nav .sublink-2{padding-left:24px}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}form{background:#eee;border:1px solid #bdbdbd;margin:8px;padding:12px 10px 18px;box-shadow:0 2px 4px rgba(0,0,0,.1),0 2px 3px rgba(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}.input-group{display:inline-block}[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}[type=email],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=url],input:not([type]),select,textarea{box-sizing:border-box;background:#fafafa;color:#212121;border:1px solid #bdbdbd;border-radius:1px;margin:2px;padding:8px 12px}[type=email]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=url]:focus,input:not([type]):focus,select:focus,textarea:focus{border-color:#0288d1;box-shadow:none}[type=email][disabled],[type=number][disabled],[type=password][disabled],[type=search][disabled],[type=tel][disabled],[type=text][disabled],[type=url][disabled],input:not([type])[disabled],select[disabled],textarea[disabled]{cursor:not-allowed;opacity:.75}[type=email]:focus:invalid,[type=email]:focus:invalid:focus,[type=email]:invalid,[type=number]:focus:invalid,[type=number]:focus:invalid:focus,[type=number]:invalid,[type=password]:focus:invalid,[type=password]:focus:invalid:focus,[type=password]:invalid,[type=search]:focus:invalid,[type=search]:focus:invalid:focus,[type=search]:invalid,[type=tel]:focus:invalid,[type=tel]:focus:invalid:focus,[type=tel]:invalid,[type=text]:focus:invalid,[type=text]:focus:invalid:focus,[type=text]:invalid,[type=url]:focus:invalid,[type=url]:focus:invalid:focus,[type=url]:invalid,input:not([type]):focus:invalid,input:not([type]):focus:invalid:focus,input:not([type]):invalid,select:focus:invalid,select:focus:invalid:focus,select:invalid,textarea:focus:invalid,textarea:focus:invalid:focus,textarea:invalid{border-color:#d32f2f;box-shadow:none}[type=email][readonly],[type=number][readonly],[type=password][readonly],[type=search][readonly],[type=tel][readonly],[type=text][readonly],[type=url][readonly],input:not([type])[readonly],select[readonly],textarea[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}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button{overflow:visible;text-transform:none}.button,[type=button],[type=reset],[type=submit],a.button,button,label.button{display:inline-block;background:rgba(189,189,189,.65);color:#212121;border:0;border-radius:2px;padding:8px 12px;margin:8px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.15);text-decoration:none;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;cursor:pointer}.button:active,.button:focus,.button:hover,[type=button]:active,[type=button]:focus,[type=button]:hover,[type=reset]:active,[type=reset]:focus,[type=reset]:hover,[type=submit]:active,[type=submit]:focus,[type=submit]:hover,a.button:active,a.button:focus,a.button:hover,button:active,button:focus,button:hover,label.button:active,label.button:focus,label.button:hover{background:rgba(189,189,189,.8);opacity:1}.button:disabled,.button[disabled],[type=button]:disabled,[type=button][disabled],[type=reset]:disabled,[type=reset][disabled],[type=submit]:disabled,[type=submit][disabled],a.button:disabled,a.button[disabled],button:disabled,button[disabled],label.button:disabled,label.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,.1),0 2px 3px rgba(0,0,0,.15)}.button-group .button,.button-group [type=button],.button-group [type=reset],.button-group [type=submit],.button-group a.button,.button-group button,.button-group label.button{margin:0;-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;text-align:center;border:0;border-radius:0;box-shadow:none}.button-group .button+.button,.button-group .button+[type=button],.button-group .button+[type=reset],.button-group .button+[type=submit],.button-group .button+a.button,.button-group .button+button,.button-group .button+label.button,.button-group [type=button]+.button,.button-group [type=button]+[type=button],.button-group [type=button]+[type=reset],.button-group [type=button]+[type=submit],.button-group [type=button]+a.button,.button-group [type=button]+button,.button-group [type=button]+label.button,.button-group [type=reset]+.button,.button-group [type=reset]+[type=button],.button-group [type=reset]+[type=reset],.button-group [type=reset]+[type=submit],.button-group [type=reset]+a.button,.button-group [type=reset]+button,.button-group [type=reset]+label.button,.button-group [type=submit]+.button,.button-group [type=submit]+[type=button],.button-group [type=submit]+[type=reset],.button-group [type=submit]+[type=submit],.button-group [type=submit]+a.button,.button-group [type=submit]+button,.button-group [type=submit]+label.button,.button-group a.button+.button,.button-group a.button+[type=button],.button-group a.button+[type=reset],.button-group a.button+[type=submit],.button-group a.button+a.button,.button-group a.button+button,.button-group a.button+label.button,.button-group button+.button,.button-group button+[type=button],.button-group button+[type=reset],.button-group button+[type=submit],.button-group button+a.button,.button-group button+button,.button-group button+label.button,.button-group label.button+.button,.button-group label.button+[type=button],.button-group label.button+[type=reset],.button-group label.button+[type=submit],.button-group label.button+a.button,.button-group label.button+button,.button-group label.button+label.button{border-left:1px solid #9e9e9e}@media (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=reset],.button-group .button+[type=submit],.button-group .button+a.button,.button-group .button+button,.button-group .button+label.button,.button-group [type=button]+.button,.button-group [type=button]+[type=button],.button-group [type=button]+[type=reset],.button-group [type=button]+[type=submit],.button-group [type=button]+a.button,.button-group [type=button]+button,.button-group [type=button]+label.button,.button-group [type=reset]+.button,.button-group [type=reset]+[type=button],.button-group [type=reset]+[type=reset],.button-group [type=reset]+[type=submit],.button-group [type=reset]+a.button,.button-group [type=reset]+button,.button-group [type=reset]+label.button,.button-group [type=submit]+.button,.button-group [type=submit]+[type=button],.button-group [type=submit]+[type=reset],.button-group [type=submit]+[type=submit],.button-group [type=submit]+a.button,.button-group [type=submit]+button,.button-group [type=submit]+label.button,.button-group a.button+.button,.button-group a.button+[type=button],.button-group a.button+[type=reset],.button-group a.button+[type=submit],.button-group a.button+a.button,.button-group a.button+button,.button-group a.button+label.button,.button-group button+.button,.button-group button+[type=button],.button-group button+[type=reset],.button-group button+[type=submit],.button-group button+a.button,.button-group button+button,.button-group button+label.button,.button-group label.button+.button,.button-group label.button+[type=button],.button-group label.button+[type=reset],.button-group label.button+[type=submit],.button-group label.button+a.button,.button-group label.button+button,.button-group label.button+label.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:3px;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:active:before,.input-group [type=checkbox]+label:focus:before,.input-group [type=checkbox]+label:hover:before,.input-group [type=checkbox]:focus+label:before,.input-group [type=radio]+label:active:before,.input-group [type=radio]+label:focus:before,.input-group [type=radio]+label:hover:before,.input-group [type=radio]:focus+label:before{border-color:#0288d1}.input-group [type=radio]+label:after,.input-group [type=radio]+label:before{border-radius:50%}.input-group [type=checkbox][disabled]+label,.input-group [type=radio][disabled]+label{cursor:not-allowed}.input-group [type=checkbox][disabled]+label:after,.input-group [type=checkbox][disabled]+label:before,.input-group [type=radio][disabled]+label:after,.input-group [type=radio][disabled]+label:before{opacity:.75}.input-group [type=checkbox]:checked+label:after,.input-group [type=radio]:checked+label:after{margin-left:-20px;position:absolute;bottom:7px;left:4px;width:10px;height:10px;background:#212121;content:''}table{border-collapse:separate;border-spacing:0;border:1px solid #bdbdbd;margin:0 auto;box-shadow:0 2px 4px rgba(0,0,0,.1),0 2px 3px rgba(0,0,0,.15)}table caption{font-size:1.5em;margin:6px 8px 12px}table tr{padding:8px}table td,table th{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 td:first-child,table th:first-child{border-left:0}@media (max-width:767px){table:not(.preset){border-collapse:collapse;border:0;width:100%;box-shadow:none}table:not(.preset) th,table:not(.preset) thead{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,.1),0 2px 3px rgba(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 (min-width:768px){table.horizontal{-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 tbody,table.horizontal thead{-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{-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 td,table.horizontal th{width:100%;border:1px solid #bdbdbd}table.horizontal td+td,table.horizontal td+th,table.horizontal th+td,table.horizontal th+th{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 (max-width:767px){table.horizontal.preset{-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 tbody,table.horizontal.preset thead{-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{-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 td,table.horizontal.preset th{width:100%;border:1px solid #bdbdbd}table.horizontal.preset td+td,table.horizontal.preset td+th,table.horizontal.preset th+td,table.horizontal.preset th+th{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 (max-width:767px){table.striped:not(.preset) tr:nth-of-type(2n){background:#eee}}.card{-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,.18),0 2px 3px rgba(0,0,0,.26)}.card>.section{box-sizing:border-box;margin:0;border-bottom:1px solid #bdbdbd;padding:6px 8px;width:100%}.card>.section.media{height:200px;padding:0;-o-object-fit:cover;object-fit:cover}.card .button.section,.card input.section,.card>button.section{border-radius:0}.card>.section:last-child{border-bottom:0}@media (min-width:320px){.card{max-width:320px}}.tabs{width:100%;opacity:1;-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,.18),0 2px 3px rgba(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 .3s ease 0s;transition:background .3s ease 0s;background:#e0e0e0;border:1px solid #9e9e9e;padding:8px 12px}.tabs>label:active,.tabs>label:focus,.tabs>label:hover{background:rgba(224,224,224,.8)}.tabs.stacked>[type=checkbox],.tabs>[type=radio]{display:none;visibility:hidden}.tabs.stacked>[type=checkbox]+label+div,.tabs>[type=radio]+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 .3s ease 0s,transform .3s ease 0s;transition:-webkit-transform .3s ease 0s,transform .3s ease 0s}.tabs.stacked>[type=checkbox]+label+div+[type=checkbox]+label,.tabs.stacked>[type=checkbox]+label+div+[type=radio]+label,.tabs>[type=radio]+label+div+[type=radio]+label{border-left:0}.tabs.stacked>[type=checkbox]:checked+label,.tabs>[type=radio]:checked+label{background:#eee}.tabs.stacked>[type=checkbox]:checked+label:active,.tabs.stacked>[type=checkbox]:checked+label:focus,.tabs.stacked>[type=checkbox]:checked+label:hover,.tabs>[type=radio]:checked+label:active,.tabs>[type=radio]:checked+label:focus,.tabs>[type=radio]:checked+label:hover{background:rgba(238,238,238,.8)}.tabs.stacked>[type=checkbox]:checked+label+div,.tabs>[type=radio]: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=checkbox]+label+div,.tabs.stacked>[type=radio]+label+div{-webkit-order:initial;order:initial;-webkit-transform-origin:top;transform-origin:top}.tabs.stacked>[type=checkbox]+label+div+[type=checkbox]+label,.tabs.stacked>[type=checkbox]+label+div+[type=radio]+label,.tabs.stacked>[type=radio]+label+div+[type=checkbox]+label,.tabs.stacked>[type=radio]+label+div+[type=radio]+label{border:1px solid #9e9e9e;border-top:0}.tabs.stacked>[type=checkbox]:checked+label+div,.tabs.stacked>[type=radio]:checked+label+div{height:auto}@media (max-width:767px){.tabs{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.tabs>[type=radio]+label+div,.tabs>label{-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,.1),0 1px 1px rgba(0,0,0,.15)}mark.inline-block{display:inline-block}@-webkit-keyframes alert-anim{0%,45%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.005)}100%,55%{-webkit-transform:scale(1)}}@keyframes alert-anim{0%,45%{transform:scale(1)}50%{transform:scale(1.005)}100%,55%{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,.18),0 1px 2px rgba(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}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 .5px 1px rgba(0,0,0,.1),0 .5px .5px rgba(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}.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-path:inset(100%);clip:rect(0 0 0 0);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,.1),0 1px 2px rgba(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:after,ul.breadcrumbs li:before{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:.75em;height:.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 .3s ease 0s;transition:all .3s ease 0s}.close:active,.close:focus,.close:hover{background:#e0e0e0}.close:after,.close:before{display:inline-block;width:.45em;height:.1em;position:absolute;content:"";top:.33em;left:.155em;text-overflow:clip;background:#212121}.close:before{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.close:after{-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}.clearfix:after,.clearfix:before{content:' '!important;display:table!important;clear:both!important}.center-block{display:block!important;margin-left:auto!important;margin-right:auto!important}.button.primary,[type=button].primary,[type=reset].primary,[type=submit].primary,button.primary{background:rgba(2,119,189,.9);color:#fafafa}.button.primary:active,.button.primary:focus,.button.primary:hover,[type=button].primary:active,[type=button].primary:focus,[type=button].primary:hover,[type=reset].primary:active,[type=reset].primary:focus,[type=reset].primary:hover,[type=submit].primary:active,[type=submit].primary:focus,[type=submit].primary:hover,button.primary:active,button.primary:focus,button.primary:hover{background:#0277bd}.button.secondary,[type=button].secondary,[type=reset].secondary,[type=submit].secondary,button.secondary{background:rgba(198,40,40,.85);color:#fafafa}.button.secondary:active,.button.secondary:focus,.button.secondary:hover,[type=button].secondary:active,[type=button].secondary:focus,[type=button].secondary:hover,[type=reset].secondary:active,[type=reset].secondary:focus,[type=reset].secondary:hover,[type=submit].secondary:active,[type=submit].secondary:focus,[type=submit].secondary:hover,button.secondary:active,button.secondary:focus,button.secondary:hover{background:#c62828}.button.tertiary,[type=button].tertiary,[type=reset].tertiary,[type=submit].tertiary,button.tertiary{background:rgba(85,139,47,.85);color:#fafafa}.button.tertiary:active,.button.tertiary:focus,.button.tertiary:hover,[type=button].tertiary:active,[type=button].tertiary:focus,[type=button].tertiary:hover,[type=reset].tertiary:active,[type=reset].tertiary:focus,[type=reset].tertiary:hover,[type=submit].tertiary:active,[type=submit].tertiary:focus,[type=submit].tertiary:hover,button.tertiary:active,button.tertiary:focus,button.tertiary:hover{background:#558b2f}.button.inverse,[type=button].inverse,[type=reset].inverse,[type=submit].inverse,button.inverse{background:#212121;color:#fafafa}.button.inverse:active,.button.inverse:focus,.button.inverse:hover,[type=button].inverse:active,[type=button].inverse:focus,[type=button].inverse:hover,[type=reset].inverse:active,[type=reset].inverse:focus,[type=reset].inverse:hover,[type=submit].inverse:active,[type=submit].inverse:focus,[type=submit].inverse:hover,button.inverse:active,button.inverse:focus,button.inverse:hover{background:rgba(33,33,33,.9)}.button.small,[type=button].small,[type=reset].small,[type=submit].small,button.small{border-radius:1px;padding:4px 6px;margin:6px 8px}.button.large,[type=button].large,[type=reset].large,[type=submit].large,button.large{border-radius:4px;padding:12px 18px;margin:10px 8px}@media (min-width:480px){.card.large{max-width:480px}}@media (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}mark.secondary{background:#f44336}mark.tertiary{background:#558b2f}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.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}@supports (width:calc(100% - 2*0)) or (width:-webkit-calc(100% - 2*0)){progress.nano{width:-webkit-calc(100% - 2*0);width:calc(100% - 2*0);margin: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}.bordered{border:1px solid rgba(0,0,0,.25)!important}.rounded{border-radius:2px!important}.circular{border-radius:50%!important}.responsive-margin{margin:4px!important}@media (min-width:768px){.responsive-margin{margin:6px!important}}@media (min-width:1280px){.responsive-margin{margin:8px!important}}.responsive-padding{padding:2px 4px!important}@media (min-width:768px){.responsive-padding{padding:4px 6px!important}}@media (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,.1),0 1px 1px rgba(0,0,0,.15)!important}.shadow-medium{box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.15)!important}.shadow-large{box-shadow:0 2px 4px rgba(0,0,0,.1),0 2px 3px rgba(0,0,0,.15)!important}.float-left{float:left!important}.float-right{float:right!important} \ No newline at end of file +@charset "UTF-8";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,details,figcaption,figure,main,menu,section{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,.1),0 1px 2px rgba(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,.1),0 1px 1px rgba(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,.1),0 1px 2px rgba(0,0,0,.15)}kbd{border-radius:2px;background:#212121;color:#fafafa;padding:2px 4px;box-shadow:0 1px 2px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.15)}small,sub,sup{font-size:75%}sup{top:-8px}sub{bottom:-4px}sub,sup{line-height:0;position:relative;vertical-align:baseline}a{color:#0277bd;text-decoration:underline;opacity:1;-webkit-transition:all .3 ease 0s;transition:all .3s ease 0s}a:visited{color:#01579b}a:active,a:focus,a:hover{opacity:.75}.container{margin:0 auto;padding:0 10px}.row{box-sizing:border-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}.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{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-sm-1{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-sm-2{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-sm-3{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-sm-4{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-sm-5{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-sm-6{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-sm-7{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-sm-8{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-sm-9{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-sm-10{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-sm-11{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-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 (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{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-md-1{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-md-2{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-md-3{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-md-4{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-md-5{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-md-6{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-md-7{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-md-8{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-md-9{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-md-10{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-md-11{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-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 (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{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-lg-1{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-lg-2{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-lg-3{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-lg-4{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-lg-5{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-lg-6{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-lg-7{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-lg-8{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-lg-9{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-lg-10{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-lg-11{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-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,.18),0 2px 3px rgba(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}header .button,header [type=button],header a.button,header button,header label.button{background:#263238;color:#fafafa;vertical-align:top;margin:2px 0 0;box-shadow:none}header .button:active,header .button:focus,header .button:hover,header [type=button]:active,header [type=button]:focus,header [type=button]:hover,header a.button:active,header a.button:focus,header a.button:hover,header button:active,header button:focus,header button:hover,header label.button:active,header label.button:focus,header label.button:hover{background:#37474f}header .logo,header a.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,.1),0 2px 3px rgba(0,0,0,.15)}nav a,nav a:visited{display:block;color:#1565c0}nav .sublink-1{padding-left:12px}nav .sublink-2{padding-left:24px}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}form{background:#eee;border:1px solid #bdbdbd;margin:8px;padding:12px 10px 18px;box-shadow:0 2px 4px rgba(0,0,0,.1),0 2px 3px rgba(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}.input-group{display:inline-block}[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}[type=email],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=url],input:not([type]),select,textarea{box-sizing:border-box;background:#fafafa;color:#212121;border:1px solid #bdbdbd;border-radius:1px;margin:2px;padding:8px 12px}[type=email]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=url]:focus,input:not([type]):focus,select:focus,textarea:focus{border-color:#0288d1;box-shadow:none}[type=email][disabled],[type=number][disabled],[type=password][disabled],[type=search][disabled],[type=tel][disabled],[type=text][disabled],[type=url][disabled],input:not([type])[disabled],select[disabled],textarea[disabled]{cursor:not-allowed;opacity:.75}[type=email]:focus:invalid,[type=email]:focus:invalid:focus,[type=email]:invalid,[type=number]:focus:invalid,[type=number]:focus:invalid:focus,[type=number]:invalid,[type=password]:focus:invalid,[type=password]:focus:invalid:focus,[type=password]:invalid,[type=search]:focus:invalid,[type=search]:focus:invalid:focus,[type=search]:invalid,[type=tel]:focus:invalid,[type=tel]:focus:invalid:focus,[type=tel]:invalid,[type=text]:focus:invalid,[type=text]:focus:invalid:focus,[type=text]:invalid,[type=url]:focus:invalid,[type=url]:focus:invalid:focus,[type=url]:invalid,input:not([type]):focus:invalid,input:not([type]):focus:invalid:focus,input:not([type]):invalid,select:focus:invalid,select:focus:invalid:focus,select:invalid,textarea:focus:invalid,textarea:focus:invalid:focus,textarea:invalid{border-color:#d32f2f;box-shadow:none}[type=email][readonly],[type=number][readonly],[type=password][readonly],[type=search][readonly],[type=tel][readonly],[type=text][readonly],[type=url][readonly],input:not([type])[readonly],select[readonly],textarea[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}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button{overflow:visible;text-transform:none}.button,[type=button],[type=reset],[type=submit],a.button,button,label.button{display:inline-block;background:rgba(189,189,189,.65);color:#212121;border:0;border-radius:2px;padding:8px 12px;margin:8px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.15);text-decoration:none;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;cursor:pointer}.button:active,.button:focus,.button:hover,[type=button]:active,[type=button]:focus,[type=button]:hover,[type=reset]:active,[type=reset]:focus,[type=reset]:hover,[type=submit]:active,[type=submit]:focus,[type=submit]:hover,a.button:active,a.button:focus,a.button:hover,button:active,button:focus,button:hover,label.button:active,label.button:focus,label.button:hover{background:rgba(189,189,189,.8);opacity:1}.button:disabled,.button[disabled],[type=button]:disabled,[type=button][disabled],[type=reset]:disabled,[type=reset][disabled],[type=submit]:disabled,[type=submit][disabled],a.button:disabled,a.button[disabled],button:disabled,button[disabled],label.button:disabled,label.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,.1),0 2px 3px rgba(0,0,0,.15)}.button-group .button,.button-group [type=button],.button-group [type=reset],.button-group [type=submit],.button-group a.button,.button-group button,.button-group label.button{margin:0;-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;text-align:center;border:0;border-radius:0;box-shadow:none}.button-group .button+.button,.button-group .button+[type=button],.button-group .button+[type=reset],.button-group .button+[type=submit],.button-group .button+a.button,.button-group .button+button,.button-group .button+label.button,.button-group [type=button]+.button,.button-group [type=button]+[type=button],.button-group [type=button]+[type=reset],.button-group [type=button]+[type=submit],.button-group [type=button]+a.button,.button-group [type=button]+button,.button-group [type=button]+label.button,.button-group [type=reset]+.button,.button-group [type=reset]+[type=button],.button-group [type=reset]+[type=reset],.button-group [type=reset]+[type=submit],.button-group [type=reset]+a.button,.button-group [type=reset]+button,.button-group [type=reset]+label.button,.button-group [type=submit]+.button,.button-group [type=submit]+[type=button],.button-group [type=submit]+[type=reset],.button-group [type=submit]+[type=submit],.button-group [type=submit]+a.button,.button-group [type=submit]+button,.button-group [type=submit]+label.button,.button-group a.button+.button,.button-group a.button+[type=button],.button-group a.button+[type=reset],.button-group a.button+[type=submit],.button-group a.button+a.button,.button-group a.button+button,.button-group a.button+label.button,.button-group button+.button,.button-group button+[type=button],.button-group button+[type=reset],.button-group button+[type=submit],.button-group button+a.button,.button-group button+button,.button-group button+label.button,.button-group label.button+.button,.button-group label.button+[type=button],.button-group label.button+[type=reset],.button-group label.button+[type=submit],.button-group label.button+a.button,.button-group label.button+button,.button-group label.button+label.button{border-left:1px solid #9e9e9e}@media (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=reset],.button-group .button+[type=submit],.button-group .button+a.button,.button-group .button+button,.button-group .button+label.button,.button-group [type=button]+.button,.button-group [type=button]+[type=button],.button-group [type=button]+[type=reset],.button-group [type=button]+[type=submit],.button-group [type=button]+a.button,.button-group [type=button]+button,.button-group [type=button]+label.button,.button-group [type=reset]+.button,.button-group [type=reset]+[type=button],.button-group [type=reset]+[type=reset],.button-group [type=reset]+[type=submit],.button-group [type=reset]+a.button,.button-group [type=reset]+button,.button-group [type=reset]+label.button,.button-group [type=submit]+.button,.button-group [type=submit]+[type=button],.button-group [type=submit]+[type=reset],.button-group [type=submit]+[type=submit],.button-group [type=submit]+a.button,.button-group [type=submit]+button,.button-group [type=submit]+label.button,.button-group a.button+.button,.button-group a.button+[type=button],.button-group a.button+[type=reset],.button-group a.button+[type=submit],.button-group a.button+a.button,.button-group a.button+button,.button-group a.button+label.button,.button-group button+.button,.button-group button+[type=button],.button-group button+[type=reset],.button-group button+[type=submit],.button-group button+a.button,.button-group button+button,.button-group button+label.button,.button-group label.button+.button,.button-group label.button+[type=button],.button-group label.button+[type=reset],.button-group label.button+[type=submit],.button-group label.button+a.button,.button-group label.button+button,.button-group label.button+label.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:3px;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:active:before,.input-group [type=checkbox]+label:focus:before,.input-group [type=checkbox]+label:hover:before,.input-group [type=checkbox]:focus+label:before,.input-group [type=radio]+label:active:before,.input-group [type=radio]+label:focus:before,.input-group [type=radio]+label:hover:before,.input-group [type=radio]:focus+label:before{border-color:#0288d1}.input-group [type=radio]+label:after,.input-group [type=radio]+label:before{border-radius:50%}.input-group [type=checkbox][disabled]+label,.input-group [type=radio][disabled]+label{cursor:not-allowed}.input-group [type=checkbox][disabled]+label:after,.input-group [type=checkbox][disabled]+label:before,.input-group [type=radio][disabled]+label:after,.input-group [type=radio][disabled]+label:before{opacity:.75}.input-group [type=checkbox]:checked+label:after,.input-group [type=radio]:checked+label:after{margin-left:-20px;position:absolute;bottom:7px;left:4px;width:10px;height:10px;background:#212121;content:''}.button.primary,[type=button].primary,[type=reset].primary,[type=submit].primary,button.primary{background:rgba(2,119,189,.9);color:#fafafa}.button.primary:active,.button.primary:focus,.button.primary:hover,[type=button].primary:active,[type=button].primary:focus,[type=button].primary:hover,[type=reset].primary:active,[type=reset].primary:focus,[type=reset].primary:hover,[type=submit].primary:active,[type=submit].primary:focus,[type=submit].primary:hover,button.primary:active,button.primary:focus,button.primary:hover{background:#0277bd}.button.secondary,[type=button].secondary,[type=reset].secondary,[type=submit].secondary,button.secondary{background:rgba(198,40,40,.85);color:#fafafa}.button.secondary:active,.button.secondary:focus,.button.secondary:hover,[type=button].secondary:active,[type=button].secondary:focus,[type=button].secondary:hover,[type=reset].secondary:active,[type=reset].secondary:focus,[type=reset].secondary:hover,[type=submit].secondary:active,[type=submit].secondary:focus,[type=submit].secondary:hover,button.secondary:active,button.secondary:focus,button.secondary:hover{background:#c62828}.button.tertiary,[type=button].tertiary,[type=reset].tertiary,[type=submit].tertiary,button.tertiary{background:rgba(85,139,47,.85);color:#fafafa}.button.tertiary:active,.button.tertiary:focus,.button.tertiary:hover,[type=button].tertiary:active,[type=button].tertiary:focus,[type=button].tertiary:hover,[type=reset].tertiary:active,[type=reset].tertiary:focus,[type=reset].tertiary:hover,[type=submit].tertiary:active,[type=submit].tertiary:focus,[type=submit].tertiary:hover,button.tertiary:active,button.tertiary:focus,button.tertiary:hover{background:#558b2f}.button.inverse,[type=button].inverse,[type=reset].inverse,[type=submit].inverse,button.inverse{background:#212121;color:#fafafa}.button.inverse:active,.button.inverse:focus,.button.inverse:hover,[type=button].inverse:active,[type=button].inverse:focus,[type=button].inverse:hover,[type=reset].inverse:active,[type=reset].inverse:focus,[type=reset].inverse:hover,[type=submit].inverse:active,[type=submit].inverse:focus,[type=submit].inverse:hover,button.inverse:active,button.inverse:focus,button.inverse:hover{background:rgba(33,33,33,.9)}.button.small,[type=button].small,[type=reset].small,[type=submit].small,button.small{border-radius:1px;padding:4px 6px;margin:6px 8px}.button.large,[type=button].large,[type=reset].large,[type=submit].large,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,.1),0 2px 3px rgba(0,0,0,.15)}table caption{font-size:1.5em;margin:6px 8px 12px}table tr{padding:8px}table td,table th{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 td:first-child,table th:first-child{border-left:0}@media (max-width:767px){table:not(.preset){border-collapse:collapse;border:0;width:100%;box-shadow:none}table:not(.preset) th,table:not(.preset) thead{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,.1),0 2px 3px rgba(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 (min-width:768px){table.horizontal{-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 tbody,table.horizontal thead{-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{-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 td,table.horizontal th{width:100%;border:1px solid #bdbdbd}table.horizontal td+td,table.horizontal td+th,table.horizontal th+td,table.horizontal th+th{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 (max-width:767px){table.horizontal.preset{-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 tbody,table.horizontal.preset thead{-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{-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 td,table.horizontal.preset th{width:100%;border:1px solid #bdbdbd}table.horizontal.preset td+td,table.horizontal.preset td+th,table.horizontal.preset th+td,table.horizontal.preset th+th{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 (max-width:767px){table.striped:not(.preset) tr:nth-of-type(2n){background:#eee}}.card{-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,.18),0 2px 3px rgba(0,0,0,.26)}.card>.section{box-sizing:border-box;margin:0;border-bottom:1px solid #bdbdbd;padding:6px 8px;width:100%}.card>.section.media{height:200px;padding:0;-o-object-fit:cover;object-fit:cover}.card .button.section,.card input.section,.card>button.section{border-radius:0}.card>.section:last-child{border-bottom:0}@media (min-width:320px){.card{max-width:320px}}@media (min-width:480px){.card.large{max-width:480px}}@media (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}.tabs{width:100%;opacity:1;-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,.18),0 2px 3px rgba(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 .3s ease 0s;transition:background .3s ease 0s;background:#e0e0e0;border:1px solid #9e9e9e;padding:8px 12px}.tabs>label:active,.tabs>label:focus,.tabs>label:hover{background:rgba(224,224,224,.8)}.tabs.stacked>[type=checkbox],.tabs>[type=radio]{display:none;visibility:hidden}.tabs.stacked>[type=checkbox]+label+div,.tabs>[type=radio]+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 .3s ease 0s,transform .3s ease 0s;transition:-webkit-transform .3s ease 0s,transform .3s ease 0s}.tabs.stacked>[type=checkbox]+label+div+[type=checkbox]+label,.tabs.stacked>[type=checkbox]+label+div+[type=radio]+label,.tabs>[type=radio]+label+div+[type=radio]+label{border-left:0}.tabs.stacked>[type=checkbox]:checked+label,.tabs>[type=radio]:checked+label{background:#eee}.tabs.stacked>[type=checkbox]:checked+label:active,.tabs.stacked>[type=checkbox]:checked+label:focus,.tabs.stacked>[type=checkbox]:checked+label:hover,.tabs>[type=radio]:checked+label:active,.tabs>[type=radio]:checked+label:focus,.tabs>[type=radio]:checked+label:hover{background:rgba(238,238,238,.8)}.tabs.stacked>[type=checkbox]:checked+label+div,.tabs>[type=radio]: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=checkbox]+label+div,.tabs.stacked>[type=radio]+label+div{-webkit-order:initial;order:initial;-webkit-transform-origin:top;transform-origin:top}.tabs.stacked>[type=checkbox]+label+div+[type=checkbox]+label,.tabs.stacked>[type=checkbox]+label+div+[type=radio]+label,.tabs.stacked>[type=radio]+label+div+[type=checkbox]+label,.tabs.stacked>[type=radio]+label+div+[type=radio]+label{border:1px solid #9e9e9e;border-top:0}.tabs.stacked>[type=checkbox]:checked+label+div,.tabs.stacked>[type=radio]:checked+label+div{height:auto}@media (max-width:767px){.tabs{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.tabs>[type=radio]+label+div,.tabs>label{-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,.1),0 1px 1px rgba(0,0,0,.15)}mark.inline-block{display:inline-block}@-webkit-keyframes alert-anim{0%,45%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.005)}100%,55%{-webkit-transform:scale(1)}}@keyframes alert-anim{0%,45%{transform:scale(1)}50%{transform:scale(1.005)}100%,55%{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,.18),0 1px 2px rgba(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}mark.secondary{background:#f44336}mark.tertiary{background:#558b2f}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 .5px 1px rgba(0,0,0,.1),0 .5px .5px rgba(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}@supports (width:calc(100% - 2*0)) or (width:-webkit-calc(100% - 2*0)){progress.nano{width:-webkit-calc(100% - 2*0);width:calc(100% - 2*0);margin: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-path:inset(100%);clip:rect(0 0 0 0);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,.1),0 1px 2px rgba(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:after,ul.breadcrumbs li:before{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:.75em;height:.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 .3s ease 0s;transition:all .3s ease 0s}.close:active,.close:focus,.close:hover{background:#e0e0e0}.close:after,.close:before{display:inline-block;width:.45em;height:.1em;position:absolute;content:"";top:.33em;left:.155em;text-overflow:clip;background:#212121}.close:before{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.close:after{-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}.clearfix:after,.clearfix:before{content:' '!important;display:table!important;clear:both!important}.center-block{display:block!important;margin-left:auto!important;margin-right:auto!important}.bordered{border:1px solid rgba(0,0,0,.25)!important}.rounded{border-radius:2px!important}.circular{border-radius:50%!important}.responsive-margin{margin:4px!important}@media (min-width:768px){.responsive-margin{margin:6px!important}}@media (min-width:1280px){.responsive-margin{margin:8px!important}}.responsive-padding{padding:2px 4px!important}@media (min-width:768px){.responsive-padding{padding:4px 6px!important}}@media (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,.1),0 1px 1px rgba(0,0,0,.15)!important}.shadow-medium{box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.15)!important}.shadow-large{box-shadow:0 2px 4px rgba(0,0,0,.1),0 2px 3px rgba(0,0,0,.15)!important}.float-left{float:left!important}.float-right{float:right!important} \ No newline at end of file diff --git a/docs/card.html b/docs/card.html index 512c4e0..7b5aadb 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 9cf21bd..e2657c3 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 b2f8e1a..26429f3 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 894e5aa..5d5f0f2 100644 --- a/docs/customization.html +++ b/docs/customization.html @@ -1,7 +1,7 @@ - + mini.css - Customization @@ -86,7 +86,7 @@

Modules & file structure

-

At the heart of mini.css are modules - groups of classes and styles that aim to solve one set of needs. There are 10 modules in mini.css, which have been already written for you. All of the modules are built using partial files, named _module_name.scss and placed in the src/mini folder. You can edit any of the modules' code and/or add your own modules, following the same structure. The only thing you need to remember to do, in order to add your module to your flavor, is to add an @import statement at the very bottom of _core.scss and it will be compiled along with the rest of mini.css. Similarly, to disable a module, just comment out its @import statement from the core module.

+

At the heart of mini.css are modules - groups of classes and styles that aim to solve one set of needs. There are 10 modules in mini.css, which have been already written for you. All of the modules are built using partial files, named _module_name.scss and placed in the src/mini folder. You can edit any of the modules' code and/or add your own modules, following the same structure. The only thing you need to remember to do, in order to add your module to your flavor, is to add an @import statement after all the required variable declarations towards the bottom of your flavor file and it will be compiled along with the rest of mini.css. Similarly, to disable a module, just comment out its @import statement from the flavor file.

Variables

@@ -107,7 +107,7 @@

Building a flavor

-

Creating your own flavor can be as easy or as complicated as your needs. In this section, we will briefly walk you through most of the variables usually present in a flavor, along with some flags and mixins. This section serves as a complementary documentation to the comment column present in our pre-defined flavors, instead of a replacement and should be always viewed alongside it.


+

Creating your own flavor can be as easy or as complicated as your needs. Adding and removing modules is as simple as adding an @import statement or commenting it out, after declaring all the required variables. In this section, we will briefly walk you through most of the variables usually present in a flavor, along with some flags and mixins. This section serves as a complementary documentation to the comment column present in our pre-defined flavors, instead of a replacement and should be always viewed alongside it.


Core

diff --git a/docs/flavors.html b/docs/flavors.html index 4624695..c25ba6b 100644 --- a/docs/flavors.html +++ b/docs/flavors.html @@ -1,7 +1,7 @@ - + mini.css - Flavors @@ -78,12 +78,12 @@

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:

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

+ 
<link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/v2.0.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.0.0/dist/mini-default.min.css">
    + 
    <link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/v2.0.1/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.

    • diff --git a/docs/grid.html b/docs/grid.html index e2a8819..f64e463 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 1b8c2e7..7e8311f 100644 --- a/docs/index.html +++ b/docs/index.html @@ -1,7 +1,7 @@ - + mini.css - Minimal, responsive, style-agnostic CSS toolkit @@ -109,7 +109,7 @@

    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.0.0/dist/mini-default.min.css">

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

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

    diff --git a/docs/input_control.html b/docs/input_control.html index 6b26c57..34de260 100644 --- a/docs/input_control.html +++ b/docs/input_control.html @@ -1,7 +1,7 @@ - + mini.css - Input Control diff --git a/docs/modules.html b/docs/modules.html index cbb002b..8d4eb3f 100644 --- a/docs/modules.html +++ b/docs/modules.html @@ -1,7 +1,7 @@ - + mini.css - Modules diff --git a/docs/navigation.html b/docs/navigation.html index 63d1507..9da2bfd 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 6d0a51b..b2e4033 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 877048f..02567e5 100644 --- a/docs/quick_reference.html +++ b/docs/quick_reference.html @@ -1,7 +1,7 @@ - + mini.css - Quick Reference @@ -108,7 +108,7 @@

    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.0.0/dist/mini-default.min.css">

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

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

    diff --git a/docs/tab.html b/docs/tab.html index 60c7520..ccf9478 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 db725f4..6956e23 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 565a644..4aee839 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 2e3b81d..e12e854 100644 --- a/docs/v2/DEVLOG.md +++ b/docs/v2/DEVLOG.md @@ -693,3 +693,15 @@ - Added OpenGraph info to all pages. - Doc page code cleanup. - Updated everything, releasing **v2.0.0**. + +# v2.0.1 Development Log + +## 20161222 + +- Merged the pull request from @roryprimrose. +- Changed the `_typography.scss` file to `_core.scss`. +- Moved the `@import` statements to the flavor files. +- Updated `customization.html` to make sure the notes reflect the new structure of the toolkit. +- Demo pages updated to use the latest version of the toolkit (v2.0.1). +- Updated `CHANGELOG.md` to reflect new changes. +- Moved mixin `@include` statements inside the flavor files. diff --git a/src/flavors/mini-default.scss b/src/flavors/mini-default.scss index ef1b086..fa457eb 100644 --- a/src/flavors/mini-default.scss +++ b/src/flavors/mini-default.scss @@ -4,7 +4,7 @@ /* Flavor name: Default (mini-default) Author: Angelos Chalaris (chalarangelo@gmail.com) - mini.css version: v2.0.0 (Fermion) + mini.css version: v2.0.1 (Fermion) */ // Basic rules for body and typography $fore-color: #212121; // Text and general foreground color @@ -525,9 +525,12 @@ $responsive-padding-large-value:6px 8px; // Padding value for responsiv $float-prefix: 'float'; // Prefix for float classes $clearfix-name: 'clearfix'; // Class name for clearfix $center-block-name: 'center-block'; // Class name for center block -// Enable mini.css +// Load modules. If you do not want to use a module, comment out its `@import` statement, along with any mixin `@include`s that are part of +// that module and marked as such below it. @import '../mini/core'; -// Use mixins for forms and inputs +@import '../mini/grid'; +@import '../mini/navigation'; +@import '../mini/input_control'; /* Custom elements for forms and input elements. */ @@ -543,7 +546,8 @@ $center-block-name: 'center-block'; // Class name for center block $button-style1-border-radius, $button-style1-padding, $button-style1-margin); @include make-button-alt-style ($button-style2-name, $button-style2-border-style, $button-style2-border-radius, $button-style2-padding, $button-style2-margin); -// Use mixins for cards +@import '../mini/table'; +@import '../mini/card'; /* Custom elements for cards and containers. */ @@ -557,7 +561,8 @@ $center-block-name: 'center-block'; // Class name for center block @include make-card-section-alt-color ($card-section-style2-name, $card-section-style2-back-color, $card-section-style2-fore-color); @include make-card-section-alt-style ($card-section-padding1-name, $card-section-padding1-padding); -// Use mixins for contextual background elements and alerts +@import '../mini/tab'; +@import '../mini/contextual'; /* Custom contextual background elements and alerts. */ @@ -571,7 +576,7 @@ $center-block-name: 'center-block'; // Class name for center block @include make-alert-alt-color ($alert-variant2-name, $alert-variant2-back-color, $alert-variant2-fore-color); @include make-alert-alt-style ($alert-style1-name, $alert-style1-border-style, $alert-style1-border-radius); @include make-alert-alt-style ($alert-style2-name, $alert-style2-border-style, $alert-style2-border-radius); -// Use mixins for progress elements and spinners +@import '../mini/progress'; /* Custom elements for progress elements and spinners. */ @@ -587,7 +592,7 @@ $center-block-name: 'center-block'; // Class name for center block $spinner-donut-variant2-fore-color); @include make-spinner-donut-alt-style ($spinner-donut-style1-name, $spinner-donut-style1-size, $spinner-donut-style1-border-thickness); -// Use mixins for utilities and helper classes +@import '../mini/utility'; /* Custom elements for utilities and helper classes. */ diff --git a/src/mini/_core.scss b/src/mini/_core.scss index 1df979f..e98f55f 100644 --- a/src/mini/_core.scss +++ b/src/mini/_core.scss @@ -1,11 +1,409 @@ -// External file loading. You can comment out modules you do not want to use. -@import 'typography'; -@import 'grid'; -@import 'navigation'; -@import 'input_control'; -@import 'table'; -@import 'card'; -@import 'tab'; -@import 'contextual'; -@import 'progress'; -@import 'utility'; +/* + Browsers resets and base typography. +*/ +$apply-defaults-to-all: true !default; // Should default values be applied to all elements? (`true` or `false`). +$base-root-font-size: 16px !default; // Root font sizing for all elements - In `px` only! +html { + font-size: $base-root-font-size; // Set root's font sizing. +} +@if $apply-defaults-to-all { + html, * { + font-family: #{$base-font-family}; + line-height: $base-line-height; + // Prevent adjustments of font size after orientation changes in mobile. + -webkit-text-size-adjust: 100%; + } + * { + font-size: $base-font-size; + } +} +@else { + html { + font-family: #{$base-font-family}; + line-height: $base-line-height; + // Prevent adjustments of font size after orientation changes in mobile. + -webkit-text-size-adjust: 100%; + } +} + +body { + margin: $body-margin; + color: $fore-color; + background: $back-color; +} + +// Correct display for older versions of IE. Fix display of some elements in other browsers as well. +article, aside, section, figcaption, figure, main, details, menu { + display: block; +} + +// Correct display in all browsers. +summary { + display: list-item; +} + +abbr[title] { + border-bottom: none; // Remove bottom border in Firefox 39-. + text-decoration: underline; // Opinionated style-fix for all browsers. +} + +// Correct display for older versions of IE. +audio, video { + display: inline-block; +} + +// Hide overflow in IE. +svg:not(:root) { + overflow: hidden; +} + +// Show overflow in IE. +input { + overflow: visible; +} + +// Make images responsive by default. +img { + max-width: 100%; + height: auto; +} + +// Fix display in older versions of Android. +$include-dfn-fix: true !default; +@if $include-dfn-fix { + dfn { + font-style: italic; + } +} + +h1, h2, h3, h4, h5, h6 { + line-height: $heading-line-height; + margin: $heading-margin; + font-weight: $heading-font-weight; + small { + color: $heading-smalltext-fore-color; + $make-heading-smalltext-block: false !default; + @if $make-heading-smalltext-block { + display: block; + @if $heading-smalltext-b-top-margin != 0 { + margin-top: $heading-smalltext-b-top-margin; + } + @if $heading-smalltext-b-font-size != $small-font-size { + font-size: $heading-smalltext-b-font-size; + } + } + } +} + +h1 { + font-size: $h1-font-size; +} +h2 { + font-size: $h2-font-size; +} +h3 { + font-size: $h3-font-size; +} +h4 { + font-size: $h4-font-size; +} +h5 { + font-size: $h5-font-size; +} +h6 { + font-size: $h6-font-size; +} + +p { + margin: $paragraph-margin; +} + +ol, ul { + margin: $list-margin; + padding-left: $list-left-padding; +} + +b, strong { + font-weight: $bold-font-weight; +} + +hr { + // Fixes and defaults for styling + box-sizing: content-box; + border: 0; + overflow: visible; + // Actual styling using variables + line-height: $horizontal-rule-line-height; + margin: $horizontal-rule-margin; + $horizontal-rule-fancy-style: false !default; + @if $horizontal-rule-fancy-style { + height: 1px; + background: -webkit-linear-gradient(#{$horizontal-rule-fancy-gradient}); + background: linear-gradient(#{$horizontal-rule-fancy-gradient}); + } + @else { + height: 0; + border-top: $horizontal-rule-border-style; + } +} + +blockquote { + display: block; + position: relative; + font-style: italic; + @if $blockquote-back-color != $back-color { + background: $blockquote-back-color; + } + @if $blockquote-fore-color != $fore-color { + color: $blockquote-fore-color; + } + // Overwrite defaults + margin: $blockquote-margin; + padding: $blockquote-padding; + @if $blockquote-sidebar-style != 0 { + border-left: $blockquote-sidebar-style; + } + @if $blockquote-border-style != 0 { + border: $blockquote-border-style; + } + @if $blockquote-border-radius != 0 { + border-radius: $blockquote-border-radius; + } + @if $blockquote-box-shadow != none { + box-shadow: $blockquote-box-shadow; + } + &:after { + position: absolute; + font-style: normal; + font-size: $blockquote-cite-font-size; + @if $blockquote-cite-fore-color != $blockquote-fore-color { + color: $blockquote-cite-fore-color; + } + left: $blockquote-cite-left-position; + bottom: $blockquote-cite-bottom-position; + content: '\2014 \2009'attr(cite); + } +} + +$use-default-code-fonts: true !default; +@if $use-default-code-fonts { + code, kbd, pre, samp{ + font-family: monospace, monospace; // Applies display fix for all code elements + } +} +@else { + code, kbd, pre, samp{ + font-family: $code-font-family; // Display fix should be applied manually! + } +} + +code { + @if $code-element-border-style != 0{ + border: $code-element-border-style; + } + @if $code-element-border-radius != 0 { + border-radius: $code-element-border-radius; + } + @if $code-element-back-color != $back-color { + background: $code-element-back-color; + } + @if $code-element-fore-color != $fore-color { + color: $code-element-fore-color; + } + @if $code-element-padding != 0 { + padding: $code-element-padding; + } + @if $code-element-box-shadow != none { + box-shadow: $code-element-box-shadow; + } +} + +pre { + overflow: auto; // Responsiveness + @if $pre-element-border-style != 0 { + border: $pre-element-border-style; + } + @if $pre-element-border-radius != 0 { + border-radius: $pre-element-border-radius; + } + @if $pre-element-back-color != $back-color { + background: $pre-element-back-color; + } + @if $pre-element-fore-color != $fore-color { + color: $pre-element-fore-color; + } + @if $pre-element-padding != 0 { + padding: $pre-element-padding; + } + @if pre-element-margin != 0 { + margin: $pre-element-margin; + } + $add-pre-element-sidebar: false !default; + @if $add-pre-element-sidebar { + border-left: $pre-element-sidebar-style; + } + @if $pre-element-box-shadow != none { + box-shadow: $pre-element-box-shadow; + } +} + +kbd { + @if $kbd-element-border-style != 0 { + border: $kbd-element-border-style; + } + @if $kbd-element-border-radius != 0 { + border-radius: $kbd-element-border-radius; + } + @if $kbd-element-back-color != $back-color { + background: $kbd-element-back-color; + } + @if $kbd-element-fore-color != $fore-color { + color: $kbd-element-fore-color; + } + @if $kbd-element-padding != 0 { + padding: $kbd-element-padding; + } + @if $kbd-element-box-shadow != none { + box-shadow: $kbd-element-box-shadow; + } +} + +$style-samp-element: false !default; +@if $style-samp-element { + samp{ + @if $samp-element-border-style != 0 { + border: $samp-element-border-style; + } + @if $samp-element-border-radius != 0 { + border-radius: $samp-element-border-radius; + } + @if $samp-element-back-color != $back-color { + background: $samp-element-back-color; + } + @if $samp-element-fore-color != $fore-color { + color: $samp-element-fore-color; + } + @if $samp-element-padding != 0 { + padding: $samp-element-padding; + } + } +} + +@if $small-font-size == $sub-font-size and $small-font-size == $sup-font-size { + small, sup, sub { + font-size: $small-font-size; + } + sup { + top: $sup-top; + } + sub{ + bottom: $sub-bottom; + } + sup, sub { + line-height: 0; + position: relative; + vertical-align: baseline; + } +} +@else if $small-font-size == $sub-font-size { + small, sub { + font-size: $small-font-size; + } + sup { + font-size: $sup-font-size; + top: $sup-top; + } + sub { + bottom: $sub-bottom; + } + sup, sub { + line-height: 0; + position: relative; + vertical-align: baseline; + } +} +@else if $small-font-size == $sup-font-size { + small, sup { + font-size: $small-font-size; + } + sup { + top: $sup-top; + } + sub { + font-size: $sub-font-size; + bottom: $sub-bottom; + } + sup, sub { + line-height: 0; + position: relative; + vertical-align: baseline; + } +} +@else if $sup-font-size == $sub-font-size { + small { + font-size: $small-font-size; + } + sup, sub { + font-size: $sup-font-size; + line-height: 0; + position: relative; + vertical-align: baseline; + } + sup { + top: $sup-top; + } + sub{ + bottom: $sub-bottom; + } +} +@else { + small { + font-size: $small-font-size; + } + sup { + font-size: $sup-font-size; + top: $sup-top; + } + sub{ + font-size: $sub-font-size; + bottom: $sub-bottom; + } + sup, sub { + line-height: 0; + position: relative; + vertical-align: baseline; + } +} + +$apply-link-underline: true !default; +$apply-link-hover-fade: true !default; +a{ + color: $link-fore-color; + @if $apply-link-underline { + text-decoration: underline; + } + @else { + text-decoration: none; + } + @if $link-font-weight != 500 { + font-weight: $link-font-weight; + } + @if $apply-link-hover-fade { + opacity: 1; + -webkit-transition: all 0.3 ease 0s; + transition: all 0.3s ease 0s; + } + &:visited { + color: $link-visited-fore-color; + } + @if $apply-link-hover-fade { + &:hover, &:focus, &:active { + opacity: 0.75; + } + } + @else { + &:hover, &:focus, &:active { + color: $link-hover-fore-color; + } + } +} \ No newline at end of file diff --git a/src/mini/_typography.scss b/src/mini/_typography.scss deleted file mode 100644 index 98431ff..0000000 --- a/src/mini/_typography.scss +++ /dev/null @@ -1,409 +0,0 @@ -/* - Browsers resets and base typography. -*/ -$apply-defaults-to-all: true !default; // Should default values be applied to all elements? (`true` or `false`). -$base-root-font-size: 16px !default; // Root font sizing for all elements - In `px` only! -html { - font-size: $base-root-font-size; // Set root's font sizing. -} -@if $apply-defaults-to-all { - html, * { - font-family: #{$base-font-family}; - line-height: $base-line-height; - // Prevent adjustments of font size after orientation changes in mobile. - -webkit-text-size-adjust: 100%; - } - * { - font-size: $base-font-size; - } -} -@else { - html { - font-family: #{$base-font-family}; - line-height: $base-line-height; - // Prevent adjustments of font size after orientation changes in mobile. - -webkit-text-size-adjust: 100%; - } -} - -body { - margin: $body-margin; - color: $fore-color; - background: $back-color; -} - -// Correct display for older versions of IE. Fix display of some elements in other browsers as well. -article, aside, section, figcaption, figure, main, details, menu { - display: block; -} - -// Correct display in all browsers. -summary { - display: list-item; -} - -abbr[title] { - border-bottom: none; // Remove bottom border in Firefox 39-. - text-decoration: underline; // Opinionated style-fix for all browsers. -} - -// Correct display for older versions of IE. -audio, video { - display: inline-block; -} - -// Hide overflow in IE. -svg:not(:root) { - overflow: hidden; -} - -// Show overflow in IE. -input { - overflow: visible; -} - -// Make images responsive by default. -img { - max-width: 100%; - height: auto; -} - -// Fix display in older versions of Android. -$include-dfn-fix: true !default; -@if $include-dfn-fix { - dfn { - font-style: italic; - } -} - -h1, h2, h3, h4, h5, h6 { - line-height: $heading-line-height; - margin: $heading-margin; - font-weight: $heading-font-weight; - small { - color: $heading-smalltext-fore-color; - $make-heading-smalltext-block: false !default; - @if $make-heading-smalltext-block { - display: block; - @if $heading-smalltext-b-top-margin != 0 { - margin-top: $heading-smalltext-b-top-margin; - } - @if $heading-smalltext-b-font-size != $small-font-size { - font-size: $heading-smalltext-b-font-size; - } - } - } -} - -h1 { - font-size: $h1-font-size; -} -h2 { - font-size: $h2-font-size; -} -h3 { - font-size: $h3-font-size; -} -h4 { - font-size: $h4-font-size; -} -h5 { - font-size: $h5-font-size; -} -h6 { - font-size: $h6-font-size; -} - -p { - margin: $paragraph-margin; -} - -ol, ul { - margin: $list-margin; - padding-left: $list-left-padding; -} - -b, strong { - font-weight: $bold-font-weight; -} - -hr { - // Fixes and defaults for styling - box-sizing: content-box; - border: 0; - overflow: visible; - // Actual styling using variables - line-height: $horizontal-rule-line-height; - margin: $horizontal-rule-margin; - $horizontal-rule-fancy-style: false !default; - @if $horizontal-rule-fancy-style { - height: 1px; - background: -webkit-linear-gradient(#{$horizontal-rule-fancy-gradient}); - background: linear-gradient(#{$horizontal-rule-fancy-gradient}); - } - @else { - height: 0; - border-top: $horizontal-rule-border-style; - } -} - -blockquote { - display: block; - position: relative; - font-style: italic; - @if $blockquote-back-color != $back-color { - background: $blockquote-back-color; - } - @if $blockquote-fore-color != $fore-color { - color: $blockquote-fore-color; - } - // Overwrite defaults - margin: $blockquote-margin; - padding: $blockquote-padding; - @if $blockquote-sidebar-style != 0 { - border-left: $blockquote-sidebar-style; - } - @if $blockquote-border-style != 0 { - border: $blockquote-border-style; - } - @if $blockquote-border-radius != 0 { - border-radius: $blockquote-border-radius; - } - @if $blockquote-box-shadow != none { - box-shadow: $blockquote-box-shadow; - } - &:after { - position: absolute; - font-style: normal; - font-size: $blockquote-cite-font-size; - @if $blockquote-cite-fore-color != $blockquote-fore-color { - color: $blockquote-cite-fore-color; - } - left: $blockquote-cite-left-position; - bottom: $blockquote-cite-bottom-position; - content: '\2014 \2009'attr(cite); - } -} - -$use-default-code-fonts: true !default; -@if $use-default-code-fonts { - code, kbd, pre, samp{ - font-family: monospace, monospace; // Applies display fix for all code elements - } -} -@else { - code, kbd, pre, samp{ - font-family: $code-font-family; // Display fix should be applied manually! - } -} - -code { - @if $code-element-border-style != 0{ - border: $code-element-border-style; - } - @if $code-element-border-radius != 0 { - border-radius: $code-element-border-radius; - } - @if $code-element-back-color != $back-color { - background: $code-element-back-color; - } - @if $code-element-fore-color != $fore-color { - color: $code-element-fore-color; - } - @if $code-element-padding != 0 { - padding: $code-element-padding; - } - @if $code-element-box-shadow != none { - box-shadow: $code-element-box-shadow; - } -} - -pre { - overflow: auto; // Responsiveness - @if $pre-element-border-style != 0 { - border: $pre-element-border-style; - } - @if $pre-element-border-radius != 0 { - border-radius: $pre-element-border-radius; - } - @if $pre-element-back-color != $back-color { - background: $pre-element-back-color; - } - @if $pre-element-fore-color != $fore-color { - color: $pre-element-fore-color; - } - @if $pre-element-padding != 0 { - padding: $pre-element-padding; - } - @if pre-element-margin != 0 { - margin: $pre-element-margin; - } - $add-pre-element-sidebar: false !default; - @if $add-pre-element-sidebar { - border-left: $pre-element-sidebar-style; - } - @if $pre-element-box-shadow != none { - box-shadow: $pre-element-box-shadow; - } -} - -kbd { - @if $kbd-element-border-style != 0 { - border: $kbd-element-border-style; - } - @if $kbd-element-border-radius != 0 { - border-radius: $kbd-element-border-radius; - } - @if $kbd-element-back-color != $back-color { - background: $kbd-element-back-color; - } - @if $kbd-element-fore-color != $fore-color { - color: $kbd-element-fore-color; - } - @if $kbd-element-padding != 0 { - padding: $kbd-element-padding; - } - @if $kbd-element-box-shadow != none { - box-shadow: $kbd-element-box-shadow; - } -} - -$style-samp-element: false !default; -@if $style-samp-element { - samp{ - @if $samp-element-border-style != 0 { - border: $samp-element-border-style; - } - @if $samp-element-border-radius != 0 { - border-radius: $samp-element-border-radius; - } - @if $samp-element-back-color != $back-color { - background: $samp-element-back-color; - } - @if $samp-element-fore-color != $fore-color { - color: $samp-element-fore-color; - } - @if $samp-element-padding != 0 { - padding: $samp-element-padding; - } - } -} - -@if $small-font-size == $sub-font-size and $small-font-size == $sup-font-size { - small, sup, sub { - font-size: $small-font-size; - } - sup { - top: $sup-top; - } - sub{ - bottom: $sub-bottom; - } - sup, sub { - line-height: 0; - position: relative; - vertical-align: baseline; - } -} -@else if $small-font-size == $sub-font-size { - small, sub { - font-size: $small-font-size; - } - sup { - font-size: $sup-font-size; - top: $sup-top; - } - sub { - bottom: $sub-bottom; - } - sup, sub { - line-height: 0; - position: relative; - vertical-align: baseline; - } -} -@else if $small-font-size == $sup-font-size { - small, sup { - font-size: $small-font-size; - } - sup { - top: $sup-top; - } - sub { - font-size: $sub-font-size; - bottom: $sub-bottom; - } - sup, sub { - line-height: 0; - position: relative; - vertical-align: baseline; - } -} -@else if $sup-font-size == $sub-font-size { - small { - font-size: $small-font-size; - } - sup, sub { - font-size: $sup-font-size; - line-height: 0; - position: relative; - vertical-align: baseline; - } - sup { - top: $sup-top; - } - sub{ - bottom: $sub-bottom; - } -} -@else { - small { - font-size: $small-font-size; - } - sup { - font-size: $sup-font-size; - top: $sup-top; - } - sub{ - font-size: $sub-font-size; - bottom: $sub-bottom; - } - sup, sub { - line-height: 0; - position: relative; - vertical-align: baseline; - } -} - -$apply-link-underline: true !default; -$apply-link-hover-fade: true !default; -a{ - color: $link-fore-color; - @if $apply-link-underline { - text-decoration: underline; - } - @else { - text-decoration: none; - } - @if $link-font-weight != 500 { - font-weight: $link-font-weight; - } - @if $apply-link-hover-fade { - opacity: 1; - -webkit-transition: all 0.3 ease 0s; - transition: all 0.3s ease 0s; - } - &:visited { - color: $link-visited-fore-color; - } - @if $apply-link-hover-fade { - &:hover, &:focus, &:active { - opacity: 0.75; - } - } - @else { - &:hover, &:focus, &:active { - color: $link-hover-fore-color; - } - } -}