From 4697c89a67e1225b5fb6ab87664184d07dd0dfba Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=E1=B4=80=E1=B4=8D=E1=B4=87s=20K=E1=B4=8F=CA=9F=E1=B4=84?= =?UTF-8?q?=E1=B4=87?= Date: Mon, 2 May 2016 22:06:46 -0600 Subject: [PATCH 001/183] Add note about CDN --- README.md | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 98c3617..0931c74 100644 --- a/README.md +++ b/README.md @@ -10,13 +10,23 @@ Concise is a lightweight, front-end framework that provides a number of great fe It's easy to get started with Concise: -- [Download the latest release (SASS Included)](https://github.com/ConciseCSS/concise.css/releases/download/v3.1.1/concise-v3.1.1-source.zip) +- [Download the latest release (SASS Included)](https://github.com/ConciseCSS/concise.css/archive/v3.4.0.zip) - Clone the repo: `git clone https://github.com/ConciseCSS/concise.css.git` - Install with [Bower](http://bower.io/): `bower install concise` - Install with [NPM](https://www.npmjs.com/): `npm install concise.css` **Note:** If you just want the CSS files, please refer to the downloads section for each release: [https://github.com/ConciseCSS/concise.css/releases](https://github.com/ConciseCSS/concise.css/releases) +You can also use our CDN: + +```CSS +/* Normal */ + + +/* Minified */ + +``` + After you download or install the package, [check out our documentation](http://concisecss.com/documentation) to get up and running. ### Building the project From e614d399fa87754037b4e0aa72080690169cd7f2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=E1=B4=80=E1=B4=8D=E1=B4=87s=20K=E1=B4=8F=CA=9F=E1=B4=84?= =?UTF-8?q?=E1=B4=87?= Date: Mon, 16 May 2016 16:05:20 -0600 Subject: [PATCH 002/183] Update README.md --- README.md | 2 -- 1 file changed, 2 deletions(-) diff --git a/README.md b/README.md index 0931c74..8a0622b 100644 --- a/README.md +++ b/README.md @@ -4,8 +4,6 @@ Concise is a lightweight, front-end framework that provides a number of great features without the bloat. Concise is built based on Object-Oriented CSS principles and keeps semantics in mind to provide a small learning curve, and a high level of customization. -**Note:** The next version is being developed in the [v4 branch](https://github.com/ConciseCSS/concise.css/tree/v4), this version won't include any new features other than bug fixes. - ## Quickstart It's easy to get started with Concise: From 45cd278bacc1d8ae7c5166a37290ed3104a67c75 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Thu, 19 May 2016 14:06:41 -0600 Subject: [PATCH 003/183] [fix: #136] Delete package.json from the ignore list in bower.json --- bower.json | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/bower.json b/bower.json index 118f678..d6d2608 100644 --- a/bower.json +++ b/bower.json @@ -6,8 +6,7 @@ ".gitignore", ".editorconfig", "README.md", - "LICENSE", - "package.json" + "LICENSE" ], "keywords": [ "css", From bbd7f14eb82da3aba8ff42f6c8ac44d1eb1f7d21 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Sun, 29 May 2016 16:36:27 -0600 Subject: [PATCH 004/183] [fix: #149] Add a truncate class for table cells --- dist/concise.css | 7 +++++++ dist/concise.min.css | 2 +- src/core/layout/_tables.scss | 11 +++++++++++ test/test.html | 37 ++++++++++++++++++++++++++++++++++++ 4 files changed, 56 insertions(+), 1 deletion(-) diff --git a/dist/concise.css b/dist/concise.css index 15c86d6..e9e7193 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -918,6 +918,13 @@ table { .table--hoverCell tbody td:hover { background-color: #f5f5f5; } +.table--truncate { + table-layout: fixed; } + .table--truncate td { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } + i, em, .italic { diff --git a/dist/concise.min.css b/dist/concise.min.css index 072ea4a..427637c 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -:root{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}audio:not([controls]){display:none}details{display:block}input[type="number"]{width:auto}input[type="search"]{-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}main,summary{display:block}pre{overflow:auto}progress{display:inline-block}textarea{overflow:auto}template,[hidden]{display:none}[unselectable]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:root{box-sizing:border-box;color:#555;cursor:default;font-family:"Helvetica","Arial",sans-serif;font-size:14px;line-height:1.5;text-rendering:optimizeLegibility;vertical-align:top}@media(min-width:30em){:root{font-size:16px}}:root .nonresponsive{font-size:16px}*,::after,::before{box-sizing:inherit;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;text-decoration:inherit;vertical-align:inherit}*{cursor:inherit;margin:0;padding:0}body{background-color:white}a,button,input[type="submit"],input,select,textarea{cursor:initial}*[dir="rl;"]{direction:rtl;unicode-bidi:embed}bdo[dir="ltr"],bdo[dir="rtl"]{unicode-bidi:bidi-override}bdo[dir="ltr"]{direction:ltr}bdo[dir="rtl"]{direction:rtl}hr{border:0;border-top:1px solid #e0e0e0;display:block;height:1px;margin:20px 0}figure{margin:24px 1em}figcaption{color:#666;font-style:italic;text-align:center}::-moz-selection{background-color:#d6d6d6}::selection{background-color:#d6d6d6}::-moz-selection{background-color:#d6d6d6}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:20px;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:10px}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}button,input[type="submit"],.button{background-color:#4591aa;border:0;color:white;cursor:pointer;display:inline-block;line-height:48px;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;-webkit-transition:150ms;transition:150ms;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:hover,input[type="submit"]:hover,button:focus,input[type="submit"]:focus,.button:hover,.button:focus{background-color:#75b3c7;color:inherit;text-decoration:none}button:focus,input[type="submit"]:focus,button:active,input[type="submit"]:active,.button:focus,.button:active{outline:0}button:active,input[type="submit"]:active,.button:active{background-color:#63a8bf}button[disabled],input[disabled][type="submit"],.button[disabled]{background-color:gainsboro;color:white;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:hover,.button--muted:focus{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:hover,.button--primary:focus{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:hover,.button--success:focus{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:hover,.button--warning:focus{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:hover,.button--error:focus{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75em;line-height:32px;padding:0 1.5em}.button--sm{font-size:.875em;line-height:40px;padding:0 2em}.button--lg{font-size:1.125em;line-height:56px;padding:0 3em}.button--xlg{font-size:1.125em;line-height:64px;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,0.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media(min-width:30em){.button--collapse{width:auto}}@media(min-width:30em){form,form [row]{margin-bottom:24px}}.nonresponsive form,.nonresponsive form [row]{margin-bottom:24px}input:not([type="submit"]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875em;height:32px;padding:0 .75em;-webkit-transition:150ms;transition:150ms;width:100%}input:not([type="submit"]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px rgba(69,145,170,0.5);outline:0}input:not([type="submit"])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type="submit"]){line-height:normal;min-height:24px}input:not([type="submit"])[type="checkbox"]:focus,input:not([type="submit"])[type="radio"]:focus,input:not([type="submit"])[type="range"]:focus,input:not([type="submit"])[type="file"]:focus,input:not([type="submit"])[type="color"]:focus,input:not([type="submit"])[type="submit"]:focus{border-color:transparent;box-shadow:none;outline:0}label{display:block;font-size:.875em}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:24px 1em;margin-bottom:24px}legend{font-size:.875em;font-weight:bold;padding:0 1em}input[type="checkbox"],input[type="file"],input[type="image"],input[type="radio"]{height:auto;width:auto}input[type="checkbox"],input[type="radio"]{line-height:normal;padding:0;vertical-align:middle}input[type="checkbox"]+label,input[type="radio"]+label{display:inline-block;margin:0 0 0 .5em;line-height:30px;vertical-align:middle}input[type="file"]{border:0;line-height:100%;padding:0}textarea{height:auto;padding:8px 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type="range"]{border:0;padding:0;width:100%;-webkit-appearance:none}input[type="range"]:focus{outline:0}input[type="range"]::-webkit-slider-runnable-track{background-color:gainsboro;border:0;border-radius:3px;height:5px}input[type="range"]::-webkit-slider-thumb{border:0;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type="range"]::-moz-range-track{background-color:gainsboro;border:0;border-radius:3px;height:5px}input[type="range"]::-moz-range-thumb{border:0;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type="range"]::-ms-track{background-color:gainsboro;border:0;border-radius:3px;color:transparent;height:5px}input[type="range"]::-ms-thumb{border:0;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75em;font-weight:bold;margin-top:8px}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:20px}@media(min-width:30em){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.nonresponsive .form--inline input,.nonresponsive .form--inline select,.nonresponsive .form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.nonresponsive .form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.nonresponsive .form--inline input+label{margin-left:1em}.input--small{font-size:.75em!important;height:24px!important}.input--large{font-size:1em!important;height:48px!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,0.15);border-color:#45ca69}.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,0.15);border-color:#ffb800}.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,0.15);border-color:#ca4829}.input--error:focus{border-color:#ca4829}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.giga,.mega,.kilo{color:#222;font-family:"Helvetica","Arial",sans-serif;line-height:1.25em}h1 small,h1 .small,h2 small,h2 .small,h3 small,h3 .small,h4 small,h4 .small,h5 small,h5 .small,h6 small,h6 .small,.h1 small,.h1 .small,.h2 small,.h2 .small,.h3 small,.h3 .small,.h4 small,.h4 .small,.h5 small,.h5 .small,.h6 small,.h6 .small,.giga small,.giga .small,.mega small,.mega .small,.kilo small,.kilo .small{color:#666;font-weight:lighter;vertical-align:0}h1,h2,h3,.h1,.h2,.h3,.giga,.mega,.kilo{margin:20px 0 10px}h1 small,h1 .small,h2 small,h2 .small,h3 small,h3 .small,.h1 small,.h1 .small,.h2 small,.h2 .small,.h3 small,.h3 .small,.giga small,.giga .small,.mega small,.mega .small,.kilo small,.kilo .small{font-size:65%}h4,h5,h6,.h4,.h5,.h6{margin:10px 0}h4 small,h4 .small,h5 small,h5 .small,h6 small,h6 .small,.h4 small,.h4 .small,.h5 small,.h5 .small,.h6 small,.h6 .small{font-size:75%}h1,.h1{font-size:2.25em}@media(min-width:48em){h1,.h1{font-size:3em}}h2,.h2{font-size:1.6875em}@media(min-width:48em){h2,.h2{font-size:2.25em}}h3,.h3{font-size:1.3125em}@media(min-width:48em){h3,.h3{font-size:1.75em}}h4,.h4{font-size:1.125em}h5,.h5{font-size:1em}h6,.h6{font-size:.875em}.giga{font-size:3.75em}@media(min-width:48em){.giga{font-size:5em}}.mega{font-size:3em}@media(min-width:48em){.mega{font-size:4em}}.kilo{font-size:2.4375em}@media(min-width:48em){.kilo{font-size:3.25em}}.nonresponsive h1,.nonresponsive .h1{font-size:3em}.nonresponsive h2,.nonresponsive .h2{font-size:2.25em}.nonresponsive h3,.nonresponsive .h3{font-size:1.75em}.nonresponsive .giga{font-size:5em}.nonresponsive .mega{font-size:4em}.nonresponsive .kilo{font-size:3.25em}ul,ol{padding-left:1.5em;margin-bottom:10px}ul ul,ul ol,ol ul,ol ol{margin-bottom:0}ul ul{list-style-type:square}ul ol{list-style-type:lower-roman}ol ol{list-style-type:lower-roman}ol ul{list-style-type:square}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:24px}dt{font-weight:bold}dt,dd{margin-bottom:10px}@media(min-width:60em){.dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.dl--horizontal dd{margin-left:165px}.dl--horizontal dd:before,.dl--horizontal dd:after{content:"";display:table}.dl--horizontal dd:after{clear:both}}.nonresponsive .dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.nonresponsive .dl--horizontal dd{margin-left:165px}.nonresponsive .dl--horizontal dd:before,.nonresponsive .dl--horizontal dd:after{content:"";display:table}.nonresponsive .dl--horizontal dd:after{clear:both}@media print{@page{margin:.5cm}*,*:before,*:after{background:transparent!important;color:black!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:white;color:black;font:11pt/1.3 "Georgia","Times New Roman","Times",serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,video,audio,object,embed,nav,footer,a[href^="#"]:after{display:none;visibility:hidden}p,h2,h3,.h2,.h3{orphans:3;widows:3}h2,h3,.h2,.h3{page-break-after:avoid}a,a:visited{color:black;font-size:.57em;text-decoration:underline;word-wrap:break-word}a[href]:after,a:visited[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,code{background-color:none;border:1px solid #e0e0e0;page-break-inside:avoid}blockquote{border:0;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ul li,ol li{content:"» "}}@media print and (min-width:30em){table{page-break-inside:avoid;width:100%!important}table th,table td{line-height:40px!important}}@media print{.badge,.badge:before,.badge *:after,.label,.label:before,.label *:after,.spinner,.spinner:before,.spinner *:after,.tooltip,.tooltip:before,.tooltip *:after,[data-hint],[data-hint]:before,[data-hint] *:after,.progress,.progress:before,.progress *:after,.breadcrumbs,.breadcrumbs:before,.breadcrumbs *:after,.modal,.modal:before,.modal *:after,.alert,.alert:before,.alert *:after{display:none;visibility:hidden}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:24px;width:100%}table caption{color:#555;font-size:85%;font-style:italic;line-height:48px;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table th,table td{border-right:1px solid #e0e0e0;line-height:24px;overflow:visible;padding:8px 1em}@media(min-width:30em){table th,table td{line-height:48px}}table th:last-child,table td:last-child{border-right:0}table tr,table td{-webkit-transition:background-color 150ms;transition:background-color 150ms}@media(min-width:30em){table{width:auto}table th,table td{padding:0 2.5em}}.nonresponsive{width:auto}.nonresponsive th,.nonresponsive td{padding:0 2.5em}.nonresponsive th,.nonresponsive td{line-height:48px}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,0.2);border:3px solid white;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border thead,.table--border td{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter th,.table--borderOuter td{border-right:0}.table--borderHorizontal thead,.table--borderHorizontal td{border-bottom:1px solid #e0e0e0}.table--borderHorizontal th,.table--borderHorizontal td{border-right:0}.table--flat{border:0}.table--flat td{border-bottom:0}.table--flat th,.table--flat td{border-right:0}.table--fillEven tbody tr:nth-child(even){background-color:#f5f5f5}.table--fillOdd tbody tr:nth-child(odd){background-color:#f5f5f5}.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--hoverCell tbody td:hover{background-color:#f5f5f5}i,em,.italic{font-style:italic}b,strong,.bold{font-weight:bold}small,.small{font-size:75%;vertical-align:text-bottom}sup,sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}s{text-decoration:line-through}p:not(:last-child){margin-bottom:20px}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:150ms;transition:150ms}a:hover,a:focus{color:#2f6374}h1 a,h2 a,h3 a,.h1 a,.h2 a,.h3 a{color:#555}h1 a:hover,h1 a:focus,h2 a:hover,h2 a:focus,h3 a:hover,h3 a:focus,.h1 a:hover,.h1 a:focus,.h2 a:hover,.h2 a:focus,.h3 a:hover,.h3 a:focus{color:#4591aa;text-decoration:none}abbr[title]{border-bottom:1px dotted #e0e0e0;cursor:help}code,pre,kbd,samp{font-family:"Consolas",monospace;font-size:.875em}pre{padding:16px 1.5em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:24px}code{padding:2px 3px}pre code{background-color:transparent;border:0;padding:0;vertical-align:inherit;white-space:pre}.pre--flat{background-color:transparent;border:0;border-radius:none;padding:0}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px white,0 2px 0 gainsboro;display:inline-block;line-height:1.75;margin:-3px 2px 0;padding:2px 6px 0;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:before,[row]:after{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media(min-width:48em){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.nonresponsive [column~="1"]{width:8.33333%}.nonresponsive [column~="2"]{width:16.66667%}.nonresponsive [column~="3"]{width:25%}.nonresponsive [column~="4"]{width:33.33333%}.nonresponsive [column~="5"]{width:41.66667%}.nonresponsive [column~="6"]{width:50%}.nonresponsive [column~="7"]{width:58.33333%}.nonresponsive [column~="8"]{width:66.66667%}.nonresponsive [column~="9"]{width:75%}.nonresponsive [column~="10"]{width:83.33333%}.nonresponsive [column~="11"]{width:91.66667%}.nonresponsive [column~="12"]{width:100%}.nonresponsive [column~="+1"]{margin-left:8.33333%}.nonresponsive [column~="+2"]{margin-left:16.66667%}.nonresponsive [column~="+3"]{margin-left:25%}.nonresponsive [column~="+4"]{margin-left:33.33333%}.nonresponsive [column~="+5"]{margin-left:41.66667%}.nonresponsive [column~="+6"]{margin-left:50%}.nonresponsive [column~="+7"]{margin-left:58.33333%}.nonresponsive [column~="+8"]{margin-left:66.66667%}.nonresponsive [column~="+9"]{margin-left:75%}.nonresponsive [column~="+10"]{margin-left:83.33333%}.nonresponsive [column~="+11"]{margin-left:91.66667%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.show--xsm,.hide--sm,.hide--md,.hide--lg,.hide--xlg,.hide--print,.hide--hd{display:block;visibility:visible}.hide--xsm,.show--sm,.show--md,.show--lg,.show--xlg,.show--print,.show--hd{display:none;visibility:hidden}@media(min-width:48em){.show--sm,.hide--xsm,.hide--md,.hide--lg,.hide--xlg{display:block;visibility:visible}.hide--sm,.show--xsm,.show--md,.show--lg,.show--xlg{display:none;visibility:hidden}}@media(min-width:60em){.show--md,.hide--sm,.hide--xsm,.hide--lg,.hide--xlg{display:block;visibility:visible}.hide--md,.show--sm,.show--xsm,.show--lg,.show--xlg{display:none;visibility:hidden}}@media(min-width:70em){.show--lg,.hide--xsm,.hide--sm,.hide--md,.hide--xlg{display:block;visibility:visible}.hide--lg,.show--xsm,.show--sm,.show--md,.show--xlg{display:none;visibility:hidden}}@media(min-width:80em){.show--xlg,.hide--xsm,.hide--sm,.hide--md,.hide--lg{display:block;visibility:visible}.hide--xlg,.show--xsm,.show--sm,.show--md,.show--lg{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3 / 2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.alert{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:inherit;font-size:.875em;margin:20px 0;padding:8px 1em;position:relative}.alert a{color:#222}.alert a:hover{text-decoration:underline}.alert-close{color:inherit;float:right;opacity:.5;-webkit-transition:opacity 150ms;transition:opacity 150ms}.alert-close:hover{opacity:1}.alert-close:hover,.alert-close:focus{text-decoration:none}a.alert-close:hover{text-decoration:none}.alert--muted{background-color:rgba(170,170,170,0.15);border-color:rgba(170,170,170,0.2);color:#919191}.alert--muted a{color:#777}.alert--primary{background-color:rgba(69,145,170,0.15);border-color:rgba(69,145,170,0.2);color:#367286}.alert--primary a{color:#285361}.alert--success{background-color:rgba(69,202,105,0.15);border-color:rgba(69,202,105,0.2);color:#31ab52}.alert--success a{color:#25843f}.alert--warning{background-color:rgba(255,184,0,0.15);border-color:rgba(255,184,0,0.2);color:#cc9300}.alert--warning a{color:#996e00}.alert--error{background-color:rgba(202,72,41,0.15);border-color:rgba(202,72,41,0.2);color:#a03920}.alert--error a{color:#752a18}.badge{background-color:#4591aa;border-radius:25px;color:white;display:inline-block;font-size:.75em;line-height:24px;padding:0 .75em}.breadcrumbs{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;font-size:.75em;margin-bottom:24px;padding:8px .5em}.breadcrumbs li{display:inline;list-style:none;padding-left:.75em}.breadcrumbs li:after{color:#c7c7c7;content:"\002f";padding-left:.75em}.breadcrumbs li:last-child:after{content:"";padding-left:0}.breadcrumbs li.is-active,.breadcrumbs li.is-active a{color:#4d4d4d}.breadcrumbs--flat{background-color:transparent;border:0;border-radius:0;padding:0}.button--bordered{background-color:transparent;border:1px solid #4591aa;color:#4591aa}.button--bordered:hover,.button--bordered:focus{background-color:#4591aa;color:white}.border--muted{border-color:#aaa;color:#aaa}.border--muted:hover,.border--muted:focus{background-color:#aaa;color:white}.border--muted:active{background-color:#c4c4c4}.border--primary{border-color:#4591aa;color:#4591aa}.border--primary:hover,.border--primary:focus{background-color:#4591aa;color:white}.border--primary:active{background-color:#63a8bf}.border--success{border-color:#45ca69;color:#45ca69}.border--success:hover,.border--success:focus{background-color:#45ca69;color:white}.border--success:active{background-color:#6dd589}.border--warning{border-color:#ffb800;color:#ffb800}.border--warning:hover,.border--warning:focus{background-color:#ffb800;color:white}.border--warning:active{background-color:#ffc633}.border--error{border-color:#ca4829;color:#ca4829}.border--error:hover,.border--error:focus{background-color:#ca4829;color:white}.border--error:active{background-color:#db674b}.button--prefix{padding-left:0}.button--prefix .prefix{background-image:-webkit-linear-gradient(top,rgba(0,0,0,0.15),rgba(0,0,0,0.15));background-image:linear-gradient(to bottom,rgba(0,0,0,0.15),rgba(0,0,0,0.15));display:inline-block;margin-right:1.25em;padding:0 1em;vertical-align:0}.button--prefix.button--bordered .prefix{background-image:none;border-right:1px solid currentColor}.button--affix{padding-right:0}.button--affix .affix{background-image:-webkit-linear-gradient(top,rgba(0,0,0,0.15),rgba(0,0,0,0.15));background-image:linear-gradient(to bottom,rgba(0,0,0,0.15),rgba(0,0,0,0.15));display:inline-block;margin-left:1.25em;padding:0 1em;vertical-align:0}.button--affix.button--bordered .affix{background-image:none;border-left:1px solid currentColor}.card{background-color:white;border:1px solid #e0e0e0;margin-bottom:24px;overflow:hidden;position:relative}.card-content{padding:24px 1.5em}.card-title{display:block;margin-top:10px}.card-footer{border-top:1px solid #e0e0e0;font-size:.875em;padding:16px 1.5em}.card-image{position:relative}.card-image img{bottom:0;left:0;position:relative;right:0;top:0;width:100%}.card-image .card-title{bottom:0;color:white;left:0;padding:0 1em;position:absolute}.collection{border:1px solid #e0e0e0;border-radius:3px;list-style-type:none;margin:24px 0;padding:0}.collection-item,.collection-header{border-bottom:1px solid #e0e0e0;display:block;margin:0;padding:8px 1em}.collection-item:last-of-type,.collection-header:last-of-type{border-bottom:0}.collection-item.is-active,.collection-header.is-active{background-color:#f5f5f5}a.collection-item:hover{background-color:#f5f5f5}.collection-header{padding:0 1em}.dropdown{cursor:auto;display:inline-block;outline:0;position:relative}.dropdown:focus{pointer-events:none}.dropdown:focus .dropdown-content{opacity:1;visibility:visible}.dropdown.no-pointer-events{pointer-events:auto!important}.dropdown.no-visibility .dropdown-content{display:none;visibility:visible!important}.dropdown.no-visibility:focus .dropdown-content{display:block}.dropdown.no-opacity .dropdown-content{opacity:1!important}.dropdown-content{background-color:white;border:1px solid #e0e0e0;color:#555;left:0;margin-top:8px;opacity:0;padding:8px 1em;pointer-events:auto;position:absolute;text-align:left;-webkit-transition:all 150ms;transition:all 150ms;visibility:hidden;width:200px;z-index:1}.dropdown-content:before,.dropdown-content:after{border:solid transparent;bottom:100%;content:"";height:0;left:1.5em;pointer-events:none;position:absolute;width:0}.dropdown-content:before{border-color:rgba(255,255,255,0);border-bottom-color:#e0e0e0;border-width:7px;margin-left:-7px}.dropdown-content:after{border-color:rgba(255,255,255,0);border-bottom-color:white;border-width:6px;margin-left:-6px}.dropdown-content li{font-size:.875em;list-style-type:none;margin:0;padding:8px 1em;-webkit-transition:background-color 150ms;transition:background-color 150ms;white-space:nowrap}.dropdown-content li:hover{background-color:#f5f5f5}ul.dropdown-content,ol.dropdown-content{padding:0}.dropdown--hover:hover{pointer-events:none}.dropdown--hover:hover .dropdown-content{opacity:1;visibility:visible}.dropdown--small .dropdown-content{width:150px}.dropdown--large .dropdown-content{width:300px}.dropdown--top .dropdown-content{bottom:100%;margin-top:0;margin-bottom:8px}.dropdown--top .dropdown-content:before,.dropdown--top .dropdown-content:after{top:100%}.dropdown--top .dropdown-content:after{border-color:rgba(255,255,255,0);border-top-color:white}.dropdown--top .dropdown-content:before{border-color:rgba(255,255,255,0);border-top-color:#e0e0e0}.group{display:inline-block;margin-bottom:24px;padding:0}.group:before,.group:after{content:"";display:table}.group:after{clear:both}.group span{margin-top:0}.group-item{border:1px solid #e0e0e0;display:inline-block;float:left;font-size:.875em;line-height:32px;list-style:none;padding:0 1em;-webkit-transition:background-color 150ms;transition:background-color 150ms}.group-item:not(:first-child){margin:0 0 0 -1px}.group-item:hover{background-color:#f5f5f5}.group-item:first-child{border-radius:3px 0 0 3px}.group-item:last-child{border-radius:0 3px 3px 0}.group-item.is-active{background-color:#f5f5f5}.label{background-color:#4591aa;border-radius:3px;color:white;display:inline-block;font-size:.75em;line-height:24px;padding:0 1em}.modal{background-color:rgba(40,46,49,0.5);bottom:0;left:0;margin:0;opacity:0;overflow:scroll;pointer-events:none;position:fixed;right:0;top:0;-webkit-transition:opacity ease-in 150ms;transition:opacity ease-in 150ms;z-index:1000002}.modal:target{opacity:1;pointer-events:auto}.modal-container{box-shadow:0 1px 3px 0 rgba(0,0,0,0.1);margin:16px auto;position:relative;width:90%}@media(min-width:48em){.modal-container{width:526px}}@media(min-height:30em){.modal-container{margin:10% auto}}@media(min-height:48em){.modal-container{margin:15% auto}}.modal-header{background-color:#4591aa;color:white;padding:16px 1.5em}.modal-header h1,.modal-header h2,.modal-header h3,.modal-header h4,.modal-header h5,.modal-header h6,.modal-header .h1,.modal-header .h2,.modal-header .h3,.modal-header .h4,.modal-header .h5,.modal-header .h6,.modal-header .giga,.modal-header .mega,.modal-header .kilo{color:inherit;display:inline}.modal-body,.modal-footer{background-color:white;margin-top:0}.modal-body{padding:32px 2.5em}.modal-footer{border-top:1px solid #e0e0e0;font-size:.875em;margin:0;padding:24px 2.5em}.modal-close{color:white;float:right;margin:0;opacity:.5;-webkit-transition:opacity 150ms;transition:opacity 150ms}.modal-close:hover{opacity:1}.modal-close:hover,.modal-close:focus{text-decoration:none}.modal:target .modal-close--background{display:block;height:100%;pointer-events:all;position:absolute;width:100%}.modal:target .modal-close--background:hover{border-bottom:0;text-decoration:none}@media(min-width:48em){.modal--small .modal-container{width:360px}}@media(min-width:48em){.modal--large .modal-container{width:760px}}@media(min-width:48em){.modal--full .modal-container{width:90%}}.modal--flat .modal-header{background-color:white;color:#555;padding:1.5em 2.5em 0}.modal--flat .modal-header h1,.modal--flat .modal-header h2,.modal--flat .modal-header h3,.modal--flat .modal-header h4,.modal--flat .modal-header h5,.modal--flat .modal-header h6,.modal--flat .modal-header .h1,.modal--flat .modal-header .h2,.modal--flat .modal-header .h3,.modal--flat .modal-header .h4,.modal--flat .modal-header .h5,.modal--flat .modal-header .h6{color:inherit}.modal--flat .modal-close{color:#555;line-height:1;margin:0}.progress{background-color:#f5f5f5;border-radius:3px;box-shadow:inset 0 1px 1px rgba(224,224,224,0.25);box-sizing:initial;color:white;font-size:.6875em;height:14px;line-height:1.2;margin-bottom:24px;position:relative;text-align:center;width:100%}.progress>span{background-color:#4591aa;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);display:block;height:100%;overflow:hidden;position:relative;width:auto}.progress--small{font-size:.5625em;height:10px;line-height:1.2}.progress--large{font-size:1em;height:25px;line-height:1.7}.progress--stacked>span{border-radius:0;display:inline-block;float:left;margin-top:0}.progress--stacked>span:first-of-type{border-radius:3px 0 0 3px}.progress--stacked>span:last-of-type{border-radius:0 3px 3px 0}.progress--striped>span:after,.progress--striped>span>span{background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0.25,rgba(255,255,255,0.2)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.2)),color-stop(0.75,rgba(255,255,255,0.2)),color-stop(0.75,transparent),to(transparent));background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent);background-size:50px 50px;bottom:0;content:"";left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}.progress--striped.progress--animate>span:after,.progress--striped.progress--animate>span>span{-webkit-animation:move 2s linear infinite;animation:move 2s linear infinite}@keyframes move{0%{background-position:0 0}100%{background-position:50px 50px}}@-webkit-keyframes move{0%{background-position:0 0}100%{background-position:50px 50px}}.spinner{-webkit-animation:rotate .8s infinite linear;animation:rotate .8s infinite linear;border:3px solid #b5b5b5;border-radius:50%;border-right-color:transparent;height:30px;margin:24px auto;width:30px}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.tooltip,[data-hint]{display:inline-block;position:relative}.tooltip:before,.tooltip:after,[data-hint]:before,[data-hint]:after{border-radius:2px;opacity:0;position:absolute;pointer-events:none;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:100ms;transition:100ms;-webkit-transition-delay:0ms;transition-delay:0ms;visibility:hidden;z-index:1000000}.tooltip:before,[data-hint]:before{background-color:transparent;border:8px solid transparent;content:"";position:absolute;z-index:1000001}.tooltip:after,[data-hint]:after{background-color:#282e31;color:white;content:attr(data-hint);font-size:.75em;padding:.25em .5em;text-decoration:none;white-space:nowrap}.tooltip:hover:before,.tooltip:hover:after,.tooltip:focus:before,.tooltip:focus:after,[data-hint]:hover:before,[data-hint]:hover:after,[data-hint]:focus:before,[data-hint]:focus:after{opacity:1;visibility:visible}.tooltip:hover:before,.tooltip:hover:after,[data-hint]:hover:before,[data-hint]:hover:after{-webkit-transition-delay:100ms;transition-delay:100ms}.tooltip--top:before{border-top-color:#282e31;margin-bottom:-12px}.tooltip--top:after{margin-left:-18px}.tooltip--top:before,.tooltip--top:after{bottom:100%;left:50%}.tooltip--top:hover:after,.tooltip--top:hover:before{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.tooltip--top:focus:after,.tooltip--top:focus:before{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-transition:150ms;transition:150ms}.tooltip--bottom:before{border-bottom-color:#282e31;margin-top:-12px}.tooltip--bottom:after{margin-left:-18px}.tooltip--bottom:before,.tooltip--bottom:after{left:50%;top:100%}.tooltip--bottom:hover:after,.tooltip--bottom:hover:before,.tooltip--bottom:focus:after,.tooltip--bottom:focus:before{-webkit-transform:translateY(8px);transform:translateY(8px)}.tooltip--right:before{border-right-color:#282e31;margin-bottom:-8px;margin-left:-12px}.tooltip--right:after{margin-bottom:-12px}.tooltip--right:before,.tooltip--right:after{bottom:50%;left:105%}.tooltip--right:hover:after,.tooltip--right:hover:before,.tooltip--right:focus:after,.tooltip--right:focus:before{-webkit-transform:translateX(8px);transform:translateX(8px)}.tooltip--left:before{border-left-color:#282e31;margin-bottom:-8px;margin-right:-12px}.tooltip--left:after{margin-bottom:-12px}.tooltip--left:before,.tooltip--left:after{bottom:50%;right:100%}.tooltip--left:hover:after,.tooltip--left:hover:before,.tooltip--left:focus:after,.tooltip--left:focus:before{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.tooltip--always:before,.tooltip--always:after{opacity:1;visibility:visible}.tooltip--always .tooltip--top:before,.tooltip--always .tooltip--top:after{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.tooltip--always .tooltip--right:before,.tooltip--always .tooltip--right:after{-webkit-transform:translateY(8px);transform:translateY(8px)}.tooltip--always .tooltip--bottom:before,.tooltip--always .tooltip--bottom:after{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.tooltip--always .tooltip--left:before,.tooltip--always .tooltip--left:after{-webkit-transform:translateX(8px);transform:translateX(8px)} \ No newline at end of file +:root{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}audio:not([controls]){display:none}details{display:block}input[type="number"]{width:auto}input[type="search"]{-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}main,summary{display:block}pre{overflow:auto}progress{display:inline-block}textarea{overflow:auto}template,[hidden]{display:none}[unselectable]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:root{box-sizing:border-box;color:#555;cursor:default;font-family:"Helvetica","Arial",sans-serif;font-size:14px;line-height:1.5;text-rendering:optimizeLegibility;vertical-align:top}@media(min-width:30em){:root{font-size:16px}}:root .nonresponsive{font-size:16px}*,::after,::before{box-sizing:inherit;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;text-decoration:inherit;vertical-align:inherit}*{cursor:inherit;margin:0;padding:0}body{background-color:white}a,button,input[type="submit"],input,select,textarea{cursor:initial}*[dir="rl;"]{direction:rtl;unicode-bidi:embed}bdo[dir="ltr"],bdo[dir="rtl"]{unicode-bidi:bidi-override}bdo[dir="ltr"]{direction:ltr}bdo[dir="rtl"]{direction:rtl}hr{border:0;border-top:1px solid #e0e0e0;display:block;height:1px;margin:20px 0}figure{margin:24px 1em}figcaption{color:#666;font-style:italic;text-align:center}::-moz-selection{background-color:#d6d6d6}::selection{background-color:#d6d6d6}::-moz-selection{background-color:#d6d6d6}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:20px;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:10px}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}button,input[type="submit"],.button{background-color:#4591aa;border:0;color:white;cursor:pointer;display:inline-block;line-height:48px;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;-webkit-transition:150ms;transition:150ms;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:hover,input[type="submit"]:hover,button:focus,input[type="submit"]:focus,.button:hover,.button:focus{background-color:#75b3c7;color:inherit;text-decoration:none}button:focus,input[type="submit"]:focus,button:active,input[type="submit"]:active,.button:focus,.button:active{outline:0}button:active,input[type="submit"]:active,.button:active{background-color:#63a8bf}button[disabled],input[disabled][type="submit"],.button[disabled]{background-color:gainsboro;color:white;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:hover,.button--muted:focus{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:hover,.button--primary:focus{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:hover,.button--success:focus{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:hover,.button--warning:focus{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:hover,.button--error:focus{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75em;line-height:32px;padding:0 1.5em}.button--sm{font-size:.875em;line-height:40px;padding:0 2em}.button--lg{font-size:1.125em;line-height:56px;padding:0 3em}.button--xlg{font-size:1.125em;line-height:64px;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,0.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media(min-width:30em){.button--collapse{width:auto}}@media(min-width:30em){form,form [row]{margin-bottom:24px}}.nonresponsive form,.nonresponsive form [row]{margin-bottom:24px}input:not([type="submit"]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875em;height:32px;padding:0 .75em;-webkit-transition:150ms;transition:150ms;width:100%}input:not([type="submit"]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px rgba(69,145,170,0.5);outline:0}input:not([type="submit"])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type="submit"]){line-height:normal;min-height:24px}input:not([type="submit"])[type="checkbox"]:focus,input:not([type="submit"])[type="radio"]:focus,input:not([type="submit"])[type="range"]:focus,input:not([type="submit"])[type="file"]:focus,input:not([type="submit"])[type="color"]:focus,input:not([type="submit"])[type="submit"]:focus{border-color:transparent;box-shadow:none;outline:0}label{display:block;font-size:.875em}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:24px 1em;margin-bottom:24px}legend{font-size:.875em;font-weight:bold;padding:0 1em}input[type="checkbox"],input[type="file"],input[type="image"],input[type="radio"]{height:auto;width:auto}input[type="checkbox"],input[type="radio"]{line-height:normal;padding:0;vertical-align:middle}input[type="checkbox"]+label,input[type="radio"]+label{display:inline-block;margin:0 0 0 .5em;line-height:30px;vertical-align:middle}input[type="file"]{border:0;line-height:100%;padding:0}textarea{height:auto;padding:8px 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type="range"]{border:0;padding:0;width:100%;-webkit-appearance:none}input[type="range"]:focus{outline:0}input[type="range"]::-webkit-slider-runnable-track{background-color:gainsboro;border:0;border-radius:3px;height:5px}input[type="range"]::-webkit-slider-thumb{border:0;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type="range"]::-moz-range-track{background-color:gainsboro;border:0;border-radius:3px;height:5px}input[type="range"]::-moz-range-thumb{border:0;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type="range"]::-ms-track{background-color:gainsboro;border:0;border-radius:3px;color:transparent;height:5px}input[type="range"]::-ms-thumb{border:0;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75em;font-weight:bold;margin-top:8px}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:20px}@media(min-width:30em){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.nonresponsive .form--inline input,.nonresponsive .form--inline select,.nonresponsive .form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.nonresponsive .form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.nonresponsive .form--inline input+label{margin-left:1em}.input--small{font-size:.75em!important;height:24px!important}.input--large{font-size:1em!important;height:48px!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,0.15);border-color:#45ca69}.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,0.15);border-color:#ffb800}.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,0.15);border-color:#ca4829}.input--error:focus{border-color:#ca4829}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.giga,.mega,.kilo{color:#222;font-family:"Helvetica","Arial",sans-serif;line-height:1.25em}h1 small,h1 .small,h2 small,h2 .small,h3 small,h3 .small,h4 small,h4 .small,h5 small,h5 .small,h6 small,h6 .small,.h1 small,.h1 .small,.h2 small,.h2 .small,.h3 small,.h3 .small,.h4 small,.h4 .small,.h5 small,.h5 .small,.h6 small,.h6 .small,.giga small,.giga .small,.mega small,.mega .small,.kilo small,.kilo .small{color:#666;font-weight:lighter;vertical-align:0}h1,h2,h3,.h1,.h2,.h3,.giga,.mega,.kilo{margin:20px 0 10px}h1 small,h1 .small,h2 small,h2 .small,h3 small,h3 .small,.h1 small,.h1 .small,.h2 small,.h2 .small,.h3 small,.h3 .small,.giga small,.giga .small,.mega small,.mega .small,.kilo small,.kilo .small{font-size:65%}h4,h5,h6,.h4,.h5,.h6{margin:10px 0}h4 small,h4 .small,h5 small,h5 .small,h6 small,h6 .small,.h4 small,.h4 .small,.h5 small,.h5 .small,.h6 small,.h6 .small{font-size:75%}h1,.h1{font-size:2.25em}@media(min-width:48em){h1,.h1{font-size:3em}}h2,.h2{font-size:1.6875em}@media(min-width:48em){h2,.h2{font-size:2.25em}}h3,.h3{font-size:1.3125em}@media(min-width:48em){h3,.h3{font-size:1.75em}}h4,.h4{font-size:1.125em}h5,.h5{font-size:1em}h6,.h6{font-size:.875em}.giga{font-size:3.75em}@media(min-width:48em){.giga{font-size:5em}}.mega{font-size:3em}@media(min-width:48em){.mega{font-size:4em}}.kilo{font-size:2.4375em}@media(min-width:48em){.kilo{font-size:3.25em}}.nonresponsive h1,.nonresponsive .h1{font-size:3em}.nonresponsive h2,.nonresponsive .h2{font-size:2.25em}.nonresponsive h3,.nonresponsive .h3{font-size:1.75em}.nonresponsive .giga{font-size:5em}.nonresponsive .mega{font-size:4em}.nonresponsive .kilo{font-size:3.25em}ul,ol{padding-left:1.5em;margin-bottom:10px}ul ul,ul ol,ol ul,ol ol{margin-bottom:0}ul ul{list-style-type:square}ul ol{list-style-type:lower-roman}ol ol{list-style-type:lower-roman}ol ul{list-style-type:square}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:24px}dt{font-weight:bold}dt,dd{margin-bottom:10px}@media(min-width:60em){.dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.dl--horizontal dd{margin-left:165px}.dl--horizontal dd:before,.dl--horizontal dd:after{content:"";display:table}.dl--horizontal dd:after{clear:both}}.nonresponsive .dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.nonresponsive .dl--horizontal dd{margin-left:165px}.nonresponsive .dl--horizontal dd:before,.nonresponsive .dl--horizontal dd:after{content:"";display:table}.nonresponsive .dl--horizontal dd:after{clear:both}@media print{@page{margin:.5cm}*,*:before,*:after{background:transparent!important;color:black!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:white;color:black;font:11pt/1.3 "Georgia","Times New Roman","Times",serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,video,audio,object,embed,nav,footer,a[href^="#"]:after{display:none;visibility:hidden}p,h2,h3,.h2,.h3{orphans:3;widows:3}h2,h3,.h2,.h3{page-break-after:avoid}a,a:visited{color:black;font-size:.57em;text-decoration:underline;word-wrap:break-word}a[href]:after,a:visited[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,code{background-color:none;border:1px solid #e0e0e0;page-break-inside:avoid}blockquote{border:0;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ul li,ol li{content:"» "}}@media print and (min-width:30em){table{page-break-inside:avoid;width:100%!important}table th,table td{line-height:40px!important}}@media print{.badge,.badge:before,.badge *:after,.label,.label:before,.label *:after,.spinner,.spinner:before,.spinner *:after,.tooltip,.tooltip:before,.tooltip *:after,[data-hint],[data-hint]:before,[data-hint] *:after,.progress,.progress:before,.progress *:after,.breadcrumbs,.breadcrumbs:before,.breadcrumbs *:after,.modal,.modal:before,.modal *:after,.alert,.alert:before,.alert *:after{display:none;visibility:hidden}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:24px;width:100%}table caption{color:#555;font-size:85%;font-style:italic;line-height:48px;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table th,table td{border-right:1px solid #e0e0e0;line-height:24px;overflow:visible;padding:8px 1em}@media(min-width:30em){table th,table td{line-height:48px}}table th:last-child,table td:last-child{border-right:0}table tr,table td{-webkit-transition:background-color 150ms;transition:background-color 150ms}@media(min-width:30em){table{width:auto}table th,table td{padding:0 2.5em}}.nonresponsive{width:auto}.nonresponsive th,.nonresponsive td{padding:0 2.5em}.nonresponsive th,.nonresponsive td{line-height:48px}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,0.2);border:3px solid white;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border thead,.table--border td{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter th,.table--borderOuter td{border-right:0}.table--borderHorizontal thead,.table--borderHorizontal td{border-bottom:1px solid #e0e0e0}.table--borderHorizontal th,.table--borderHorizontal td{border-right:0}.table--flat{border:0}.table--flat td{border-bottom:0}.table--flat th,.table--flat td{border-right:0}.table--fillEven tbody tr:nth-child(even){background-color:#f5f5f5}.table--fillOdd tbody tr:nth-child(odd){background-color:#f5f5f5}.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--hoverCell tbody td:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}i,em,.italic{font-style:italic}b,strong,.bold{font-weight:bold}small,.small{font-size:75%;vertical-align:text-bottom}sup,sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}s{text-decoration:line-through}p:not(:last-child){margin-bottom:20px}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:150ms;transition:150ms}a:hover,a:focus{color:#2f6374}h1 a,h2 a,h3 a,.h1 a,.h2 a,.h3 a{color:#555}h1 a:hover,h1 a:focus,h2 a:hover,h2 a:focus,h3 a:hover,h3 a:focus,.h1 a:hover,.h1 a:focus,.h2 a:hover,.h2 a:focus,.h3 a:hover,.h3 a:focus{color:#4591aa;text-decoration:none}abbr[title]{border-bottom:1px dotted #e0e0e0;cursor:help}code,pre,kbd,samp{font-family:"Consolas",monospace;font-size:.875em}pre{padding:16px 1.5em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:24px}code{padding:2px 3px}pre code{background-color:transparent;border:0;padding:0;vertical-align:inherit;white-space:pre}.pre--flat{background-color:transparent;border:0;border-radius:none;padding:0}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px white,0 2px 0 gainsboro;display:inline-block;line-height:1.75;margin:-3px 2px 0;padding:2px 6px 0;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:before,[row]:after{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media(min-width:48em){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.nonresponsive [column~="1"]{width:8.33333%}.nonresponsive [column~="2"]{width:16.66667%}.nonresponsive [column~="3"]{width:25%}.nonresponsive [column~="4"]{width:33.33333%}.nonresponsive [column~="5"]{width:41.66667%}.nonresponsive [column~="6"]{width:50%}.nonresponsive [column~="7"]{width:58.33333%}.nonresponsive [column~="8"]{width:66.66667%}.nonresponsive [column~="9"]{width:75%}.nonresponsive [column~="10"]{width:83.33333%}.nonresponsive [column~="11"]{width:91.66667%}.nonresponsive [column~="12"]{width:100%}.nonresponsive [column~="+1"]{margin-left:8.33333%}.nonresponsive [column~="+2"]{margin-left:16.66667%}.nonresponsive [column~="+3"]{margin-left:25%}.nonresponsive [column~="+4"]{margin-left:33.33333%}.nonresponsive [column~="+5"]{margin-left:41.66667%}.nonresponsive [column~="+6"]{margin-left:50%}.nonresponsive [column~="+7"]{margin-left:58.33333%}.nonresponsive [column~="+8"]{margin-left:66.66667%}.nonresponsive [column~="+9"]{margin-left:75%}.nonresponsive [column~="+10"]{margin-left:83.33333%}.nonresponsive [column~="+11"]{margin-left:91.66667%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.show--xsm,.hide--sm,.hide--md,.hide--lg,.hide--xlg,.hide--print,.hide--hd{display:block;visibility:visible}.hide--xsm,.show--sm,.show--md,.show--lg,.show--xlg,.show--print,.show--hd{display:none;visibility:hidden}@media(min-width:48em){.show--sm,.hide--xsm,.hide--md,.hide--lg,.hide--xlg{display:block;visibility:visible}.hide--sm,.show--xsm,.show--md,.show--lg,.show--xlg{display:none;visibility:hidden}}@media(min-width:60em){.show--md,.hide--sm,.hide--xsm,.hide--lg,.hide--xlg{display:block;visibility:visible}.hide--md,.show--sm,.show--xsm,.show--lg,.show--xlg{display:none;visibility:hidden}}@media(min-width:70em){.show--lg,.hide--xsm,.hide--sm,.hide--md,.hide--xlg{display:block;visibility:visible}.hide--lg,.show--xsm,.show--sm,.show--md,.show--xlg{display:none;visibility:hidden}}@media(min-width:80em){.show--xlg,.hide--xsm,.hide--sm,.hide--md,.hide--lg{display:block;visibility:visible}.hide--xlg,.show--xsm,.show--sm,.show--md,.show--lg{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3 / 2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.alert{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:inherit;font-size:.875em;margin:20px 0;padding:8px 1em;position:relative}.alert a{color:#222}.alert a:hover{text-decoration:underline}.alert-close{color:inherit;float:right;opacity:.5;-webkit-transition:opacity 150ms;transition:opacity 150ms}.alert-close:hover{opacity:1}.alert-close:hover,.alert-close:focus{text-decoration:none}a.alert-close:hover{text-decoration:none}.alert--muted{background-color:rgba(170,170,170,0.15);border-color:rgba(170,170,170,0.2);color:#919191}.alert--muted a{color:#777}.alert--primary{background-color:rgba(69,145,170,0.15);border-color:rgba(69,145,170,0.2);color:#367286}.alert--primary a{color:#285361}.alert--success{background-color:rgba(69,202,105,0.15);border-color:rgba(69,202,105,0.2);color:#31ab52}.alert--success a{color:#25843f}.alert--warning{background-color:rgba(255,184,0,0.15);border-color:rgba(255,184,0,0.2);color:#cc9300}.alert--warning a{color:#996e00}.alert--error{background-color:rgba(202,72,41,0.15);border-color:rgba(202,72,41,0.2);color:#a03920}.alert--error a{color:#752a18}.badge{background-color:#4591aa;border-radius:25px;color:white;display:inline-block;font-size:.75em;line-height:24px;padding:0 .75em}.breadcrumbs{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;font-size:.75em;margin-bottom:24px;padding:8px .5em}.breadcrumbs li{display:inline;list-style:none;padding-left:.75em}.breadcrumbs li:after{color:#c7c7c7;content:"\002f";padding-left:.75em}.breadcrumbs li:last-child:after{content:"";padding-left:0}.breadcrumbs li.is-active,.breadcrumbs li.is-active a{color:#4d4d4d}.breadcrumbs--flat{background-color:transparent;border:0;border-radius:0;padding:0}.button--bordered{background-color:transparent;border:1px solid #4591aa;color:#4591aa}.button--bordered:hover,.button--bordered:focus{background-color:#4591aa;color:white}.border--muted{border-color:#aaa;color:#aaa}.border--muted:hover,.border--muted:focus{background-color:#aaa;color:white}.border--muted:active{background-color:#c4c4c4}.border--primary{border-color:#4591aa;color:#4591aa}.border--primary:hover,.border--primary:focus{background-color:#4591aa;color:white}.border--primary:active{background-color:#63a8bf}.border--success{border-color:#45ca69;color:#45ca69}.border--success:hover,.border--success:focus{background-color:#45ca69;color:white}.border--success:active{background-color:#6dd589}.border--warning{border-color:#ffb800;color:#ffb800}.border--warning:hover,.border--warning:focus{background-color:#ffb800;color:white}.border--warning:active{background-color:#ffc633}.border--error{border-color:#ca4829;color:#ca4829}.border--error:hover,.border--error:focus{background-color:#ca4829;color:white}.border--error:active{background-color:#db674b}.button--prefix{padding-left:0}.button--prefix .prefix{background-image:-webkit-linear-gradient(top,rgba(0,0,0,0.15),rgba(0,0,0,0.15));background-image:linear-gradient(to bottom,rgba(0,0,0,0.15),rgba(0,0,0,0.15));display:inline-block;margin-right:1.25em;padding:0 1em;vertical-align:0}.button--prefix.button--bordered .prefix{background-image:none;border-right:1px solid currentColor}.button--affix{padding-right:0}.button--affix .affix{background-image:-webkit-linear-gradient(top,rgba(0,0,0,0.15),rgba(0,0,0,0.15));background-image:linear-gradient(to bottom,rgba(0,0,0,0.15),rgba(0,0,0,0.15));display:inline-block;margin-left:1.25em;padding:0 1em;vertical-align:0}.button--affix.button--bordered .affix{background-image:none;border-left:1px solid currentColor}.card{background-color:white;border:1px solid #e0e0e0;margin-bottom:24px;overflow:hidden;position:relative}.card-content{padding:24px 1.5em}.card-title{display:block;margin-top:10px}.card-footer{border-top:1px solid #e0e0e0;font-size:.875em;padding:16px 1.5em}.card-image{position:relative}.card-image img{bottom:0;left:0;position:relative;right:0;top:0;width:100%}.card-image .card-title{bottom:0;color:white;left:0;padding:0 1em;position:absolute}.collection{border:1px solid #e0e0e0;border-radius:3px;list-style-type:none;margin:24px 0;padding:0}.collection-item,.collection-header{border-bottom:1px solid #e0e0e0;display:block;margin:0;padding:8px 1em}.collection-item:last-of-type,.collection-header:last-of-type{border-bottom:0}.collection-item.is-active,.collection-header.is-active{background-color:#f5f5f5}a.collection-item:hover{background-color:#f5f5f5}.collection-header{padding:0 1em}.dropdown{cursor:auto;display:inline-block;outline:0;position:relative}.dropdown:focus{pointer-events:none}.dropdown:focus .dropdown-content{opacity:1;visibility:visible}.dropdown.no-pointer-events{pointer-events:auto!important}.dropdown.no-visibility .dropdown-content{display:none;visibility:visible!important}.dropdown.no-visibility:focus .dropdown-content{display:block}.dropdown.no-opacity .dropdown-content{opacity:1!important}.dropdown-content{background-color:white;border:1px solid #e0e0e0;color:#555;left:0;margin-top:8px;opacity:0;padding:8px 1em;pointer-events:auto;position:absolute;text-align:left;-webkit-transition:all 150ms;transition:all 150ms;visibility:hidden;width:200px;z-index:1}.dropdown-content:before,.dropdown-content:after{border:solid transparent;bottom:100%;content:"";height:0;left:1.5em;pointer-events:none;position:absolute;width:0}.dropdown-content:before{border-color:rgba(255,255,255,0);border-bottom-color:#e0e0e0;border-width:7px;margin-left:-7px}.dropdown-content:after{border-color:rgba(255,255,255,0);border-bottom-color:white;border-width:6px;margin-left:-6px}.dropdown-content li{font-size:.875em;list-style-type:none;margin:0;padding:8px 1em;-webkit-transition:background-color 150ms;transition:background-color 150ms;white-space:nowrap}.dropdown-content li:hover{background-color:#f5f5f5}ul.dropdown-content,ol.dropdown-content{padding:0}.dropdown--hover:hover{pointer-events:none}.dropdown--hover:hover .dropdown-content{opacity:1;visibility:visible}.dropdown--small .dropdown-content{width:150px}.dropdown--large .dropdown-content{width:300px}.dropdown--top .dropdown-content{bottom:100%;margin-top:0;margin-bottom:8px}.dropdown--top .dropdown-content:before,.dropdown--top .dropdown-content:after{top:100%}.dropdown--top .dropdown-content:after{border-color:rgba(255,255,255,0);border-top-color:white}.dropdown--top .dropdown-content:before{border-color:rgba(255,255,255,0);border-top-color:#e0e0e0}.group{display:inline-block;margin-bottom:24px;padding:0}.group:before,.group:after{content:"";display:table}.group:after{clear:both}.group span{margin-top:0}.group-item{border:1px solid #e0e0e0;display:inline-block;float:left;font-size:.875em;line-height:32px;list-style:none;padding:0 1em;-webkit-transition:background-color 150ms;transition:background-color 150ms}.group-item:not(:first-child){margin:0 0 0 -1px}.group-item:hover{background-color:#f5f5f5}.group-item:first-child{border-radius:3px 0 0 3px}.group-item:last-child{border-radius:0 3px 3px 0}.group-item.is-active{background-color:#f5f5f5}.label{background-color:#4591aa;border-radius:3px;color:white;display:inline-block;font-size:.75em;line-height:24px;padding:0 1em}.modal{background-color:rgba(40,46,49,0.5);bottom:0;left:0;margin:0;opacity:0;overflow:scroll;pointer-events:none;position:fixed;right:0;top:0;-webkit-transition:opacity ease-in 150ms;transition:opacity ease-in 150ms;z-index:1000002}.modal:target{opacity:1;pointer-events:auto}.modal-container{box-shadow:0 1px 3px 0 rgba(0,0,0,0.1);margin:16px auto;position:relative;width:90%}@media(min-width:48em){.modal-container{width:526px}}@media(min-height:30em){.modal-container{margin:10% auto}}@media(min-height:48em){.modal-container{margin:15% auto}}.modal-header{background-color:#4591aa;color:white;padding:16px 1.5em}.modal-header h1,.modal-header h2,.modal-header h3,.modal-header h4,.modal-header h5,.modal-header h6,.modal-header .h1,.modal-header .h2,.modal-header .h3,.modal-header .h4,.modal-header .h5,.modal-header .h6,.modal-header .giga,.modal-header .mega,.modal-header .kilo{color:inherit;display:inline}.modal-body,.modal-footer{background-color:white;margin-top:0}.modal-body{padding:32px 2.5em}.modal-footer{border-top:1px solid #e0e0e0;font-size:.875em;margin:0;padding:24px 2.5em}.modal-close{color:white;float:right;margin:0;opacity:.5;-webkit-transition:opacity 150ms;transition:opacity 150ms}.modal-close:hover{opacity:1}.modal-close:hover,.modal-close:focus{text-decoration:none}.modal:target .modal-close--background{display:block;height:100%;pointer-events:all;position:absolute;width:100%}.modal:target .modal-close--background:hover{border-bottom:0;text-decoration:none}@media(min-width:48em){.modal--small .modal-container{width:360px}}@media(min-width:48em){.modal--large .modal-container{width:760px}}@media(min-width:48em){.modal--full .modal-container{width:90%}}.modal--flat .modal-header{background-color:white;color:#555;padding:1.5em 2.5em 0}.modal--flat .modal-header h1,.modal--flat .modal-header h2,.modal--flat .modal-header h3,.modal--flat .modal-header h4,.modal--flat .modal-header h5,.modal--flat .modal-header h6,.modal--flat .modal-header .h1,.modal--flat .modal-header .h2,.modal--flat .modal-header .h3,.modal--flat .modal-header .h4,.modal--flat .modal-header .h5,.modal--flat .modal-header .h6{color:inherit}.modal--flat .modal-close{color:#555;line-height:1;margin:0}.progress{background-color:#f5f5f5;border-radius:3px;box-shadow:inset 0 1px 1px rgba(224,224,224,0.25);box-sizing:initial;color:white;font-size:.6875em;height:14px;line-height:1.2;margin-bottom:24px;position:relative;text-align:center;width:100%}.progress>span{background-color:#4591aa;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);display:block;height:100%;overflow:hidden;position:relative;width:auto}.progress--small{font-size:.5625em;height:10px;line-height:1.2}.progress--large{font-size:1em;height:25px;line-height:1.7}.progress--stacked>span{border-radius:0;display:inline-block;float:left;margin-top:0}.progress--stacked>span:first-of-type{border-radius:3px 0 0 3px}.progress--stacked>span:last-of-type{border-radius:0 3px 3px 0}.progress--striped>span:after,.progress--striped>span>span{background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0.25,rgba(255,255,255,0.2)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.2)),color-stop(0.75,rgba(255,255,255,0.2)),color-stop(0.75,transparent),to(transparent));background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent);background-size:50px 50px;bottom:0;content:"";left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}.progress--striped.progress--animate>span:after,.progress--striped.progress--animate>span>span{-webkit-animation:move 2s linear infinite;animation:move 2s linear infinite}@keyframes move{0%{background-position:0 0}100%{background-position:50px 50px}}@-webkit-keyframes move{0%{background-position:0 0}100%{background-position:50px 50px}}.spinner{-webkit-animation:rotate .8s infinite linear;animation:rotate .8s infinite linear;border:3px solid #b5b5b5;border-radius:50%;border-right-color:transparent;height:30px;margin:24px auto;width:30px}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.tooltip,[data-hint]{display:inline-block;position:relative}.tooltip:before,.tooltip:after,[data-hint]:before,[data-hint]:after{border-radius:2px;opacity:0;position:absolute;pointer-events:none;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:100ms;transition:100ms;-webkit-transition-delay:0ms;transition-delay:0ms;visibility:hidden;z-index:1000000}.tooltip:before,[data-hint]:before{background-color:transparent;border:8px solid transparent;content:"";position:absolute;z-index:1000001}.tooltip:after,[data-hint]:after{background-color:#282e31;color:white;content:attr(data-hint);font-size:.75em;padding:.25em .5em;text-decoration:none;white-space:nowrap}.tooltip:hover:before,.tooltip:hover:after,.tooltip:focus:before,.tooltip:focus:after,[data-hint]:hover:before,[data-hint]:hover:after,[data-hint]:focus:before,[data-hint]:focus:after{opacity:1;visibility:visible}.tooltip:hover:before,.tooltip:hover:after,[data-hint]:hover:before,[data-hint]:hover:after{-webkit-transition-delay:100ms;transition-delay:100ms}.tooltip--top:before{border-top-color:#282e31;margin-bottom:-12px}.tooltip--top:after{margin-left:-18px}.tooltip--top:before,.tooltip--top:after{bottom:100%;left:50%}.tooltip--top:hover:after,.tooltip--top:hover:before{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.tooltip--top:focus:after,.tooltip--top:focus:before{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-transition:150ms;transition:150ms}.tooltip--bottom:before{border-bottom-color:#282e31;margin-top:-12px}.tooltip--bottom:after{margin-left:-18px}.tooltip--bottom:before,.tooltip--bottom:after{left:50%;top:100%}.tooltip--bottom:hover:after,.tooltip--bottom:hover:before,.tooltip--bottom:focus:after,.tooltip--bottom:focus:before{-webkit-transform:translateY(8px);transform:translateY(8px)}.tooltip--right:before{border-right-color:#282e31;margin-bottom:-8px;margin-left:-12px}.tooltip--right:after{margin-bottom:-12px}.tooltip--right:before,.tooltip--right:after{bottom:50%;left:105%}.tooltip--right:hover:after,.tooltip--right:hover:before,.tooltip--right:focus:after,.tooltip--right:focus:before{-webkit-transform:translateX(8px);transform:translateX(8px)}.tooltip--left:before{border-left-color:#282e31;margin-bottom:-8px;margin-right:-12px}.tooltip--left:after{margin-bottom:-12px}.tooltip--left:before,.tooltip--left:after{bottom:50%;right:100%}.tooltip--left:hover:after,.tooltip--left:hover:before,.tooltip--left:focus:after,.tooltip--left:focus:before{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.tooltip--always:before,.tooltip--always:after{opacity:1;visibility:visible}.tooltip--always .tooltip--top:before,.tooltip--always .tooltip--top:after{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.tooltip--always .tooltip--right:before,.tooltip--always .tooltip--right:after{-webkit-transform:translateY(8px);transform:translateY(8px)}.tooltip--always .tooltip--bottom:before,.tooltip--always .tooltip--bottom:after{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.tooltip--always .tooltip--left:before,.tooltip--always .tooltip--left:after{-webkit-transform:translateX(8px);transform:translateX(8px)} \ No newline at end of file diff --git a/src/core/layout/_tables.scss b/src/core/layout/_tables.scss index a2bd402..69841a0 100644 --- a/src/core/layout/_tables.scss +++ b/src/core/layout/_tables.scss @@ -156,3 +156,14 @@ table { .table--hoverCell { tbody td:hover { background-color: getColor(background, light); } } + +// Truncate table +.table--truncate { + table-layout: fixed; + + td { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } +} diff --git a/test/test.html b/test/test.html index 4004956..87d13de 100644 --- a/test/test.html +++ b/test/test.html @@ -19,6 +19,11 @@ text-align: center; width: 100%; } + + .table--truncate, + .table--truncate td { + width: 500px; + } @@ -345,6 +350,38 @@
Heading 6 Helper text
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#First NameLast Name
Total Users:2
1This is a long long long long long long long long textDoe
2JaneDoe
+
From 9597c739b0b2e843df6a16e8f9f1ce7f49cacdbc Mon Sep 17 00:00:00 2001 From: James Kolce Date: Sun, 29 May 2016 16:50:01 -0600 Subject: [PATCH 005/183] [fix: #152] Add styles for navigation lists --- dist/concise.css | 20 ++++++++++++-------- dist/concise.min.css | 2 +- src/core/layout/_lists.scss | 23 ++++++++++++++--------- test/test.html | 9 +++++++++ 4 files changed, 36 insertions(+), 18 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index e9e7193..2eeeff7 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -632,20 +632,24 @@ ol ol { ol ul { list-style-type: square; } +nav ul { + padding-left: 0; } + +nav li { + list-style: none; } + .list--unstyled { list-style: none; padding-left: 0; } .list--unstyled li { padding-left: 0; } -.list--inline { - padding-left: 0; } - .list--inline li { - display: inline; - list-style: none; - padding-left: 1.5em; } - .list--inline li:first-child { - padding-left: 0; } +.list--inline li { + display: inline; + list-style: none; + padding-left: 1.5em; } + .list--inline li:first-child { + padding-left: 0; } dl { margin-bottom: 24px; } diff --git a/dist/concise.min.css b/dist/concise.min.css index 427637c..4fd1747 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -:root{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}audio:not([controls]){display:none}details{display:block}input[type="number"]{width:auto}input[type="search"]{-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}main,summary{display:block}pre{overflow:auto}progress{display:inline-block}textarea{overflow:auto}template,[hidden]{display:none}[unselectable]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:root{box-sizing:border-box;color:#555;cursor:default;font-family:"Helvetica","Arial",sans-serif;font-size:14px;line-height:1.5;text-rendering:optimizeLegibility;vertical-align:top}@media(min-width:30em){:root{font-size:16px}}:root .nonresponsive{font-size:16px}*,::after,::before{box-sizing:inherit;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;text-decoration:inherit;vertical-align:inherit}*{cursor:inherit;margin:0;padding:0}body{background-color:white}a,button,input[type="submit"],input,select,textarea{cursor:initial}*[dir="rl;"]{direction:rtl;unicode-bidi:embed}bdo[dir="ltr"],bdo[dir="rtl"]{unicode-bidi:bidi-override}bdo[dir="ltr"]{direction:ltr}bdo[dir="rtl"]{direction:rtl}hr{border:0;border-top:1px solid #e0e0e0;display:block;height:1px;margin:20px 0}figure{margin:24px 1em}figcaption{color:#666;font-style:italic;text-align:center}::-moz-selection{background-color:#d6d6d6}::selection{background-color:#d6d6d6}::-moz-selection{background-color:#d6d6d6}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:20px;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:10px}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}button,input[type="submit"],.button{background-color:#4591aa;border:0;color:white;cursor:pointer;display:inline-block;line-height:48px;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;-webkit-transition:150ms;transition:150ms;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:hover,input[type="submit"]:hover,button:focus,input[type="submit"]:focus,.button:hover,.button:focus{background-color:#75b3c7;color:inherit;text-decoration:none}button:focus,input[type="submit"]:focus,button:active,input[type="submit"]:active,.button:focus,.button:active{outline:0}button:active,input[type="submit"]:active,.button:active{background-color:#63a8bf}button[disabled],input[disabled][type="submit"],.button[disabled]{background-color:gainsboro;color:white;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:hover,.button--muted:focus{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:hover,.button--primary:focus{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:hover,.button--success:focus{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:hover,.button--warning:focus{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:hover,.button--error:focus{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75em;line-height:32px;padding:0 1.5em}.button--sm{font-size:.875em;line-height:40px;padding:0 2em}.button--lg{font-size:1.125em;line-height:56px;padding:0 3em}.button--xlg{font-size:1.125em;line-height:64px;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,0.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media(min-width:30em){.button--collapse{width:auto}}@media(min-width:30em){form,form [row]{margin-bottom:24px}}.nonresponsive form,.nonresponsive form [row]{margin-bottom:24px}input:not([type="submit"]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875em;height:32px;padding:0 .75em;-webkit-transition:150ms;transition:150ms;width:100%}input:not([type="submit"]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px rgba(69,145,170,0.5);outline:0}input:not([type="submit"])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type="submit"]){line-height:normal;min-height:24px}input:not([type="submit"])[type="checkbox"]:focus,input:not([type="submit"])[type="radio"]:focus,input:not([type="submit"])[type="range"]:focus,input:not([type="submit"])[type="file"]:focus,input:not([type="submit"])[type="color"]:focus,input:not([type="submit"])[type="submit"]:focus{border-color:transparent;box-shadow:none;outline:0}label{display:block;font-size:.875em}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:24px 1em;margin-bottom:24px}legend{font-size:.875em;font-weight:bold;padding:0 1em}input[type="checkbox"],input[type="file"],input[type="image"],input[type="radio"]{height:auto;width:auto}input[type="checkbox"],input[type="radio"]{line-height:normal;padding:0;vertical-align:middle}input[type="checkbox"]+label,input[type="radio"]+label{display:inline-block;margin:0 0 0 .5em;line-height:30px;vertical-align:middle}input[type="file"]{border:0;line-height:100%;padding:0}textarea{height:auto;padding:8px 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type="range"]{border:0;padding:0;width:100%;-webkit-appearance:none}input[type="range"]:focus{outline:0}input[type="range"]::-webkit-slider-runnable-track{background-color:gainsboro;border:0;border-radius:3px;height:5px}input[type="range"]::-webkit-slider-thumb{border:0;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type="range"]::-moz-range-track{background-color:gainsboro;border:0;border-radius:3px;height:5px}input[type="range"]::-moz-range-thumb{border:0;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type="range"]::-ms-track{background-color:gainsboro;border:0;border-radius:3px;color:transparent;height:5px}input[type="range"]::-ms-thumb{border:0;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75em;font-weight:bold;margin-top:8px}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:20px}@media(min-width:30em){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.nonresponsive .form--inline input,.nonresponsive .form--inline select,.nonresponsive .form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.nonresponsive .form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.nonresponsive .form--inline input+label{margin-left:1em}.input--small{font-size:.75em!important;height:24px!important}.input--large{font-size:1em!important;height:48px!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,0.15);border-color:#45ca69}.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,0.15);border-color:#ffb800}.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,0.15);border-color:#ca4829}.input--error:focus{border-color:#ca4829}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.giga,.mega,.kilo{color:#222;font-family:"Helvetica","Arial",sans-serif;line-height:1.25em}h1 small,h1 .small,h2 small,h2 .small,h3 small,h3 .small,h4 small,h4 .small,h5 small,h5 .small,h6 small,h6 .small,.h1 small,.h1 .small,.h2 small,.h2 .small,.h3 small,.h3 .small,.h4 small,.h4 .small,.h5 small,.h5 .small,.h6 small,.h6 .small,.giga small,.giga .small,.mega small,.mega .small,.kilo small,.kilo .small{color:#666;font-weight:lighter;vertical-align:0}h1,h2,h3,.h1,.h2,.h3,.giga,.mega,.kilo{margin:20px 0 10px}h1 small,h1 .small,h2 small,h2 .small,h3 small,h3 .small,.h1 small,.h1 .small,.h2 small,.h2 .small,.h3 small,.h3 .small,.giga small,.giga .small,.mega small,.mega .small,.kilo small,.kilo .small{font-size:65%}h4,h5,h6,.h4,.h5,.h6{margin:10px 0}h4 small,h4 .small,h5 small,h5 .small,h6 small,h6 .small,.h4 small,.h4 .small,.h5 small,.h5 .small,.h6 small,.h6 .small{font-size:75%}h1,.h1{font-size:2.25em}@media(min-width:48em){h1,.h1{font-size:3em}}h2,.h2{font-size:1.6875em}@media(min-width:48em){h2,.h2{font-size:2.25em}}h3,.h3{font-size:1.3125em}@media(min-width:48em){h3,.h3{font-size:1.75em}}h4,.h4{font-size:1.125em}h5,.h5{font-size:1em}h6,.h6{font-size:.875em}.giga{font-size:3.75em}@media(min-width:48em){.giga{font-size:5em}}.mega{font-size:3em}@media(min-width:48em){.mega{font-size:4em}}.kilo{font-size:2.4375em}@media(min-width:48em){.kilo{font-size:3.25em}}.nonresponsive h1,.nonresponsive .h1{font-size:3em}.nonresponsive h2,.nonresponsive .h2{font-size:2.25em}.nonresponsive h3,.nonresponsive .h3{font-size:1.75em}.nonresponsive .giga{font-size:5em}.nonresponsive .mega{font-size:4em}.nonresponsive .kilo{font-size:3.25em}ul,ol{padding-left:1.5em;margin-bottom:10px}ul ul,ul ol,ol ul,ol ol{margin-bottom:0}ul ul{list-style-type:square}ul ol{list-style-type:lower-roman}ol ol{list-style-type:lower-roman}ol ul{list-style-type:square}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:24px}dt{font-weight:bold}dt,dd{margin-bottom:10px}@media(min-width:60em){.dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.dl--horizontal dd{margin-left:165px}.dl--horizontal dd:before,.dl--horizontal dd:after{content:"";display:table}.dl--horizontal dd:after{clear:both}}.nonresponsive .dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.nonresponsive .dl--horizontal dd{margin-left:165px}.nonresponsive .dl--horizontal dd:before,.nonresponsive .dl--horizontal dd:after{content:"";display:table}.nonresponsive .dl--horizontal dd:after{clear:both}@media print{@page{margin:.5cm}*,*:before,*:after{background:transparent!important;color:black!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:white;color:black;font:11pt/1.3 "Georgia","Times New Roman","Times",serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,video,audio,object,embed,nav,footer,a[href^="#"]:after{display:none;visibility:hidden}p,h2,h3,.h2,.h3{orphans:3;widows:3}h2,h3,.h2,.h3{page-break-after:avoid}a,a:visited{color:black;font-size:.57em;text-decoration:underline;word-wrap:break-word}a[href]:after,a:visited[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,code{background-color:none;border:1px solid #e0e0e0;page-break-inside:avoid}blockquote{border:0;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ul li,ol li{content:"» "}}@media print and (min-width:30em){table{page-break-inside:avoid;width:100%!important}table th,table td{line-height:40px!important}}@media print{.badge,.badge:before,.badge *:after,.label,.label:before,.label *:after,.spinner,.spinner:before,.spinner *:after,.tooltip,.tooltip:before,.tooltip *:after,[data-hint],[data-hint]:before,[data-hint] *:after,.progress,.progress:before,.progress *:after,.breadcrumbs,.breadcrumbs:before,.breadcrumbs *:after,.modal,.modal:before,.modal *:after,.alert,.alert:before,.alert *:after{display:none;visibility:hidden}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:24px;width:100%}table caption{color:#555;font-size:85%;font-style:italic;line-height:48px;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table th,table td{border-right:1px solid #e0e0e0;line-height:24px;overflow:visible;padding:8px 1em}@media(min-width:30em){table th,table td{line-height:48px}}table th:last-child,table td:last-child{border-right:0}table tr,table td{-webkit-transition:background-color 150ms;transition:background-color 150ms}@media(min-width:30em){table{width:auto}table th,table td{padding:0 2.5em}}.nonresponsive{width:auto}.nonresponsive th,.nonresponsive td{padding:0 2.5em}.nonresponsive th,.nonresponsive td{line-height:48px}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,0.2);border:3px solid white;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border thead,.table--border td{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter th,.table--borderOuter td{border-right:0}.table--borderHorizontal thead,.table--borderHorizontal td{border-bottom:1px solid #e0e0e0}.table--borderHorizontal th,.table--borderHorizontal td{border-right:0}.table--flat{border:0}.table--flat td{border-bottom:0}.table--flat th,.table--flat td{border-right:0}.table--fillEven tbody tr:nth-child(even){background-color:#f5f5f5}.table--fillOdd tbody tr:nth-child(odd){background-color:#f5f5f5}.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--hoverCell tbody td:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}i,em,.italic{font-style:italic}b,strong,.bold{font-weight:bold}small,.small{font-size:75%;vertical-align:text-bottom}sup,sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}s{text-decoration:line-through}p:not(:last-child){margin-bottom:20px}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:150ms;transition:150ms}a:hover,a:focus{color:#2f6374}h1 a,h2 a,h3 a,.h1 a,.h2 a,.h3 a{color:#555}h1 a:hover,h1 a:focus,h2 a:hover,h2 a:focus,h3 a:hover,h3 a:focus,.h1 a:hover,.h1 a:focus,.h2 a:hover,.h2 a:focus,.h3 a:hover,.h3 a:focus{color:#4591aa;text-decoration:none}abbr[title]{border-bottom:1px dotted #e0e0e0;cursor:help}code,pre,kbd,samp{font-family:"Consolas",monospace;font-size:.875em}pre{padding:16px 1.5em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:24px}code{padding:2px 3px}pre code{background-color:transparent;border:0;padding:0;vertical-align:inherit;white-space:pre}.pre--flat{background-color:transparent;border:0;border-radius:none;padding:0}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px white,0 2px 0 gainsboro;display:inline-block;line-height:1.75;margin:-3px 2px 0;padding:2px 6px 0;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:before,[row]:after{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media(min-width:48em){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.nonresponsive [column~="1"]{width:8.33333%}.nonresponsive [column~="2"]{width:16.66667%}.nonresponsive [column~="3"]{width:25%}.nonresponsive [column~="4"]{width:33.33333%}.nonresponsive [column~="5"]{width:41.66667%}.nonresponsive [column~="6"]{width:50%}.nonresponsive [column~="7"]{width:58.33333%}.nonresponsive [column~="8"]{width:66.66667%}.nonresponsive [column~="9"]{width:75%}.nonresponsive [column~="10"]{width:83.33333%}.nonresponsive [column~="11"]{width:91.66667%}.nonresponsive [column~="12"]{width:100%}.nonresponsive [column~="+1"]{margin-left:8.33333%}.nonresponsive [column~="+2"]{margin-left:16.66667%}.nonresponsive [column~="+3"]{margin-left:25%}.nonresponsive [column~="+4"]{margin-left:33.33333%}.nonresponsive [column~="+5"]{margin-left:41.66667%}.nonresponsive [column~="+6"]{margin-left:50%}.nonresponsive [column~="+7"]{margin-left:58.33333%}.nonresponsive [column~="+8"]{margin-left:66.66667%}.nonresponsive [column~="+9"]{margin-left:75%}.nonresponsive [column~="+10"]{margin-left:83.33333%}.nonresponsive [column~="+11"]{margin-left:91.66667%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.show--xsm,.hide--sm,.hide--md,.hide--lg,.hide--xlg,.hide--print,.hide--hd{display:block;visibility:visible}.hide--xsm,.show--sm,.show--md,.show--lg,.show--xlg,.show--print,.show--hd{display:none;visibility:hidden}@media(min-width:48em){.show--sm,.hide--xsm,.hide--md,.hide--lg,.hide--xlg{display:block;visibility:visible}.hide--sm,.show--xsm,.show--md,.show--lg,.show--xlg{display:none;visibility:hidden}}@media(min-width:60em){.show--md,.hide--sm,.hide--xsm,.hide--lg,.hide--xlg{display:block;visibility:visible}.hide--md,.show--sm,.show--xsm,.show--lg,.show--xlg{display:none;visibility:hidden}}@media(min-width:70em){.show--lg,.hide--xsm,.hide--sm,.hide--md,.hide--xlg{display:block;visibility:visible}.hide--lg,.show--xsm,.show--sm,.show--md,.show--xlg{display:none;visibility:hidden}}@media(min-width:80em){.show--xlg,.hide--xsm,.hide--sm,.hide--md,.hide--lg{display:block;visibility:visible}.hide--xlg,.show--xsm,.show--sm,.show--md,.show--lg{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3 / 2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.alert{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:inherit;font-size:.875em;margin:20px 0;padding:8px 1em;position:relative}.alert a{color:#222}.alert a:hover{text-decoration:underline}.alert-close{color:inherit;float:right;opacity:.5;-webkit-transition:opacity 150ms;transition:opacity 150ms}.alert-close:hover{opacity:1}.alert-close:hover,.alert-close:focus{text-decoration:none}a.alert-close:hover{text-decoration:none}.alert--muted{background-color:rgba(170,170,170,0.15);border-color:rgba(170,170,170,0.2);color:#919191}.alert--muted a{color:#777}.alert--primary{background-color:rgba(69,145,170,0.15);border-color:rgba(69,145,170,0.2);color:#367286}.alert--primary a{color:#285361}.alert--success{background-color:rgba(69,202,105,0.15);border-color:rgba(69,202,105,0.2);color:#31ab52}.alert--success a{color:#25843f}.alert--warning{background-color:rgba(255,184,0,0.15);border-color:rgba(255,184,0,0.2);color:#cc9300}.alert--warning a{color:#996e00}.alert--error{background-color:rgba(202,72,41,0.15);border-color:rgba(202,72,41,0.2);color:#a03920}.alert--error a{color:#752a18}.badge{background-color:#4591aa;border-radius:25px;color:white;display:inline-block;font-size:.75em;line-height:24px;padding:0 .75em}.breadcrumbs{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;font-size:.75em;margin-bottom:24px;padding:8px .5em}.breadcrumbs li{display:inline;list-style:none;padding-left:.75em}.breadcrumbs li:after{color:#c7c7c7;content:"\002f";padding-left:.75em}.breadcrumbs li:last-child:after{content:"";padding-left:0}.breadcrumbs li.is-active,.breadcrumbs li.is-active a{color:#4d4d4d}.breadcrumbs--flat{background-color:transparent;border:0;border-radius:0;padding:0}.button--bordered{background-color:transparent;border:1px solid #4591aa;color:#4591aa}.button--bordered:hover,.button--bordered:focus{background-color:#4591aa;color:white}.border--muted{border-color:#aaa;color:#aaa}.border--muted:hover,.border--muted:focus{background-color:#aaa;color:white}.border--muted:active{background-color:#c4c4c4}.border--primary{border-color:#4591aa;color:#4591aa}.border--primary:hover,.border--primary:focus{background-color:#4591aa;color:white}.border--primary:active{background-color:#63a8bf}.border--success{border-color:#45ca69;color:#45ca69}.border--success:hover,.border--success:focus{background-color:#45ca69;color:white}.border--success:active{background-color:#6dd589}.border--warning{border-color:#ffb800;color:#ffb800}.border--warning:hover,.border--warning:focus{background-color:#ffb800;color:white}.border--warning:active{background-color:#ffc633}.border--error{border-color:#ca4829;color:#ca4829}.border--error:hover,.border--error:focus{background-color:#ca4829;color:white}.border--error:active{background-color:#db674b}.button--prefix{padding-left:0}.button--prefix .prefix{background-image:-webkit-linear-gradient(top,rgba(0,0,0,0.15),rgba(0,0,0,0.15));background-image:linear-gradient(to bottom,rgba(0,0,0,0.15),rgba(0,0,0,0.15));display:inline-block;margin-right:1.25em;padding:0 1em;vertical-align:0}.button--prefix.button--bordered .prefix{background-image:none;border-right:1px solid currentColor}.button--affix{padding-right:0}.button--affix .affix{background-image:-webkit-linear-gradient(top,rgba(0,0,0,0.15),rgba(0,0,0,0.15));background-image:linear-gradient(to bottom,rgba(0,0,0,0.15),rgba(0,0,0,0.15));display:inline-block;margin-left:1.25em;padding:0 1em;vertical-align:0}.button--affix.button--bordered .affix{background-image:none;border-left:1px solid currentColor}.card{background-color:white;border:1px solid #e0e0e0;margin-bottom:24px;overflow:hidden;position:relative}.card-content{padding:24px 1.5em}.card-title{display:block;margin-top:10px}.card-footer{border-top:1px solid #e0e0e0;font-size:.875em;padding:16px 1.5em}.card-image{position:relative}.card-image img{bottom:0;left:0;position:relative;right:0;top:0;width:100%}.card-image .card-title{bottom:0;color:white;left:0;padding:0 1em;position:absolute}.collection{border:1px solid #e0e0e0;border-radius:3px;list-style-type:none;margin:24px 0;padding:0}.collection-item,.collection-header{border-bottom:1px solid #e0e0e0;display:block;margin:0;padding:8px 1em}.collection-item:last-of-type,.collection-header:last-of-type{border-bottom:0}.collection-item.is-active,.collection-header.is-active{background-color:#f5f5f5}a.collection-item:hover{background-color:#f5f5f5}.collection-header{padding:0 1em}.dropdown{cursor:auto;display:inline-block;outline:0;position:relative}.dropdown:focus{pointer-events:none}.dropdown:focus .dropdown-content{opacity:1;visibility:visible}.dropdown.no-pointer-events{pointer-events:auto!important}.dropdown.no-visibility .dropdown-content{display:none;visibility:visible!important}.dropdown.no-visibility:focus .dropdown-content{display:block}.dropdown.no-opacity .dropdown-content{opacity:1!important}.dropdown-content{background-color:white;border:1px solid #e0e0e0;color:#555;left:0;margin-top:8px;opacity:0;padding:8px 1em;pointer-events:auto;position:absolute;text-align:left;-webkit-transition:all 150ms;transition:all 150ms;visibility:hidden;width:200px;z-index:1}.dropdown-content:before,.dropdown-content:after{border:solid transparent;bottom:100%;content:"";height:0;left:1.5em;pointer-events:none;position:absolute;width:0}.dropdown-content:before{border-color:rgba(255,255,255,0);border-bottom-color:#e0e0e0;border-width:7px;margin-left:-7px}.dropdown-content:after{border-color:rgba(255,255,255,0);border-bottom-color:white;border-width:6px;margin-left:-6px}.dropdown-content li{font-size:.875em;list-style-type:none;margin:0;padding:8px 1em;-webkit-transition:background-color 150ms;transition:background-color 150ms;white-space:nowrap}.dropdown-content li:hover{background-color:#f5f5f5}ul.dropdown-content,ol.dropdown-content{padding:0}.dropdown--hover:hover{pointer-events:none}.dropdown--hover:hover .dropdown-content{opacity:1;visibility:visible}.dropdown--small .dropdown-content{width:150px}.dropdown--large .dropdown-content{width:300px}.dropdown--top .dropdown-content{bottom:100%;margin-top:0;margin-bottom:8px}.dropdown--top .dropdown-content:before,.dropdown--top .dropdown-content:after{top:100%}.dropdown--top .dropdown-content:after{border-color:rgba(255,255,255,0);border-top-color:white}.dropdown--top .dropdown-content:before{border-color:rgba(255,255,255,0);border-top-color:#e0e0e0}.group{display:inline-block;margin-bottom:24px;padding:0}.group:before,.group:after{content:"";display:table}.group:after{clear:both}.group span{margin-top:0}.group-item{border:1px solid #e0e0e0;display:inline-block;float:left;font-size:.875em;line-height:32px;list-style:none;padding:0 1em;-webkit-transition:background-color 150ms;transition:background-color 150ms}.group-item:not(:first-child){margin:0 0 0 -1px}.group-item:hover{background-color:#f5f5f5}.group-item:first-child{border-radius:3px 0 0 3px}.group-item:last-child{border-radius:0 3px 3px 0}.group-item.is-active{background-color:#f5f5f5}.label{background-color:#4591aa;border-radius:3px;color:white;display:inline-block;font-size:.75em;line-height:24px;padding:0 1em}.modal{background-color:rgba(40,46,49,0.5);bottom:0;left:0;margin:0;opacity:0;overflow:scroll;pointer-events:none;position:fixed;right:0;top:0;-webkit-transition:opacity ease-in 150ms;transition:opacity ease-in 150ms;z-index:1000002}.modal:target{opacity:1;pointer-events:auto}.modal-container{box-shadow:0 1px 3px 0 rgba(0,0,0,0.1);margin:16px auto;position:relative;width:90%}@media(min-width:48em){.modal-container{width:526px}}@media(min-height:30em){.modal-container{margin:10% auto}}@media(min-height:48em){.modal-container{margin:15% auto}}.modal-header{background-color:#4591aa;color:white;padding:16px 1.5em}.modal-header h1,.modal-header h2,.modal-header h3,.modal-header h4,.modal-header h5,.modal-header h6,.modal-header .h1,.modal-header .h2,.modal-header .h3,.modal-header .h4,.modal-header .h5,.modal-header .h6,.modal-header .giga,.modal-header .mega,.modal-header .kilo{color:inherit;display:inline}.modal-body,.modal-footer{background-color:white;margin-top:0}.modal-body{padding:32px 2.5em}.modal-footer{border-top:1px solid #e0e0e0;font-size:.875em;margin:0;padding:24px 2.5em}.modal-close{color:white;float:right;margin:0;opacity:.5;-webkit-transition:opacity 150ms;transition:opacity 150ms}.modal-close:hover{opacity:1}.modal-close:hover,.modal-close:focus{text-decoration:none}.modal:target .modal-close--background{display:block;height:100%;pointer-events:all;position:absolute;width:100%}.modal:target .modal-close--background:hover{border-bottom:0;text-decoration:none}@media(min-width:48em){.modal--small .modal-container{width:360px}}@media(min-width:48em){.modal--large .modal-container{width:760px}}@media(min-width:48em){.modal--full .modal-container{width:90%}}.modal--flat .modal-header{background-color:white;color:#555;padding:1.5em 2.5em 0}.modal--flat .modal-header h1,.modal--flat .modal-header h2,.modal--flat .modal-header h3,.modal--flat .modal-header h4,.modal--flat .modal-header h5,.modal--flat .modal-header h6,.modal--flat .modal-header .h1,.modal--flat .modal-header .h2,.modal--flat .modal-header .h3,.modal--flat .modal-header .h4,.modal--flat .modal-header .h5,.modal--flat .modal-header .h6{color:inherit}.modal--flat .modal-close{color:#555;line-height:1;margin:0}.progress{background-color:#f5f5f5;border-radius:3px;box-shadow:inset 0 1px 1px rgba(224,224,224,0.25);box-sizing:initial;color:white;font-size:.6875em;height:14px;line-height:1.2;margin-bottom:24px;position:relative;text-align:center;width:100%}.progress>span{background-color:#4591aa;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);display:block;height:100%;overflow:hidden;position:relative;width:auto}.progress--small{font-size:.5625em;height:10px;line-height:1.2}.progress--large{font-size:1em;height:25px;line-height:1.7}.progress--stacked>span{border-radius:0;display:inline-block;float:left;margin-top:0}.progress--stacked>span:first-of-type{border-radius:3px 0 0 3px}.progress--stacked>span:last-of-type{border-radius:0 3px 3px 0}.progress--striped>span:after,.progress--striped>span>span{background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0.25,rgba(255,255,255,0.2)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.2)),color-stop(0.75,rgba(255,255,255,0.2)),color-stop(0.75,transparent),to(transparent));background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent);background-size:50px 50px;bottom:0;content:"";left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}.progress--striped.progress--animate>span:after,.progress--striped.progress--animate>span>span{-webkit-animation:move 2s linear infinite;animation:move 2s linear infinite}@keyframes move{0%{background-position:0 0}100%{background-position:50px 50px}}@-webkit-keyframes move{0%{background-position:0 0}100%{background-position:50px 50px}}.spinner{-webkit-animation:rotate .8s infinite linear;animation:rotate .8s infinite linear;border:3px solid #b5b5b5;border-radius:50%;border-right-color:transparent;height:30px;margin:24px auto;width:30px}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.tooltip,[data-hint]{display:inline-block;position:relative}.tooltip:before,.tooltip:after,[data-hint]:before,[data-hint]:after{border-radius:2px;opacity:0;position:absolute;pointer-events:none;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:100ms;transition:100ms;-webkit-transition-delay:0ms;transition-delay:0ms;visibility:hidden;z-index:1000000}.tooltip:before,[data-hint]:before{background-color:transparent;border:8px solid transparent;content:"";position:absolute;z-index:1000001}.tooltip:after,[data-hint]:after{background-color:#282e31;color:white;content:attr(data-hint);font-size:.75em;padding:.25em .5em;text-decoration:none;white-space:nowrap}.tooltip:hover:before,.tooltip:hover:after,.tooltip:focus:before,.tooltip:focus:after,[data-hint]:hover:before,[data-hint]:hover:after,[data-hint]:focus:before,[data-hint]:focus:after{opacity:1;visibility:visible}.tooltip:hover:before,.tooltip:hover:after,[data-hint]:hover:before,[data-hint]:hover:after{-webkit-transition-delay:100ms;transition-delay:100ms}.tooltip--top:before{border-top-color:#282e31;margin-bottom:-12px}.tooltip--top:after{margin-left:-18px}.tooltip--top:before,.tooltip--top:after{bottom:100%;left:50%}.tooltip--top:hover:after,.tooltip--top:hover:before{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.tooltip--top:focus:after,.tooltip--top:focus:before{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-transition:150ms;transition:150ms}.tooltip--bottom:before{border-bottom-color:#282e31;margin-top:-12px}.tooltip--bottom:after{margin-left:-18px}.tooltip--bottom:before,.tooltip--bottom:after{left:50%;top:100%}.tooltip--bottom:hover:after,.tooltip--bottom:hover:before,.tooltip--bottom:focus:after,.tooltip--bottom:focus:before{-webkit-transform:translateY(8px);transform:translateY(8px)}.tooltip--right:before{border-right-color:#282e31;margin-bottom:-8px;margin-left:-12px}.tooltip--right:after{margin-bottom:-12px}.tooltip--right:before,.tooltip--right:after{bottom:50%;left:105%}.tooltip--right:hover:after,.tooltip--right:hover:before,.tooltip--right:focus:after,.tooltip--right:focus:before{-webkit-transform:translateX(8px);transform:translateX(8px)}.tooltip--left:before{border-left-color:#282e31;margin-bottom:-8px;margin-right:-12px}.tooltip--left:after{margin-bottom:-12px}.tooltip--left:before,.tooltip--left:after{bottom:50%;right:100%}.tooltip--left:hover:after,.tooltip--left:hover:before,.tooltip--left:focus:after,.tooltip--left:focus:before{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.tooltip--always:before,.tooltip--always:after{opacity:1;visibility:visible}.tooltip--always .tooltip--top:before,.tooltip--always .tooltip--top:after{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.tooltip--always .tooltip--right:before,.tooltip--always .tooltip--right:after{-webkit-transform:translateY(8px);transform:translateY(8px)}.tooltip--always .tooltip--bottom:before,.tooltip--always .tooltip--bottom:after{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.tooltip--always .tooltip--left:before,.tooltip--always .tooltip--left:after{-webkit-transform:translateX(8px);transform:translateX(8px)} \ No newline at end of file +:root{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}audio:not([controls]){display:none}details{display:block}input[type="number"]{width:auto}input[type="search"]{-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}main,summary{display:block}pre{overflow:auto}progress{display:inline-block}textarea{overflow:auto}template,[hidden]{display:none}[unselectable]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:root{box-sizing:border-box;color:#555;cursor:default;font-family:"Helvetica","Arial",sans-serif;font-size:14px;line-height:1.5;text-rendering:optimizeLegibility;vertical-align:top}@media(min-width:30em){:root{font-size:16px}}:root .nonresponsive{font-size:16px}*,::after,::before{box-sizing:inherit;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;text-decoration:inherit;vertical-align:inherit}*{cursor:inherit;margin:0;padding:0}body{background-color:white}a,button,input[type="submit"],input,select,textarea{cursor:initial}*[dir="rl;"]{direction:rtl;unicode-bidi:embed}bdo[dir="ltr"],bdo[dir="rtl"]{unicode-bidi:bidi-override}bdo[dir="ltr"]{direction:ltr}bdo[dir="rtl"]{direction:rtl}hr{border:0;border-top:1px solid #e0e0e0;display:block;height:1px;margin:20px 0}figure{margin:24px 1em}figcaption{color:#666;font-style:italic;text-align:center}::-moz-selection{background-color:#d6d6d6}::selection{background-color:#d6d6d6}::-moz-selection{background-color:#d6d6d6}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:20px;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:10px}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}button,input[type="submit"],.button{background-color:#4591aa;border:0;color:white;cursor:pointer;display:inline-block;line-height:48px;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;-webkit-transition:150ms;transition:150ms;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:hover,input[type="submit"]:hover,button:focus,input[type="submit"]:focus,.button:hover,.button:focus{background-color:#75b3c7;color:inherit;text-decoration:none}button:focus,input[type="submit"]:focus,button:active,input[type="submit"]:active,.button:focus,.button:active{outline:0}button:active,input[type="submit"]:active,.button:active{background-color:#63a8bf}button[disabled],input[disabled][type="submit"],.button[disabled]{background-color:gainsboro;color:white;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:hover,.button--muted:focus{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:hover,.button--primary:focus{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:hover,.button--success:focus{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:hover,.button--warning:focus{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:hover,.button--error:focus{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75em;line-height:32px;padding:0 1.5em}.button--sm{font-size:.875em;line-height:40px;padding:0 2em}.button--lg{font-size:1.125em;line-height:56px;padding:0 3em}.button--xlg{font-size:1.125em;line-height:64px;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,0.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media(min-width:30em){.button--collapse{width:auto}}@media(min-width:30em){form,form [row]{margin-bottom:24px}}.nonresponsive form,.nonresponsive form [row]{margin-bottom:24px}input:not([type="submit"]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875em;height:32px;padding:0 .75em;-webkit-transition:150ms;transition:150ms;width:100%}input:not([type="submit"]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px rgba(69,145,170,0.5);outline:0}input:not([type="submit"])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type="submit"]){line-height:normal;min-height:24px}input:not([type="submit"])[type="checkbox"]:focus,input:not([type="submit"])[type="radio"]:focus,input:not([type="submit"])[type="range"]:focus,input:not([type="submit"])[type="file"]:focus,input:not([type="submit"])[type="color"]:focus,input:not([type="submit"])[type="submit"]:focus{border-color:transparent;box-shadow:none;outline:0}label{display:block;font-size:.875em}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:24px 1em;margin-bottom:24px}legend{font-size:.875em;font-weight:bold;padding:0 1em}input[type="checkbox"],input[type="file"],input[type="image"],input[type="radio"]{height:auto;width:auto}input[type="checkbox"],input[type="radio"]{line-height:normal;padding:0;vertical-align:middle}input[type="checkbox"]+label,input[type="radio"]+label{display:inline-block;margin:0 0 0 .5em;line-height:30px;vertical-align:middle}input[type="file"]{border:0;line-height:100%;padding:0}textarea{height:auto;padding:8px 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type="range"]{border:0;padding:0;width:100%;-webkit-appearance:none}input[type="range"]:focus{outline:0}input[type="range"]::-webkit-slider-runnable-track{background-color:gainsboro;border:0;border-radius:3px;height:5px}input[type="range"]::-webkit-slider-thumb{border:0;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type="range"]::-moz-range-track{background-color:gainsboro;border:0;border-radius:3px;height:5px}input[type="range"]::-moz-range-thumb{border:0;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type="range"]::-ms-track{background-color:gainsboro;border:0;border-radius:3px;color:transparent;height:5px}input[type="range"]::-ms-thumb{border:0;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75em;font-weight:bold;margin-top:8px}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:20px}@media(min-width:30em){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.nonresponsive .form--inline input,.nonresponsive .form--inline select,.nonresponsive .form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.nonresponsive .form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.nonresponsive .form--inline input+label{margin-left:1em}.input--small{font-size:.75em!important;height:24px!important}.input--large{font-size:1em!important;height:48px!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,0.15);border-color:#45ca69}.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,0.15);border-color:#ffb800}.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,0.15);border-color:#ca4829}.input--error:focus{border-color:#ca4829}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.giga,.mega,.kilo{color:#222;font-family:"Helvetica","Arial",sans-serif;line-height:1.25em}h1 small,h1 .small,h2 small,h2 .small,h3 small,h3 .small,h4 small,h4 .small,h5 small,h5 .small,h6 small,h6 .small,.h1 small,.h1 .small,.h2 small,.h2 .small,.h3 small,.h3 .small,.h4 small,.h4 .small,.h5 small,.h5 .small,.h6 small,.h6 .small,.giga small,.giga .small,.mega small,.mega .small,.kilo small,.kilo .small{color:#666;font-weight:lighter;vertical-align:0}h1,h2,h3,.h1,.h2,.h3,.giga,.mega,.kilo{margin:20px 0 10px}h1 small,h1 .small,h2 small,h2 .small,h3 small,h3 .small,.h1 small,.h1 .small,.h2 small,.h2 .small,.h3 small,.h3 .small,.giga small,.giga .small,.mega small,.mega .small,.kilo small,.kilo .small{font-size:65%}h4,h5,h6,.h4,.h5,.h6{margin:10px 0}h4 small,h4 .small,h5 small,h5 .small,h6 small,h6 .small,.h4 small,.h4 .small,.h5 small,.h5 .small,.h6 small,.h6 .small{font-size:75%}h1,.h1{font-size:2.25em}@media(min-width:48em){h1,.h1{font-size:3em}}h2,.h2{font-size:1.6875em}@media(min-width:48em){h2,.h2{font-size:2.25em}}h3,.h3{font-size:1.3125em}@media(min-width:48em){h3,.h3{font-size:1.75em}}h4,.h4{font-size:1.125em}h5,.h5{font-size:1em}h6,.h6{font-size:.875em}.giga{font-size:3.75em}@media(min-width:48em){.giga{font-size:5em}}.mega{font-size:3em}@media(min-width:48em){.mega{font-size:4em}}.kilo{font-size:2.4375em}@media(min-width:48em){.kilo{font-size:3.25em}}.nonresponsive h1,.nonresponsive .h1{font-size:3em}.nonresponsive h2,.nonresponsive .h2{font-size:2.25em}.nonresponsive h3,.nonresponsive .h3{font-size:1.75em}.nonresponsive .giga{font-size:5em}.nonresponsive .mega{font-size:4em}.nonresponsive .kilo{font-size:3.25em}ul,ol{padding-left:1.5em;margin-bottom:10px}ul ul,ul ol,ol ul,ol ol{margin-bottom:0}ul ul{list-style-type:square}ul ol{list-style-type:lower-roman}ol ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:24px}dt{font-weight:bold}dt,dd{margin-bottom:10px}@media(min-width:60em){.dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.dl--horizontal dd{margin-left:165px}.dl--horizontal dd:before,.dl--horizontal dd:after{content:"";display:table}.dl--horizontal dd:after{clear:both}}.nonresponsive .dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.nonresponsive .dl--horizontal dd{margin-left:165px}.nonresponsive .dl--horizontal dd:before,.nonresponsive .dl--horizontal dd:after{content:"";display:table}.nonresponsive .dl--horizontal dd:after{clear:both}@media print{@page{margin:.5cm}*,*:before,*:after{background:transparent!important;color:black!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:white;color:black;font:11pt/1.3 "Georgia","Times New Roman","Times",serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,video,audio,object,embed,nav,footer,a[href^="#"]:after{display:none;visibility:hidden}p,h2,h3,.h2,.h3{orphans:3;widows:3}h2,h3,.h2,.h3{page-break-after:avoid}a,a:visited{color:black;font-size:.57em;text-decoration:underline;word-wrap:break-word}a[href]:after,a:visited[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,code{background-color:none;border:1px solid #e0e0e0;page-break-inside:avoid}blockquote{border:0;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ul li,ol li{content:"» "}}@media print and (min-width:30em){table{page-break-inside:avoid;width:100%!important}table th,table td{line-height:40px!important}}@media print{.badge,.badge:before,.badge *:after,.label,.label:before,.label *:after,.spinner,.spinner:before,.spinner *:after,.tooltip,.tooltip:before,.tooltip *:after,[data-hint],[data-hint]:before,[data-hint] *:after,.progress,.progress:before,.progress *:after,.breadcrumbs,.breadcrumbs:before,.breadcrumbs *:after,.modal,.modal:before,.modal *:after,.alert,.alert:before,.alert *:after{display:none;visibility:hidden}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:24px;width:100%}table caption{color:#555;font-size:85%;font-style:italic;line-height:48px;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table th,table td{border-right:1px solid #e0e0e0;line-height:24px;overflow:visible;padding:8px 1em}@media(min-width:30em){table th,table td{line-height:48px}}table th:last-child,table td:last-child{border-right:0}table tr,table td{-webkit-transition:background-color 150ms;transition:background-color 150ms}@media(min-width:30em){table{width:auto}table th,table td{padding:0 2.5em}}.nonresponsive{width:auto}.nonresponsive th,.nonresponsive td{padding:0 2.5em}.nonresponsive th,.nonresponsive td{line-height:48px}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,0.2);border:3px solid white;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border thead,.table--border td{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter th,.table--borderOuter td{border-right:0}.table--borderHorizontal thead,.table--borderHorizontal td{border-bottom:1px solid #e0e0e0}.table--borderHorizontal th,.table--borderHorizontal td{border-right:0}.table--flat{border:0}.table--flat td{border-bottom:0}.table--flat th,.table--flat td{border-right:0}.table--fillEven tbody tr:nth-child(even){background-color:#f5f5f5}.table--fillOdd tbody tr:nth-child(odd){background-color:#f5f5f5}.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--hoverCell tbody td:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}i,em,.italic{font-style:italic}b,strong,.bold{font-weight:bold}small,.small{font-size:75%;vertical-align:text-bottom}sup,sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}s{text-decoration:line-through}p:not(:last-child){margin-bottom:20px}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:150ms;transition:150ms}a:hover,a:focus{color:#2f6374}h1 a,h2 a,h3 a,.h1 a,.h2 a,.h3 a{color:#555}h1 a:hover,h1 a:focus,h2 a:hover,h2 a:focus,h3 a:hover,h3 a:focus,.h1 a:hover,.h1 a:focus,.h2 a:hover,.h2 a:focus,.h3 a:hover,.h3 a:focus{color:#4591aa;text-decoration:none}abbr[title]{border-bottom:1px dotted #e0e0e0;cursor:help}code,pre,kbd,samp{font-family:"Consolas",monospace;font-size:.875em}pre{padding:16px 1.5em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:24px}code{padding:2px 3px}pre code{background-color:transparent;border:0;padding:0;vertical-align:inherit;white-space:pre}.pre--flat{background-color:transparent;border:0;border-radius:none;padding:0}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px white,0 2px 0 gainsboro;display:inline-block;line-height:1.75;margin:-3px 2px 0;padding:2px 6px 0;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:before,[row]:after{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media(min-width:48em){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.nonresponsive [column~="1"]{width:8.33333%}.nonresponsive [column~="2"]{width:16.66667%}.nonresponsive [column~="3"]{width:25%}.nonresponsive [column~="4"]{width:33.33333%}.nonresponsive [column~="5"]{width:41.66667%}.nonresponsive [column~="6"]{width:50%}.nonresponsive [column~="7"]{width:58.33333%}.nonresponsive [column~="8"]{width:66.66667%}.nonresponsive [column~="9"]{width:75%}.nonresponsive [column~="10"]{width:83.33333%}.nonresponsive [column~="11"]{width:91.66667%}.nonresponsive [column~="12"]{width:100%}.nonresponsive [column~="+1"]{margin-left:8.33333%}.nonresponsive [column~="+2"]{margin-left:16.66667%}.nonresponsive [column~="+3"]{margin-left:25%}.nonresponsive [column~="+4"]{margin-left:33.33333%}.nonresponsive [column~="+5"]{margin-left:41.66667%}.nonresponsive [column~="+6"]{margin-left:50%}.nonresponsive [column~="+7"]{margin-left:58.33333%}.nonresponsive [column~="+8"]{margin-left:66.66667%}.nonresponsive [column~="+9"]{margin-left:75%}.nonresponsive [column~="+10"]{margin-left:83.33333%}.nonresponsive [column~="+11"]{margin-left:91.66667%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.show--xsm,.hide--sm,.hide--md,.hide--lg,.hide--xlg,.hide--print,.hide--hd{display:block;visibility:visible}.hide--xsm,.show--sm,.show--md,.show--lg,.show--xlg,.show--print,.show--hd{display:none;visibility:hidden}@media(min-width:48em){.show--sm,.hide--xsm,.hide--md,.hide--lg,.hide--xlg{display:block;visibility:visible}.hide--sm,.show--xsm,.show--md,.show--lg,.show--xlg{display:none;visibility:hidden}}@media(min-width:60em){.show--md,.hide--sm,.hide--xsm,.hide--lg,.hide--xlg{display:block;visibility:visible}.hide--md,.show--sm,.show--xsm,.show--lg,.show--xlg{display:none;visibility:hidden}}@media(min-width:70em){.show--lg,.hide--xsm,.hide--sm,.hide--md,.hide--xlg{display:block;visibility:visible}.hide--lg,.show--xsm,.show--sm,.show--md,.show--xlg{display:none;visibility:hidden}}@media(min-width:80em){.show--xlg,.hide--xsm,.hide--sm,.hide--md,.hide--lg{display:block;visibility:visible}.hide--xlg,.show--xsm,.show--sm,.show--md,.show--lg{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3 / 2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.alert{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:inherit;font-size:.875em;margin:20px 0;padding:8px 1em;position:relative}.alert a{color:#222}.alert a:hover{text-decoration:underline}.alert-close{color:inherit;float:right;opacity:.5;-webkit-transition:opacity 150ms;transition:opacity 150ms}.alert-close:hover{opacity:1}.alert-close:hover,.alert-close:focus{text-decoration:none}a.alert-close:hover{text-decoration:none}.alert--muted{background-color:rgba(170,170,170,0.15);border-color:rgba(170,170,170,0.2);color:#919191}.alert--muted a{color:#777}.alert--primary{background-color:rgba(69,145,170,0.15);border-color:rgba(69,145,170,0.2);color:#367286}.alert--primary a{color:#285361}.alert--success{background-color:rgba(69,202,105,0.15);border-color:rgba(69,202,105,0.2);color:#31ab52}.alert--success a{color:#25843f}.alert--warning{background-color:rgba(255,184,0,0.15);border-color:rgba(255,184,0,0.2);color:#cc9300}.alert--warning a{color:#996e00}.alert--error{background-color:rgba(202,72,41,0.15);border-color:rgba(202,72,41,0.2);color:#a03920}.alert--error a{color:#752a18}.badge{background-color:#4591aa;border-radius:25px;color:white;display:inline-block;font-size:.75em;line-height:24px;padding:0 .75em}.breadcrumbs{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;font-size:.75em;margin-bottom:24px;padding:8px .5em}.breadcrumbs li{display:inline;list-style:none;padding-left:.75em}.breadcrumbs li:after{color:#c7c7c7;content:"\002f";padding-left:.75em}.breadcrumbs li:last-child:after{content:"";padding-left:0}.breadcrumbs li.is-active,.breadcrumbs li.is-active a{color:#4d4d4d}.breadcrumbs--flat{background-color:transparent;border:0;border-radius:0;padding:0}.button--bordered{background-color:transparent;border:1px solid #4591aa;color:#4591aa}.button--bordered:hover,.button--bordered:focus{background-color:#4591aa;color:white}.border--muted{border-color:#aaa;color:#aaa}.border--muted:hover,.border--muted:focus{background-color:#aaa;color:white}.border--muted:active{background-color:#c4c4c4}.border--primary{border-color:#4591aa;color:#4591aa}.border--primary:hover,.border--primary:focus{background-color:#4591aa;color:white}.border--primary:active{background-color:#63a8bf}.border--success{border-color:#45ca69;color:#45ca69}.border--success:hover,.border--success:focus{background-color:#45ca69;color:white}.border--success:active{background-color:#6dd589}.border--warning{border-color:#ffb800;color:#ffb800}.border--warning:hover,.border--warning:focus{background-color:#ffb800;color:white}.border--warning:active{background-color:#ffc633}.border--error{border-color:#ca4829;color:#ca4829}.border--error:hover,.border--error:focus{background-color:#ca4829;color:white}.border--error:active{background-color:#db674b}.button--prefix{padding-left:0}.button--prefix .prefix{background-image:-webkit-linear-gradient(top,rgba(0,0,0,0.15),rgba(0,0,0,0.15));background-image:linear-gradient(to bottom,rgba(0,0,0,0.15),rgba(0,0,0,0.15));display:inline-block;margin-right:1.25em;padding:0 1em;vertical-align:0}.button--prefix.button--bordered .prefix{background-image:none;border-right:1px solid currentColor}.button--affix{padding-right:0}.button--affix .affix{background-image:-webkit-linear-gradient(top,rgba(0,0,0,0.15),rgba(0,0,0,0.15));background-image:linear-gradient(to bottom,rgba(0,0,0,0.15),rgba(0,0,0,0.15));display:inline-block;margin-left:1.25em;padding:0 1em;vertical-align:0}.button--affix.button--bordered .affix{background-image:none;border-left:1px solid currentColor}.card{background-color:white;border:1px solid #e0e0e0;margin-bottom:24px;overflow:hidden;position:relative}.card-content{padding:24px 1.5em}.card-title{display:block;margin-top:10px}.card-footer{border-top:1px solid #e0e0e0;font-size:.875em;padding:16px 1.5em}.card-image{position:relative}.card-image img{bottom:0;left:0;position:relative;right:0;top:0;width:100%}.card-image .card-title{bottom:0;color:white;left:0;padding:0 1em;position:absolute}.collection{border:1px solid #e0e0e0;border-radius:3px;list-style-type:none;margin:24px 0;padding:0}.collection-item,.collection-header{border-bottom:1px solid #e0e0e0;display:block;margin:0;padding:8px 1em}.collection-item:last-of-type,.collection-header:last-of-type{border-bottom:0}.collection-item.is-active,.collection-header.is-active{background-color:#f5f5f5}a.collection-item:hover{background-color:#f5f5f5}.collection-header{padding:0 1em}.dropdown{cursor:auto;display:inline-block;outline:0;position:relative}.dropdown:focus{pointer-events:none}.dropdown:focus .dropdown-content{opacity:1;visibility:visible}.dropdown.no-pointer-events{pointer-events:auto!important}.dropdown.no-visibility .dropdown-content{display:none;visibility:visible!important}.dropdown.no-visibility:focus .dropdown-content{display:block}.dropdown.no-opacity .dropdown-content{opacity:1!important}.dropdown-content{background-color:white;border:1px solid #e0e0e0;color:#555;left:0;margin-top:8px;opacity:0;padding:8px 1em;pointer-events:auto;position:absolute;text-align:left;-webkit-transition:all 150ms;transition:all 150ms;visibility:hidden;width:200px;z-index:1}.dropdown-content:before,.dropdown-content:after{border:solid transparent;bottom:100%;content:"";height:0;left:1.5em;pointer-events:none;position:absolute;width:0}.dropdown-content:before{border-color:rgba(255,255,255,0);border-bottom-color:#e0e0e0;border-width:7px;margin-left:-7px}.dropdown-content:after{border-color:rgba(255,255,255,0);border-bottom-color:white;border-width:6px;margin-left:-6px}.dropdown-content li{font-size:.875em;list-style-type:none;margin:0;padding:8px 1em;-webkit-transition:background-color 150ms;transition:background-color 150ms;white-space:nowrap}.dropdown-content li:hover{background-color:#f5f5f5}ul.dropdown-content,ol.dropdown-content{padding:0}.dropdown--hover:hover{pointer-events:none}.dropdown--hover:hover .dropdown-content{opacity:1;visibility:visible}.dropdown--small .dropdown-content{width:150px}.dropdown--large .dropdown-content{width:300px}.dropdown--top .dropdown-content{bottom:100%;margin-top:0;margin-bottom:8px}.dropdown--top .dropdown-content:before,.dropdown--top .dropdown-content:after{top:100%}.dropdown--top .dropdown-content:after{border-color:rgba(255,255,255,0);border-top-color:white}.dropdown--top .dropdown-content:before{border-color:rgba(255,255,255,0);border-top-color:#e0e0e0}.group{display:inline-block;margin-bottom:24px;padding:0}.group:before,.group:after{content:"";display:table}.group:after{clear:both}.group span{margin-top:0}.group-item{border:1px solid #e0e0e0;display:inline-block;float:left;font-size:.875em;line-height:32px;list-style:none;padding:0 1em;-webkit-transition:background-color 150ms;transition:background-color 150ms}.group-item:not(:first-child){margin:0 0 0 -1px}.group-item:hover{background-color:#f5f5f5}.group-item:first-child{border-radius:3px 0 0 3px}.group-item:last-child{border-radius:0 3px 3px 0}.group-item.is-active{background-color:#f5f5f5}.label{background-color:#4591aa;border-radius:3px;color:white;display:inline-block;font-size:.75em;line-height:24px;padding:0 1em}.modal{background-color:rgba(40,46,49,0.5);bottom:0;left:0;margin:0;opacity:0;overflow:scroll;pointer-events:none;position:fixed;right:0;top:0;-webkit-transition:opacity ease-in 150ms;transition:opacity ease-in 150ms;z-index:1000002}.modal:target{opacity:1;pointer-events:auto}.modal-container{box-shadow:0 1px 3px 0 rgba(0,0,0,0.1);margin:16px auto;position:relative;width:90%}@media(min-width:48em){.modal-container{width:526px}}@media(min-height:30em){.modal-container{margin:10% auto}}@media(min-height:48em){.modal-container{margin:15% auto}}.modal-header{background-color:#4591aa;color:white;padding:16px 1.5em}.modal-header h1,.modal-header h2,.modal-header h3,.modal-header h4,.modal-header h5,.modal-header h6,.modal-header .h1,.modal-header .h2,.modal-header .h3,.modal-header .h4,.modal-header .h5,.modal-header .h6,.modal-header .giga,.modal-header .mega,.modal-header .kilo{color:inherit;display:inline}.modal-body,.modal-footer{background-color:white;margin-top:0}.modal-body{padding:32px 2.5em}.modal-footer{border-top:1px solid #e0e0e0;font-size:.875em;margin:0;padding:24px 2.5em}.modal-close{color:white;float:right;margin:0;opacity:.5;-webkit-transition:opacity 150ms;transition:opacity 150ms}.modal-close:hover{opacity:1}.modal-close:hover,.modal-close:focus{text-decoration:none}.modal:target .modal-close--background{display:block;height:100%;pointer-events:all;position:absolute;width:100%}.modal:target .modal-close--background:hover{border-bottom:0;text-decoration:none}@media(min-width:48em){.modal--small .modal-container{width:360px}}@media(min-width:48em){.modal--large .modal-container{width:760px}}@media(min-width:48em){.modal--full .modal-container{width:90%}}.modal--flat .modal-header{background-color:white;color:#555;padding:1.5em 2.5em 0}.modal--flat .modal-header h1,.modal--flat .modal-header h2,.modal--flat .modal-header h3,.modal--flat .modal-header h4,.modal--flat .modal-header h5,.modal--flat .modal-header h6,.modal--flat .modal-header .h1,.modal--flat .modal-header .h2,.modal--flat .modal-header .h3,.modal--flat .modal-header .h4,.modal--flat .modal-header .h5,.modal--flat .modal-header .h6{color:inherit}.modal--flat .modal-close{color:#555;line-height:1;margin:0}.progress{background-color:#f5f5f5;border-radius:3px;box-shadow:inset 0 1px 1px rgba(224,224,224,0.25);box-sizing:initial;color:white;font-size:.6875em;height:14px;line-height:1.2;margin-bottom:24px;position:relative;text-align:center;width:100%}.progress>span{background-color:#4591aa;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);display:block;height:100%;overflow:hidden;position:relative;width:auto}.progress--small{font-size:.5625em;height:10px;line-height:1.2}.progress--large{font-size:1em;height:25px;line-height:1.7}.progress--stacked>span{border-radius:0;display:inline-block;float:left;margin-top:0}.progress--stacked>span:first-of-type{border-radius:3px 0 0 3px}.progress--stacked>span:last-of-type{border-radius:0 3px 3px 0}.progress--striped>span:after,.progress--striped>span>span{background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0.25,rgba(255,255,255,0.2)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.2)),color-stop(0.75,rgba(255,255,255,0.2)),color-stop(0.75,transparent),to(transparent));background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent);background-size:50px 50px;bottom:0;content:"";left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}.progress--striped.progress--animate>span:after,.progress--striped.progress--animate>span>span{-webkit-animation:move 2s linear infinite;animation:move 2s linear infinite}@keyframes move{0%{background-position:0 0}100%{background-position:50px 50px}}@-webkit-keyframes move{0%{background-position:0 0}100%{background-position:50px 50px}}.spinner{-webkit-animation:rotate .8s infinite linear;animation:rotate .8s infinite linear;border:3px solid #b5b5b5;border-radius:50%;border-right-color:transparent;height:30px;margin:24px auto;width:30px}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.tooltip,[data-hint]{display:inline-block;position:relative}.tooltip:before,.tooltip:after,[data-hint]:before,[data-hint]:after{border-radius:2px;opacity:0;position:absolute;pointer-events:none;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:100ms;transition:100ms;-webkit-transition-delay:0ms;transition-delay:0ms;visibility:hidden;z-index:1000000}.tooltip:before,[data-hint]:before{background-color:transparent;border:8px solid transparent;content:"";position:absolute;z-index:1000001}.tooltip:after,[data-hint]:after{background-color:#282e31;color:white;content:attr(data-hint);font-size:.75em;padding:.25em .5em;text-decoration:none;white-space:nowrap}.tooltip:hover:before,.tooltip:hover:after,.tooltip:focus:before,.tooltip:focus:after,[data-hint]:hover:before,[data-hint]:hover:after,[data-hint]:focus:before,[data-hint]:focus:after{opacity:1;visibility:visible}.tooltip:hover:before,.tooltip:hover:after,[data-hint]:hover:before,[data-hint]:hover:after{-webkit-transition-delay:100ms;transition-delay:100ms}.tooltip--top:before{border-top-color:#282e31;margin-bottom:-12px}.tooltip--top:after{margin-left:-18px}.tooltip--top:before,.tooltip--top:after{bottom:100%;left:50%}.tooltip--top:hover:after,.tooltip--top:hover:before{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.tooltip--top:focus:after,.tooltip--top:focus:before{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-transition:150ms;transition:150ms}.tooltip--bottom:before{border-bottom-color:#282e31;margin-top:-12px}.tooltip--bottom:after{margin-left:-18px}.tooltip--bottom:before,.tooltip--bottom:after{left:50%;top:100%}.tooltip--bottom:hover:after,.tooltip--bottom:hover:before,.tooltip--bottom:focus:after,.tooltip--bottom:focus:before{-webkit-transform:translateY(8px);transform:translateY(8px)}.tooltip--right:before{border-right-color:#282e31;margin-bottom:-8px;margin-left:-12px}.tooltip--right:after{margin-bottom:-12px}.tooltip--right:before,.tooltip--right:after{bottom:50%;left:105%}.tooltip--right:hover:after,.tooltip--right:hover:before,.tooltip--right:focus:after,.tooltip--right:focus:before{-webkit-transform:translateX(8px);transform:translateX(8px)}.tooltip--left:before{border-left-color:#282e31;margin-bottom:-8px;margin-right:-12px}.tooltip--left:after{margin-bottom:-12px}.tooltip--left:before,.tooltip--left:after{bottom:50%;right:100%}.tooltip--left:hover:after,.tooltip--left:hover:before,.tooltip--left:focus:after,.tooltip--left:focus:before{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.tooltip--always:before,.tooltip--always:after{opacity:1;visibility:visible}.tooltip--always .tooltip--top:before,.tooltip--always .tooltip--top:after{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.tooltip--always .tooltip--right:before,.tooltip--always .tooltip--right:after{-webkit-transform:translateY(8px);transform:translateY(8px)}.tooltip--always .tooltip--bottom:before,.tooltip--always .tooltip--bottom:after{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.tooltip--always .tooltip--left:before,.tooltip--always .tooltip--left:after{-webkit-transform:translateX(8px);transform:translateX(8px)} \ No newline at end of file diff --git a/src/core/layout/_lists.scss b/src/core/layout/_lists.scss index 01d051b..4019044 100644 --- a/src/core/layout/_lists.scss +++ b/src/core/layout/_lists.scss @@ -23,6 +23,15 @@ ol { ul { list-style-type: square; } } +// +// Navigation lists +// ---------------- + +nav { + ul { padding-left: 0; } + li { list-style: none; } +} + // // Modifiers @@ -37,16 +46,12 @@ ol { } // Inline -.list--inline { - padding-left: 0; - - li { - display: inline; - list-style: none; - padding-left: 1.5em; +.list--inline li { + display: inline; + list-style: none; + padding-left: 1.5em; - &:first-child { padding-left: 0; } - } + &:first-child { padding-left: 0; } } diff --git a/test/test.html b/test/test.html index 87d13de..8aeda97 100644 --- a/test/test.html +++ b/test/test.html @@ -39,6 +39,15 @@

Heading 4 Helper text

Heading 5 Helper text
Heading 6 Helper text
+ +

Lorem ipsum dolor sit amet, sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

From 43bf1c743c22e3a9ba051b2f925f29ff6bbc65f1 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Sun, 29 May 2016 16:57:51 -0600 Subject: [PATCH 006/183] [fix: #153] Add modular scale for typography --- dist/concise.css | 40 +++++++++++++++++----------------- dist/concise.min.css | 2 +- src/core/layout/_headings.scss | 34 ++++++++++++++++++++--------- 3 files changed, 45 insertions(+), 31 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index 2eeeff7..64c2a9c 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -537,31 +537,31 @@ h4, h5, h6, h1, .h1 { - font-size: 2.25em; } + font-size: 2.368em; } @media (min-width: 48em) { h1, .h1 { - font-size: 3em; } } + font-size: 3.15733em; } } h2, .h2 { - font-size: 1.6875em; } + font-size: 1.77644em; } @media (min-width: 48em) { h2, .h2 { - font-size: 2.25em; } } + font-size: 2.36859em; } } h3, .h3 { - font-size: 1.3125em; } + font-size: 1.33267em; } @media (min-width: 48em) { h3, .h3 { - font-size: 1.75em; } } + font-size: 1.77689em; } } h4, .h4 { - font-size: 1.125em; } + font-size: 1.333em; } h5, .h5 { @@ -569,46 +569,46 @@ h5, h6, .h6 { - font-size: 0.875em; } + font-size: 0.75019em; } .giga { - font-size: 3.75em; } + font-size: 5.60883em; } @media (min-width: 48em) { .giga { - font-size: 5em; } } + font-size: 7.47844em; } } .mega { - font-size: 3em; } + font-size: 4.20767em; } @media (min-width: 48em) { .mega { - font-size: 4em; } } + font-size: 5.61023em; } } .kilo { - font-size: 2.4375em; } + font-size: 3.15655em; } @media (min-width: 48em) { .kilo { - font-size: 3.25em; } } + font-size: 4.20873em; } } .nonresponsive h1, .nonresponsive .h1 { - font-size: 3em; } + font-size: 3.15733em; } .nonresponsive h2, .nonresponsive .h2 { - font-size: 2.25em; } + font-size: 2.36859em; } .nonresponsive h3, .nonresponsive .h3 { - font-size: 1.75em; } + font-size: 1.77689em; } .nonresponsive .giga { - font-size: 5em; } + font-size: 7.47844em; } .nonresponsive .mega { - font-size: 4em; } + font-size: 5.61023em; } .nonresponsive .kilo { - font-size: 3.25em; } + font-size: 4.20873em; } ul, ol { diff --git a/dist/concise.min.css b/dist/concise.min.css index 4fd1747..c93150a 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -:root{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}audio:not([controls]){display:none}details{display:block}input[type="number"]{width:auto}input[type="search"]{-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}main,summary{display:block}pre{overflow:auto}progress{display:inline-block}textarea{overflow:auto}template,[hidden]{display:none}[unselectable]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:root{box-sizing:border-box;color:#555;cursor:default;font-family:"Helvetica","Arial",sans-serif;font-size:14px;line-height:1.5;text-rendering:optimizeLegibility;vertical-align:top}@media(min-width:30em){:root{font-size:16px}}:root .nonresponsive{font-size:16px}*,::after,::before{box-sizing:inherit;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;text-decoration:inherit;vertical-align:inherit}*{cursor:inherit;margin:0;padding:0}body{background-color:white}a,button,input[type="submit"],input,select,textarea{cursor:initial}*[dir="rl;"]{direction:rtl;unicode-bidi:embed}bdo[dir="ltr"],bdo[dir="rtl"]{unicode-bidi:bidi-override}bdo[dir="ltr"]{direction:ltr}bdo[dir="rtl"]{direction:rtl}hr{border:0;border-top:1px solid #e0e0e0;display:block;height:1px;margin:20px 0}figure{margin:24px 1em}figcaption{color:#666;font-style:italic;text-align:center}::-moz-selection{background-color:#d6d6d6}::selection{background-color:#d6d6d6}::-moz-selection{background-color:#d6d6d6}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:20px;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:10px}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}button,input[type="submit"],.button{background-color:#4591aa;border:0;color:white;cursor:pointer;display:inline-block;line-height:48px;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;-webkit-transition:150ms;transition:150ms;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:hover,input[type="submit"]:hover,button:focus,input[type="submit"]:focus,.button:hover,.button:focus{background-color:#75b3c7;color:inherit;text-decoration:none}button:focus,input[type="submit"]:focus,button:active,input[type="submit"]:active,.button:focus,.button:active{outline:0}button:active,input[type="submit"]:active,.button:active{background-color:#63a8bf}button[disabled],input[disabled][type="submit"],.button[disabled]{background-color:gainsboro;color:white;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:hover,.button--muted:focus{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:hover,.button--primary:focus{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:hover,.button--success:focus{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:hover,.button--warning:focus{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:hover,.button--error:focus{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75em;line-height:32px;padding:0 1.5em}.button--sm{font-size:.875em;line-height:40px;padding:0 2em}.button--lg{font-size:1.125em;line-height:56px;padding:0 3em}.button--xlg{font-size:1.125em;line-height:64px;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,0.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media(min-width:30em){.button--collapse{width:auto}}@media(min-width:30em){form,form [row]{margin-bottom:24px}}.nonresponsive form,.nonresponsive form [row]{margin-bottom:24px}input:not([type="submit"]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875em;height:32px;padding:0 .75em;-webkit-transition:150ms;transition:150ms;width:100%}input:not([type="submit"]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px rgba(69,145,170,0.5);outline:0}input:not([type="submit"])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type="submit"]){line-height:normal;min-height:24px}input:not([type="submit"])[type="checkbox"]:focus,input:not([type="submit"])[type="radio"]:focus,input:not([type="submit"])[type="range"]:focus,input:not([type="submit"])[type="file"]:focus,input:not([type="submit"])[type="color"]:focus,input:not([type="submit"])[type="submit"]:focus{border-color:transparent;box-shadow:none;outline:0}label{display:block;font-size:.875em}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:24px 1em;margin-bottom:24px}legend{font-size:.875em;font-weight:bold;padding:0 1em}input[type="checkbox"],input[type="file"],input[type="image"],input[type="radio"]{height:auto;width:auto}input[type="checkbox"],input[type="radio"]{line-height:normal;padding:0;vertical-align:middle}input[type="checkbox"]+label,input[type="radio"]+label{display:inline-block;margin:0 0 0 .5em;line-height:30px;vertical-align:middle}input[type="file"]{border:0;line-height:100%;padding:0}textarea{height:auto;padding:8px 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type="range"]{border:0;padding:0;width:100%;-webkit-appearance:none}input[type="range"]:focus{outline:0}input[type="range"]::-webkit-slider-runnable-track{background-color:gainsboro;border:0;border-radius:3px;height:5px}input[type="range"]::-webkit-slider-thumb{border:0;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type="range"]::-moz-range-track{background-color:gainsboro;border:0;border-radius:3px;height:5px}input[type="range"]::-moz-range-thumb{border:0;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type="range"]::-ms-track{background-color:gainsboro;border:0;border-radius:3px;color:transparent;height:5px}input[type="range"]::-ms-thumb{border:0;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75em;font-weight:bold;margin-top:8px}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:20px}@media(min-width:30em){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.nonresponsive .form--inline input,.nonresponsive .form--inline select,.nonresponsive .form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.nonresponsive .form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.nonresponsive .form--inline input+label{margin-left:1em}.input--small{font-size:.75em!important;height:24px!important}.input--large{font-size:1em!important;height:48px!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,0.15);border-color:#45ca69}.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,0.15);border-color:#ffb800}.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,0.15);border-color:#ca4829}.input--error:focus{border-color:#ca4829}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.giga,.mega,.kilo{color:#222;font-family:"Helvetica","Arial",sans-serif;line-height:1.25em}h1 small,h1 .small,h2 small,h2 .small,h3 small,h3 .small,h4 small,h4 .small,h5 small,h5 .small,h6 small,h6 .small,.h1 small,.h1 .small,.h2 small,.h2 .small,.h3 small,.h3 .small,.h4 small,.h4 .small,.h5 small,.h5 .small,.h6 small,.h6 .small,.giga small,.giga .small,.mega small,.mega .small,.kilo small,.kilo .small{color:#666;font-weight:lighter;vertical-align:0}h1,h2,h3,.h1,.h2,.h3,.giga,.mega,.kilo{margin:20px 0 10px}h1 small,h1 .small,h2 small,h2 .small,h3 small,h3 .small,.h1 small,.h1 .small,.h2 small,.h2 .small,.h3 small,.h3 .small,.giga small,.giga .small,.mega small,.mega .small,.kilo small,.kilo .small{font-size:65%}h4,h5,h6,.h4,.h5,.h6{margin:10px 0}h4 small,h4 .small,h5 small,h5 .small,h6 small,h6 .small,.h4 small,.h4 .small,.h5 small,.h5 .small,.h6 small,.h6 .small{font-size:75%}h1,.h1{font-size:2.25em}@media(min-width:48em){h1,.h1{font-size:3em}}h2,.h2{font-size:1.6875em}@media(min-width:48em){h2,.h2{font-size:2.25em}}h3,.h3{font-size:1.3125em}@media(min-width:48em){h3,.h3{font-size:1.75em}}h4,.h4{font-size:1.125em}h5,.h5{font-size:1em}h6,.h6{font-size:.875em}.giga{font-size:3.75em}@media(min-width:48em){.giga{font-size:5em}}.mega{font-size:3em}@media(min-width:48em){.mega{font-size:4em}}.kilo{font-size:2.4375em}@media(min-width:48em){.kilo{font-size:3.25em}}.nonresponsive h1,.nonresponsive .h1{font-size:3em}.nonresponsive h2,.nonresponsive .h2{font-size:2.25em}.nonresponsive h3,.nonresponsive .h3{font-size:1.75em}.nonresponsive .giga{font-size:5em}.nonresponsive .mega{font-size:4em}.nonresponsive .kilo{font-size:3.25em}ul,ol{padding-left:1.5em;margin-bottom:10px}ul ul,ul ol,ol ul,ol ol{margin-bottom:0}ul ul{list-style-type:square}ul ol{list-style-type:lower-roman}ol ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:24px}dt{font-weight:bold}dt,dd{margin-bottom:10px}@media(min-width:60em){.dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.dl--horizontal dd{margin-left:165px}.dl--horizontal dd:before,.dl--horizontal dd:after{content:"";display:table}.dl--horizontal dd:after{clear:both}}.nonresponsive .dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.nonresponsive .dl--horizontal dd{margin-left:165px}.nonresponsive .dl--horizontal dd:before,.nonresponsive .dl--horizontal dd:after{content:"";display:table}.nonresponsive .dl--horizontal dd:after{clear:both}@media print{@page{margin:.5cm}*,*:before,*:after{background:transparent!important;color:black!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:white;color:black;font:11pt/1.3 "Georgia","Times New Roman","Times",serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,video,audio,object,embed,nav,footer,a[href^="#"]:after{display:none;visibility:hidden}p,h2,h3,.h2,.h3{orphans:3;widows:3}h2,h3,.h2,.h3{page-break-after:avoid}a,a:visited{color:black;font-size:.57em;text-decoration:underline;word-wrap:break-word}a[href]:after,a:visited[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,code{background-color:none;border:1px solid #e0e0e0;page-break-inside:avoid}blockquote{border:0;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ul li,ol li{content:"» "}}@media print and (min-width:30em){table{page-break-inside:avoid;width:100%!important}table th,table td{line-height:40px!important}}@media print{.badge,.badge:before,.badge *:after,.label,.label:before,.label *:after,.spinner,.spinner:before,.spinner *:after,.tooltip,.tooltip:before,.tooltip *:after,[data-hint],[data-hint]:before,[data-hint] *:after,.progress,.progress:before,.progress *:after,.breadcrumbs,.breadcrumbs:before,.breadcrumbs *:after,.modal,.modal:before,.modal *:after,.alert,.alert:before,.alert *:after{display:none;visibility:hidden}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:24px;width:100%}table caption{color:#555;font-size:85%;font-style:italic;line-height:48px;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table th,table td{border-right:1px solid #e0e0e0;line-height:24px;overflow:visible;padding:8px 1em}@media(min-width:30em){table th,table td{line-height:48px}}table th:last-child,table td:last-child{border-right:0}table tr,table td{-webkit-transition:background-color 150ms;transition:background-color 150ms}@media(min-width:30em){table{width:auto}table th,table td{padding:0 2.5em}}.nonresponsive{width:auto}.nonresponsive th,.nonresponsive td{padding:0 2.5em}.nonresponsive th,.nonresponsive td{line-height:48px}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,0.2);border:3px solid white;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border thead,.table--border td{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter th,.table--borderOuter td{border-right:0}.table--borderHorizontal thead,.table--borderHorizontal td{border-bottom:1px solid #e0e0e0}.table--borderHorizontal th,.table--borderHorizontal td{border-right:0}.table--flat{border:0}.table--flat td{border-bottom:0}.table--flat th,.table--flat td{border-right:0}.table--fillEven tbody tr:nth-child(even){background-color:#f5f5f5}.table--fillOdd tbody tr:nth-child(odd){background-color:#f5f5f5}.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--hoverCell tbody td:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}i,em,.italic{font-style:italic}b,strong,.bold{font-weight:bold}small,.small{font-size:75%;vertical-align:text-bottom}sup,sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}s{text-decoration:line-through}p:not(:last-child){margin-bottom:20px}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:150ms;transition:150ms}a:hover,a:focus{color:#2f6374}h1 a,h2 a,h3 a,.h1 a,.h2 a,.h3 a{color:#555}h1 a:hover,h1 a:focus,h2 a:hover,h2 a:focus,h3 a:hover,h3 a:focus,.h1 a:hover,.h1 a:focus,.h2 a:hover,.h2 a:focus,.h3 a:hover,.h3 a:focus{color:#4591aa;text-decoration:none}abbr[title]{border-bottom:1px dotted #e0e0e0;cursor:help}code,pre,kbd,samp{font-family:"Consolas",monospace;font-size:.875em}pre{padding:16px 1.5em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:24px}code{padding:2px 3px}pre code{background-color:transparent;border:0;padding:0;vertical-align:inherit;white-space:pre}.pre--flat{background-color:transparent;border:0;border-radius:none;padding:0}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px white,0 2px 0 gainsboro;display:inline-block;line-height:1.75;margin:-3px 2px 0;padding:2px 6px 0;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:before,[row]:after{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media(min-width:48em){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.nonresponsive [column~="1"]{width:8.33333%}.nonresponsive [column~="2"]{width:16.66667%}.nonresponsive [column~="3"]{width:25%}.nonresponsive [column~="4"]{width:33.33333%}.nonresponsive [column~="5"]{width:41.66667%}.nonresponsive [column~="6"]{width:50%}.nonresponsive [column~="7"]{width:58.33333%}.nonresponsive [column~="8"]{width:66.66667%}.nonresponsive [column~="9"]{width:75%}.nonresponsive [column~="10"]{width:83.33333%}.nonresponsive [column~="11"]{width:91.66667%}.nonresponsive [column~="12"]{width:100%}.nonresponsive [column~="+1"]{margin-left:8.33333%}.nonresponsive [column~="+2"]{margin-left:16.66667%}.nonresponsive [column~="+3"]{margin-left:25%}.nonresponsive [column~="+4"]{margin-left:33.33333%}.nonresponsive [column~="+5"]{margin-left:41.66667%}.nonresponsive [column~="+6"]{margin-left:50%}.nonresponsive [column~="+7"]{margin-left:58.33333%}.nonresponsive [column~="+8"]{margin-left:66.66667%}.nonresponsive [column~="+9"]{margin-left:75%}.nonresponsive [column~="+10"]{margin-left:83.33333%}.nonresponsive [column~="+11"]{margin-left:91.66667%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.show--xsm,.hide--sm,.hide--md,.hide--lg,.hide--xlg,.hide--print,.hide--hd{display:block;visibility:visible}.hide--xsm,.show--sm,.show--md,.show--lg,.show--xlg,.show--print,.show--hd{display:none;visibility:hidden}@media(min-width:48em){.show--sm,.hide--xsm,.hide--md,.hide--lg,.hide--xlg{display:block;visibility:visible}.hide--sm,.show--xsm,.show--md,.show--lg,.show--xlg{display:none;visibility:hidden}}@media(min-width:60em){.show--md,.hide--sm,.hide--xsm,.hide--lg,.hide--xlg{display:block;visibility:visible}.hide--md,.show--sm,.show--xsm,.show--lg,.show--xlg{display:none;visibility:hidden}}@media(min-width:70em){.show--lg,.hide--xsm,.hide--sm,.hide--md,.hide--xlg{display:block;visibility:visible}.hide--lg,.show--xsm,.show--sm,.show--md,.show--xlg{display:none;visibility:hidden}}@media(min-width:80em){.show--xlg,.hide--xsm,.hide--sm,.hide--md,.hide--lg{display:block;visibility:visible}.hide--xlg,.show--xsm,.show--sm,.show--md,.show--lg{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3 / 2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.alert{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:inherit;font-size:.875em;margin:20px 0;padding:8px 1em;position:relative}.alert a{color:#222}.alert a:hover{text-decoration:underline}.alert-close{color:inherit;float:right;opacity:.5;-webkit-transition:opacity 150ms;transition:opacity 150ms}.alert-close:hover{opacity:1}.alert-close:hover,.alert-close:focus{text-decoration:none}a.alert-close:hover{text-decoration:none}.alert--muted{background-color:rgba(170,170,170,0.15);border-color:rgba(170,170,170,0.2);color:#919191}.alert--muted a{color:#777}.alert--primary{background-color:rgba(69,145,170,0.15);border-color:rgba(69,145,170,0.2);color:#367286}.alert--primary a{color:#285361}.alert--success{background-color:rgba(69,202,105,0.15);border-color:rgba(69,202,105,0.2);color:#31ab52}.alert--success a{color:#25843f}.alert--warning{background-color:rgba(255,184,0,0.15);border-color:rgba(255,184,0,0.2);color:#cc9300}.alert--warning a{color:#996e00}.alert--error{background-color:rgba(202,72,41,0.15);border-color:rgba(202,72,41,0.2);color:#a03920}.alert--error a{color:#752a18}.badge{background-color:#4591aa;border-radius:25px;color:white;display:inline-block;font-size:.75em;line-height:24px;padding:0 .75em}.breadcrumbs{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;font-size:.75em;margin-bottom:24px;padding:8px .5em}.breadcrumbs li{display:inline;list-style:none;padding-left:.75em}.breadcrumbs li:after{color:#c7c7c7;content:"\002f";padding-left:.75em}.breadcrumbs li:last-child:after{content:"";padding-left:0}.breadcrumbs li.is-active,.breadcrumbs li.is-active a{color:#4d4d4d}.breadcrumbs--flat{background-color:transparent;border:0;border-radius:0;padding:0}.button--bordered{background-color:transparent;border:1px solid #4591aa;color:#4591aa}.button--bordered:hover,.button--bordered:focus{background-color:#4591aa;color:white}.border--muted{border-color:#aaa;color:#aaa}.border--muted:hover,.border--muted:focus{background-color:#aaa;color:white}.border--muted:active{background-color:#c4c4c4}.border--primary{border-color:#4591aa;color:#4591aa}.border--primary:hover,.border--primary:focus{background-color:#4591aa;color:white}.border--primary:active{background-color:#63a8bf}.border--success{border-color:#45ca69;color:#45ca69}.border--success:hover,.border--success:focus{background-color:#45ca69;color:white}.border--success:active{background-color:#6dd589}.border--warning{border-color:#ffb800;color:#ffb800}.border--warning:hover,.border--warning:focus{background-color:#ffb800;color:white}.border--warning:active{background-color:#ffc633}.border--error{border-color:#ca4829;color:#ca4829}.border--error:hover,.border--error:focus{background-color:#ca4829;color:white}.border--error:active{background-color:#db674b}.button--prefix{padding-left:0}.button--prefix .prefix{background-image:-webkit-linear-gradient(top,rgba(0,0,0,0.15),rgba(0,0,0,0.15));background-image:linear-gradient(to bottom,rgba(0,0,0,0.15),rgba(0,0,0,0.15));display:inline-block;margin-right:1.25em;padding:0 1em;vertical-align:0}.button--prefix.button--bordered .prefix{background-image:none;border-right:1px solid currentColor}.button--affix{padding-right:0}.button--affix .affix{background-image:-webkit-linear-gradient(top,rgba(0,0,0,0.15),rgba(0,0,0,0.15));background-image:linear-gradient(to bottom,rgba(0,0,0,0.15),rgba(0,0,0,0.15));display:inline-block;margin-left:1.25em;padding:0 1em;vertical-align:0}.button--affix.button--bordered .affix{background-image:none;border-left:1px solid currentColor}.card{background-color:white;border:1px solid #e0e0e0;margin-bottom:24px;overflow:hidden;position:relative}.card-content{padding:24px 1.5em}.card-title{display:block;margin-top:10px}.card-footer{border-top:1px solid #e0e0e0;font-size:.875em;padding:16px 1.5em}.card-image{position:relative}.card-image img{bottom:0;left:0;position:relative;right:0;top:0;width:100%}.card-image .card-title{bottom:0;color:white;left:0;padding:0 1em;position:absolute}.collection{border:1px solid #e0e0e0;border-radius:3px;list-style-type:none;margin:24px 0;padding:0}.collection-item,.collection-header{border-bottom:1px solid #e0e0e0;display:block;margin:0;padding:8px 1em}.collection-item:last-of-type,.collection-header:last-of-type{border-bottom:0}.collection-item.is-active,.collection-header.is-active{background-color:#f5f5f5}a.collection-item:hover{background-color:#f5f5f5}.collection-header{padding:0 1em}.dropdown{cursor:auto;display:inline-block;outline:0;position:relative}.dropdown:focus{pointer-events:none}.dropdown:focus .dropdown-content{opacity:1;visibility:visible}.dropdown.no-pointer-events{pointer-events:auto!important}.dropdown.no-visibility .dropdown-content{display:none;visibility:visible!important}.dropdown.no-visibility:focus .dropdown-content{display:block}.dropdown.no-opacity .dropdown-content{opacity:1!important}.dropdown-content{background-color:white;border:1px solid #e0e0e0;color:#555;left:0;margin-top:8px;opacity:0;padding:8px 1em;pointer-events:auto;position:absolute;text-align:left;-webkit-transition:all 150ms;transition:all 150ms;visibility:hidden;width:200px;z-index:1}.dropdown-content:before,.dropdown-content:after{border:solid transparent;bottom:100%;content:"";height:0;left:1.5em;pointer-events:none;position:absolute;width:0}.dropdown-content:before{border-color:rgba(255,255,255,0);border-bottom-color:#e0e0e0;border-width:7px;margin-left:-7px}.dropdown-content:after{border-color:rgba(255,255,255,0);border-bottom-color:white;border-width:6px;margin-left:-6px}.dropdown-content li{font-size:.875em;list-style-type:none;margin:0;padding:8px 1em;-webkit-transition:background-color 150ms;transition:background-color 150ms;white-space:nowrap}.dropdown-content li:hover{background-color:#f5f5f5}ul.dropdown-content,ol.dropdown-content{padding:0}.dropdown--hover:hover{pointer-events:none}.dropdown--hover:hover .dropdown-content{opacity:1;visibility:visible}.dropdown--small .dropdown-content{width:150px}.dropdown--large .dropdown-content{width:300px}.dropdown--top .dropdown-content{bottom:100%;margin-top:0;margin-bottom:8px}.dropdown--top .dropdown-content:before,.dropdown--top .dropdown-content:after{top:100%}.dropdown--top .dropdown-content:after{border-color:rgba(255,255,255,0);border-top-color:white}.dropdown--top .dropdown-content:before{border-color:rgba(255,255,255,0);border-top-color:#e0e0e0}.group{display:inline-block;margin-bottom:24px;padding:0}.group:before,.group:after{content:"";display:table}.group:after{clear:both}.group span{margin-top:0}.group-item{border:1px solid #e0e0e0;display:inline-block;float:left;font-size:.875em;line-height:32px;list-style:none;padding:0 1em;-webkit-transition:background-color 150ms;transition:background-color 150ms}.group-item:not(:first-child){margin:0 0 0 -1px}.group-item:hover{background-color:#f5f5f5}.group-item:first-child{border-radius:3px 0 0 3px}.group-item:last-child{border-radius:0 3px 3px 0}.group-item.is-active{background-color:#f5f5f5}.label{background-color:#4591aa;border-radius:3px;color:white;display:inline-block;font-size:.75em;line-height:24px;padding:0 1em}.modal{background-color:rgba(40,46,49,0.5);bottom:0;left:0;margin:0;opacity:0;overflow:scroll;pointer-events:none;position:fixed;right:0;top:0;-webkit-transition:opacity ease-in 150ms;transition:opacity ease-in 150ms;z-index:1000002}.modal:target{opacity:1;pointer-events:auto}.modal-container{box-shadow:0 1px 3px 0 rgba(0,0,0,0.1);margin:16px auto;position:relative;width:90%}@media(min-width:48em){.modal-container{width:526px}}@media(min-height:30em){.modal-container{margin:10% auto}}@media(min-height:48em){.modal-container{margin:15% auto}}.modal-header{background-color:#4591aa;color:white;padding:16px 1.5em}.modal-header h1,.modal-header h2,.modal-header h3,.modal-header h4,.modal-header h5,.modal-header h6,.modal-header .h1,.modal-header .h2,.modal-header .h3,.modal-header .h4,.modal-header .h5,.modal-header .h6,.modal-header .giga,.modal-header .mega,.modal-header .kilo{color:inherit;display:inline}.modal-body,.modal-footer{background-color:white;margin-top:0}.modal-body{padding:32px 2.5em}.modal-footer{border-top:1px solid #e0e0e0;font-size:.875em;margin:0;padding:24px 2.5em}.modal-close{color:white;float:right;margin:0;opacity:.5;-webkit-transition:opacity 150ms;transition:opacity 150ms}.modal-close:hover{opacity:1}.modal-close:hover,.modal-close:focus{text-decoration:none}.modal:target .modal-close--background{display:block;height:100%;pointer-events:all;position:absolute;width:100%}.modal:target .modal-close--background:hover{border-bottom:0;text-decoration:none}@media(min-width:48em){.modal--small .modal-container{width:360px}}@media(min-width:48em){.modal--large .modal-container{width:760px}}@media(min-width:48em){.modal--full .modal-container{width:90%}}.modal--flat .modal-header{background-color:white;color:#555;padding:1.5em 2.5em 0}.modal--flat .modal-header h1,.modal--flat .modal-header h2,.modal--flat .modal-header h3,.modal--flat .modal-header h4,.modal--flat .modal-header h5,.modal--flat .modal-header h6,.modal--flat .modal-header .h1,.modal--flat .modal-header .h2,.modal--flat .modal-header .h3,.modal--flat .modal-header .h4,.modal--flat .modal-header .h5,.modal--flat .modal-header .h6{color:inherit}.modal--flat .modal-close{color:#555;line-height:1;margin:0}.progress{background-color:#f5f5f5;border-radius:3px;box-shadow:inset 0 1px 1px rgba(224,224,224,0.25);box-sizing:initial;color:white;font-size:.6875em;height:14px;line-height:1.2;margin-bottom:24px;position:relative;text-align:center;width:100%}.progress>span{background-color:#4591aa;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);display:block;height:100%;overflow:hidden;position:relative;width:auto}.progress--small{font-size:.5625em;height:10px;line-height:1.2}.progress--large{font-size:1em;height:25px;line-height:1.7}.progress--stacked>span{border-radius:0;display:inline-block;float:left;margin-top:0}.progress--stacked>span:first-of-type{border-radius:3px 0 0 3px}.progress--stacked>span:last-of-type{border-radius:0 3px 3px 0}.progress--striped>span:after,.progress--striped>span>span{background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0.25,rgba(255,255,255,0.2)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.2)),color-stop(0.75,rgba(255,255,255,0.2)),color-stop(0.75,transparent),to(transparent));background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent);background-size:50px 50px;bottom:0;content:"";left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}.progress--striped.progress--animate>span:after,.progress--striped.progress--animate>span>span{-webkit-animation:move 2s linear infinite;animation:move 2s linear infinite}@keyframes move{0%{background-position:0 0}100%{background-position:50px 50px}}@-webkit-keyframes move{0%{background-position:0 0}100%{background-position:50px 50px}}.spinner{-webkit-animation:rotate .8s infinite linear;animation:rotate .8s infinite linear;border:3px solid #b5b5b5;border-radius:50%;border-right-color:transparent;height:30px;margin:24px auto;width:30px}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.tooltip,[data-hint]{display:inline-block;position:relative}.tooltip:before,.tooltip:after,[data-hint]:before,[data-hint]:after{border-radius:2px;opacity:0;position:absolute;pointer-events:none;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:100ms;transition:100ms;-webkit-transition-delay:0ms;transition-delay:0ms;visibility:hidden;z-index:1000000}.tooltip:before,[data-hint]:before{background-color:transparent;border:8px solid transparent;content:"";position:absolute;z-index:1000001}.tooltip:after,[data-hint]:after{background-color:#282e31;color:white;content:attr(data-hint);font-size:.75em;padding:.25em .5em;text-decoration:none;white-space:nowrap}.tooltip:hover:before,.tooltip:hover:after,.tooltip:focus:before,.tooltip:focus:after,[data-hint]:hover:before,[data-hint]:hover:after,[data-hint]:focus:before,[data-hint]:focus:after{opacity:1;visibility:visible}.tooltip:hover:before,.tooltip:hover:after,[data-hint]:hover:before,[data-hint]:hover:after{-webkit-transition-delay:100ms;transition-delay:100ms}.tooltip--top:before{border-top-color:#282e31;margin-bottom:-12px}.tooltip--top:after{margin-left:-18px}.tooltip--top:before,.tooltip--top:after{bottom:100%;left:50%}.tooltip--top:hover:after,.tooltip--top:hover:before{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.tooltip--top:focus:after,.tooltip--top:focus:before{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-transition:150ms;transition:150ms}.tooltip--bottom:before{border-bottom-color:#282e31;margin-top:-12px}.tooltip--bottom:after{margin-left:-18px}.tooltip--bottom:before,.tooltip--bottom:after{left:50%;top:100%}.tooltip--bottom:hover:after,.tooltip--bottom:hover:before,.tooltip--bottom:focus:after,.tooltip--bottom:focus:before{-webkit-transform:translateY(8px);transform:translateY(8px)}.tooltip--right:before{border-right-color:#282e31;margin-bottom:-8px;margin-left:-12px}.tooltip--right:after{margin-bottom:-12px}.tooltip--right:before,.tooltip--right:after{bottom:50%;left:105%}.tooltip--right:hover:after,.tooltip--right:hover:before,.tooltip--right:focus:after,.tooltip--right:focus:before{-webkit-transform:translateX(8px);transform:translateX(8px)}.tooltip--left:before{border-left-color:#282e31;margin-bottom:-8px;margin-right:-12px}.tooltip--left:after{margin-bottom:-12px}.tooltip--left:before,.tooltip--left:after{bottom:50%;right:100%}.tooltip--left:hover:after,.tooltip--left:hover:before,.tooltip--left:focus:after,.tooltip--left:focus:before{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.tooltip--always:before,.tooltip--always:after{opacity:1;visibility:visible}.tooltip--always .tooltip--top:before,.tooltip--always .tooltip--top:after{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.tooltip--always .tooltip--right:before,.tooltip--always .tooltip--right:after{-webkit-transform:translateY(8px);transform:translateY(8px)}.tooltip--always .tooltip--bottom:before,.tooltip--always .tooltip--bottom:after{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.tooltip--always .tooltip--left:before,.tooltip--always .tooltip--left:after{-webkit-transform:translateX(8px);transform:translateX(8px)} \ No newline at end of file +:root{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}audio:not([controls]){display:none}details{display:block}input[type="number"]{width:auto}input[type="search"]{-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}main,summary{display:block}pre{overflow:auto}progress{display:inline-block}textarea{overflow:auto}template,[hidden]{display:none}[unselectable]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:root{box-sizing:border-box;color:#555;cursor:default;font-family:"Helvetica","Arial",sans-serif;font-size:14px;line-height:1.5;text-rendering:optimizeLegibility;vertical-align:top}@media(min-width:30em){:root{font-size:16px}}:root .nonresponsive{font-size:16px}*,::after,::before{box-sizing:inherit;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;text-decoration:inherit;vertical-align:inherit}*{cursor:inherit;margin:0;padding:0}body{background-color:white}a,button,input[type="submit"],input,select,textarea{cursor:initial}*[dir="rl;"]{direction:rtl;unicode-bidi:embed}bdo[dir="ltr"],bdo[dir="rtl"]{unicode-bidi:bidi-override}bdo[dir="ltr"]{direction:ltr}bdo[dir="rtl"]{direction:rtl}hr{border:0;border-top:1px solid #e0e0e0;display:block;height:1px;margin:20px 0}figure{margin:24px 1em}figcaption{color:#666;font-style:italic;text-align:center}::-moz-selection{background-color:#d6d6d6}::selection{background-color:#d6d6d6}::-moz-selection{background-color:#d6d6d6}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:20px;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:10px}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}button,input[type="submit"],.button{background-color:#4591aa;border:0;color:white;cursor:pointer;display:inline-block;line-height:48px;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;-webkit-transition:150ms;transition:150ms;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:hover,input[type="submit"]:hover,button:focus,input[type="submit"]:focus,.button:hover,.button:focus{background-color:#75b3c7;color:inherit;text-decoration:none}button:focus,input[type="submit"]:focus,button:active,input[type="submit"]:active,.button:focus,.button:active{outline:0}button:active,input[type="submit"]:active,.button:active{background-color:#63a8bf}button[disabled],input[disabled][type="submit"],.button[disabled]{background-color:gainsboro;color:white;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:hover,.button--muted:focus{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:hover,.button--primary:focus{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:hover,.button--success:focus{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:hover,.button--warning:focus{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:hover,.button--error:focus{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75em;line-height:32px;padding:0 1.5em}.button--sm{font-size:.875em;line-height:40px;padding:0 2em}.button--lg{font-size:1.125em;line-height:56px;padding:0 3em}.button--xlg{font-size:1.125em;line-height:64px;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,0.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media(min-width:30em){.button--collapse{width:auto}}@media(min-width:30em){form,form [row]{margin-bottom:24px}}.nonresponsive form,.nonresponsive form [row]{margin-bottom:24px}input:not([type="submit"]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875em;height:32px;padding:0 .75em;-webkit-transition:150ms;transition:150ms;width:100%}input:not([type="submit"]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px rgba(69,145,170,0.5);outline:0}input:not([type="submit"])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type="submit"]){line-height:normal;min-height:24px}input:not([type="submit"])[type="checkbox"]:focus,input:not([type="submit"])[type="radio"]:focus,input:not([type="submit"])[type="range"]:focus,input:not([type="submit"])[type="file"]:focus,input:not([type="submit"])[type="color"]:focus,input:not([type="submit"])[type="submit"]:focus{border-color:transparent;box-shadow:none;outline:0}label{display:block;font-size:.875em}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:24px 1em;margin-bottom:24px}legend{font-size:.875em;font-weight:bold;padding:0 1em}input[type="checkbox"],input[type="file"],input[type="image"],input[type="radio"]{height:auto;width:auto}input[type="checkbox"],input[type="radio"]{line-height:normal;padding:0;vertical-align:middle}input[type="checkbox"]+label,input[type="radio"]+label{display:inline-block;margin:0 0 0 .5em;line-height:30px;vertical-align:middle}input[type="file"]{border:0;line-height:100%;padding:0}textarea{height:auto;padding:8px 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type="range"]{border:0;padding:0;width:100%;-webkit-appearance:none}input[type="range"]:focus{outline:0}input[type="range"]::-webkit-slider-runnable-track{background-color:gainsboro;border:0;border-radius:3px;height:5px}input[type="range"]::-webkit-slider-thumb{border:0;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type="range"]::-moz-range-track{background-color:gainsboro;border:0;border-radius:3px;height:5px}input[type="range"]::-moz-range-thumb{border:0;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type="range"]::-ms-track{background-color:gainsboro;border:0;border-radius:3px;color:transparent;height:5px}input[type="range"]::-ms-thumb{border:0;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75em;font-weight:bold;margin-top:8px}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:20px}@media(min-width:30em){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.nonresponsive .form--inline input,.nonresponsive .form--inline select,.nonresponsive .form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.nonresponsive .form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.nonresponsive .form--inline input+label{margin-left:1em}.input--small{font-size:.75em!important;height:24px!important}.input--large{font-size:1em!important;height:48px!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,0.15);border-color:#45ca69}.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,0.15);border-color:#ffb800}.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,0.15);border-color:#ca4829}.input--error:focus{border-color:#ca4829}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.giga,.mega,.kilo{color:#222;font-family:"Helvetica","Arial",sans-serif;line-height:1.25em}h1 small,h1 .small,h2 small,h2 .small,h3 small,h3 .small,h4 small,h4 .small,h5 small,h5 .small,h6 small,h6 .small,.h1 small,.h1 .small,.h2 small,.h2 .small,.h3 small,.h3 .small,.h4 small,.h4 .small,.h5 small,.h5 .small,.h6 small,.h6 .small,.giga small,.giga .small,.mega small,.mega .small,.kilo small,.kilo .small{color:#666;font-weight:lighter;vertical-align:0}h1,h2,h3,.h1,.h2,.h3,.giga,.mega,.kilo{margin:20px 0 10px}h1 small,h1 .small,h2 small,h2 .small,h3 small,h3 .small,.h1 small,.h1 .small,.h2 small,.h2 .small,.h3 small,.h3 .small,.giga small,.giga .small,.mega small,.mega .small,.kilo small,.kilo .small{font-size:65%}h4,h5,h6,.h4,.h5,.h6{margin:10px 0}h4 small,h4 .small,h5 small,h5 .small,h6 small,h6 .small,.h4 small,.h4 .small,.h5 small,.h5 .small,.h6 small,.h6 .small{font-size:75%}h1,.h1{font-size:2.368em}@media(min-width:48em){h1,.h1{font-size:3.15733em}}h2,.h2{font-size:1.77644em}@media(min-width:48em){h2,.h2{font-size:2.36859em}}h3,.h3{font-size:1.33267em}@media(min-width:48em){h3,.h3{font-size:1.77689em}}h4,.h4{font-size:1.333em}h5,.h5{font-size:1em}h6,.h6{font-size:.75019em}.giga{font-size:5.60883em}@media(min-width:48em){.giga{font-size:7.47844em}}.mega{font-size:4.20767em}@media(min-width:48em){.mega{font-size:5.61023em}}.kilo{font-size:3.15655em}@media(min-width:48em){.kilo{font-size:4.20873em}}.nonresponsive h1,.nonresponsive .h1{font-size:3.15733em}.nonresponsive h2,.nonresponsive .h2{font-size:2.36859em}.nonresponsive h3,.nonresponsive .h3{font-size:1.77689em}.nonresponsive .giga{font-size:7.47844em}.nonresponsive .mega{font-size:5.61023em}.nonresponsive .kilo{font-size:4.20873em}ul,ol{padding-left:1.5em;margin-bottom:10px}ul ul,ul ol,ol ul,ol ol{margin-bottom:0}ul ul{list-style-type:square}ul ol{list-style-type:lower-roman}ol ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:24px}dt{font-weight:bold}dt,dd{margin-bottom:10px}@media(min-width:60em){.dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.dl--horizontal dd{margin-left:165px}.dl--horizontal dd:before,.dl--horizontal dd:after{content:"";display:table}.dl--horizontal dd:after{clear:both}}.nonresponsive .dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.nonresponsive .dl--horizontal dd{margin-left:165px}.nonresponsive .dl--horizontal dd:before,.nonresponsive .dl--horizontal dd:after{content:"";display:table}.nonresponsive .dl--horizontal dd:after{clear:both}@media print{@page{margin:.5cm}*,*:before,*:after{background:transparent!important;color:black!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:white;color:black;font:11pt/1.3 "Georgia","Times New Roman","Times",serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,video,audio,object,embed,nav,footer,a[href^="#"]:after{display:none;visibility:hidden}p,h2,h3,.h2,.h3{orphans:3;widows:3}h2,h3,.h2,.h3{page-break-after:avoid}a,a:visited{color:black;font-size:.57em;text-decoration:underline;word-wrap:break-word}a[href]:after,a:visited[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,code{background-color:none;border:1px solid #e0e0e0;page-break-inside:avoid}blockquote{border:0;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ul li,ol li{content:"» "}}@media print and (min-width:30em){table{page-break-inside:avoid;width:100%!important}table th,table td{line-height:40px!important}}@media print{.badge,.badge:before,.badge *:after,.label,.label:before,.label *:after,.spinner,.spinner:before,.spinner *:after,.tooltip,.tooltip:before,.tooltip *:after,[data-hint],[data-hint]:before,[data-hint] *:after,.progress,.progress:before,.progress *:after,.breadcrumbs,.breadcrumbs:before,.breadcrumbs *:after,.modal,.modal:before,.modal *:after,.alert,.alert:before,.alert *:after{display:none;visibility:hidden}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:24px;width:100%}table caption{color:#555;font-size:85%;font-style:italic;line-height:48px;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table th,table td{border-right:1px solid #e0e0e0;line-height:24px;overflow:visible;padding:8px 1em}@media(min-width:30em){table th,table td{line-height:48px}}table th:last-child,table td:last-child{border-right:0}table tr,table td{-webkit-transition:background-color 150ms;transition:background-color 150ms}@media(min-width:30em){table{width:auto}table th,table td{padding:0 2.5em}}.nonresponsive{width:auto}.nonresponsive th,.nonresponsive td{padding:0 2.5em}.nonresponsive th,.nonresponsive td{line-height:48px}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,0.2);border:3px solid white;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border thead,.table--border td{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter th,.table--borderOuter td{border-right:0}.table--borderHorizontal thead,.table--borderHorizontal td{border-bottom:1px solid #e0e0e0}.table--borderHorizontal th,.table--borderHorizontal td{border-right:0}.table--flat{border:0}.table--flat td{border-bottom:0}.table--flat th,.table--flat td{border-right:0}.table--fillEven tbody tr:nth-child(even){background-color:#f5f5f5}.table--fillOdd tbody tr:nth-child(odd){background-color:#f5f5f5}.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--hoverCell tbody td:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}i,em,.italic{font-style:italic}b,strong,.bold{font-weight:bold}small,.small{font-size:75%;vertical-align:text-bottom}sup,sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}s{text-decoration:line-through}p:not(:last-child){margin-bottom:20px}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:150ms;transition:150ms}a:hover,a:focus{color:#2f6374}h1 a,h2 a,h3 a,.h1 a,.h2 a,.h3 a{color:#555}h1 a:hover,h1 a:focus,h2 a:hover,h2 a:focus,h3 a:hover,h3 a:focus,.h1 a:hover,.h1 a:focus,.h2 a:hover,.h2 a:focus,.h3 a:hover,.h3 a:focus{color:#4591aa;text-decoration:none}abbr[title]{border-bottom:1px dotted #e0e0e0;cursor:help}code,pre,kbd,samp{font-family:"Consolas",monospace;font-size:.875em}pre{padding:16px 1.5em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:24px}code{padding:2px 3px}pre code{background-color:transparent;border:0;padding:0;vertical-align:inherit;white-space:pre}.pre--flat{background-color:transparent;border:0;border-radius:none;padding:0}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px white,0 2px 0 gainsboro;display:inline-block;line-height:1.75;margin:-3px 2px 0;padding:2px 6px 0;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:before,[row]:after{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media(min-width:48em){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.nonresponsive [column~="1"]{width:8.33333%}.nonresponsive [column~="2"]{width:16.66667%}.nonresponsive [column~="3"]{width:25%}.nonresponsive [column~="4"]{width:33.33333%}.nonresponsive [column~="5"]{width:41.66667%}.nonresponsive [column~="6"]{width:50%}.nonresponsive [column~="7"]{width:58.33333%}.nonresponsive [column~="8"]{width:66.66667%}.nonresponsive [column~="9"]{width:75%}.nonresponsive [column~="10"]{width:83.33333%}.nonresponsive [column~="11"]{width:91.66667%}.nonresponsive [column~="12"]{width:100%}.nonresponsive [column~="+1"]{margin-left:8.33333%}.nonresponsive [column~="+2"]{margin-left:16.66667%}.nonresponsive [column~="+3"]{margin-left:25%}.nonresponsive [column~="+4"]{margin-left:33.33333%}.nonresponsive [column~="+5"]{margin-left:41.66667%}.nonresponsive [column~="+6"]{margin-left:50%}.nonresponsive [column~="+7"]{margin-left:58.33333%}.nonresponsive [column~="+8"]{margin-left:66.66667%}.nonresponsive [column~="+9"]{margin-left:75%}.nonresponsive [column~="+10"]{margin-left:83.33333%}.nonresponsive [column~="+11"]{margin-left:91.66667%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.show--xsm,.hide--sm,.hide--md,.hide--lg,.hide--xlg,.hide--print,.hide--hd{display:block;visibility:visible}.hide--xsm,.show--sm,.show--md,.show--lg,.show--xlg,.show--print,.show--hd{display:none;visibility:hidden}@media(min-width:48em){.show--sm,.hide--xsm,.hide--md,.hide--lg,.hide--xlg{display:block;visibility:visible}.hide--sm,.show--xsm,.show--md,.show--lg,.show--xlg{display:none;visibility:hidden}}@media(min-width:60em){.show--md,.hide--sm,.hide--xsm,.hide--lg,.hide--xlg{display:block;visibility:visible}.hide--md,.show--sm,.show--xsm,.show--lg,.show--xlg{display:none;visibility:hidden}}@media(min-width:70em){.show--lg,.hide--xsm,.hide--sm,.hide--md,.hide--xlg{display:block;visibility:visible}.hide--lg,.show--xsm,.show--sm,.show--md,.show--xlg{display:none;visibility:hidden}}@media(min-width:80em){.show--xlg,.hide--xsm,.hide--sm,.hide--md,.hide--lg{display:block;visibility:visible}.hide--xlg,.show--xsm,.show--sm,.show--md,.show--lg{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3 / 2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.alert{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:inherit;font-size:.875em;margin:20px 0;padding:8px 1em;position:relative}.alert a{color:#222}.alert a:hover{text-decoration:underline}.alert-close{color:inherit;float:right;opacity:.5;-webkit-transition:opacity 150ms;transition:opacity 150ms}.alert-close:hover{opacity:1}.alert-close:hover,.alert-close:focus{text-decoration:none}a.alert-close:hover{text-decoration:none}.alert--muted{background-color:rgba(170,170,170,0.15);border-color:rgba(170,170,170,0.2);color:#919191}.alert--muted a{color:#777}.alert--primary{background-color:rgba(69,145,170,0.15);border-color:rgba(69,145,170,0.2);color:#367286}.alert--primary a{color:#285361}.alert--success{background-color:rgba(69,202,105,0.15);border-color:rgba(69,202,105,0.2);color:#31ab52}.alert--success a{color:#25843f}.alert--warning{background-color:rgba(255,184,0,0.15);border-color:rgba(255,184,0,0.2);color:#cc9300}.alert--warning a{color:#996e00}.alert--error{background-color:rgba(202,72,41,0.15);border-color:rgba(202,72,41,0.2);color:#a03920}.alert--error a{color:#752a18}.badge{background-color:#4591aa;border-radius:25px;color:white;display:inline-block;font-size:.75em;line-height:24px;padding:0 .75em}.breadcrumbs{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;font-size:.75em;margin-bottom:24px;padding:8px .5em}.breadcrumbs li{display:inline;list-style:none;padding-left:.75em}.breadcrumbs li:after{color:#c7c7c7;content:"\002f";padding-left:.75em}.breadcrumbs li:last-child:after{content:"";padding-left:0}.breadcrumbs li.is-active,.breadcrumbs li.is-active a{color:#4d4d4d}.breadcrumbs--flat{background-color:transparent;border:0;border-radius:0;padding:0}.button--bordered{background-color:transparent;border:1px solid #4591aa;color:#4591aa}.button--bordered:hover,.button--bordered:focus{background-color:#4591aa;color:white}.border--muted{border-color:#aaa;color:#aaa}.border--muted:hover,.border--muted:focus{background-color:#aaa;color:white}.border--muted:active{background-color:#c4c4c4}.border--primary{border-color:#4591aa;color:#4591aa}.border--primary:hover,.border--primary:focus{background-color:#4591aa;color:white}.border--primary:active{background-color:#63a8bf}.border--success{border-color:#45ca69;color:#45ca69}.border--success:hover,.border--success:focus{background-color:#45ca69;color:white}.border--success:active{background-color:#6dd589}.border--warning{border-color:#ffb800;color:#ffb800}.border--warning:hover,.border--warning:focus{background-color:#ffb800;color:white}.border--warning:active{background-color:#ffc633}.border--error{border-color:#ca4829;color:#ca4829}.border--error:hover,.border--error:focus{background-color:#ca4829;color:white}.border--error:active{background-color:#db674b}.button--prefix{padding-left:0}.button--prefix .prefix{background-image:-webkit-linear-gradient(top,rgba(0,0,0,0.15),rgba(0,0,0,0.15));background-image:linear-gradient(to bottom,rgba(0,0,0,0.15),rgba(0,0,0,0.15));display:inline-block;margin-right:1.25em;padding:0 1em;vertical-align:0}.button--prefix.button--bordered .prefix{background-image:none;border-right:1px solid currentColor}.button--affix{padding-right:0}.button--affix .affix{background-image:-webkit-linear-gradient(top,rgba(0,0,0,0.15),rgba(0,0,0,0.15));background-image:linear-gradient(to bottom,rgba(0,0,0,0.15),rgba(0,0,0,0.15));display:inline-block;margin-left:1.25em;padding:0 1em;vertical-align:0}.button--affix.button--bordered .affix{background-image:none;border-left:1px solid currentColor}.card{background-color:white;border:1px solid #e0e0e0;margin-bottom:24px;overflow:hidden;position:relative}.card-content{padding:24px 1.5em}.card-title{display:block;margin-top:10px}.card-footer{border-top:1px solid #e0e0e0;font-size:.875em;padding:16px 1.5em}.card-image{position:relative}.card-image img{bottom:0;left:0;position:relative;right:0;top:0;width:100%}.card-image .card-title{bottom:0;color:white;left:0;padding:0 1em;position:absolute}.collection{border:1px solid #e0e0e0;border-radius:3px;list-style-type:none;margin:24px 0;padding:0}.collection-item,.collection-header{border-bottom:1px solid #e0e0e0;display:block;margin:0;padding:8px 1em}.collection-item:last-of-type,.collection-header:last-of-type{border-bottom:0}.collection-item.is-active,.collection-header.is-active{background-color:#f5f5f5}a.collection-item:hover{background-color:#f5f5f5}.collection-header{padding:0 1em}.dropdown{cursor:auto;display:inline-block;outline:0;position:relative}.dropdown:focus{pointer-events:none}.dropdown:focus .dropdown-content{opacity:1;visibility:visible}.dropdown.no-pointer-events{pointer-events:auto!important}.dropdown.no-visibility .dropdown-content{display:none;visibility:visible!important}.dropdown.no-visibility:focus .dropdown-content{display:block}.dropdown.no-opacity .dropdown-content{opacity:1!important}.dropdown-content{background-color:white;border:1px solid #e0e0e0;color:#555;left:0;margin-top:8px;opacity:0;padding:8px 1em;pointer-events:auto;position:absolute;text-align:left;-webkit-transition:all 150ms;transition:all 150ms;visibility:hidden;width:200px;z-index:1}.dropdown-content:before,.dropdown-content:after{border:solid transparent;bottom:100%;content:"";height:0;left:1.5em;pointer-events:none;position:absolute;width:0}.dropdown-content:before{border-color:rgba(255,255,255,0);border-bottom-color:#e0e0e0;border-width:7px;margin-left:-7px}.dropdown-content:after{border-color:rgba(255,255,255,0);border-bottom-color:white;border-width:6px;margin-left:-6px}.dropdown-content li{font-size:.875em;list-style-type:none;margin:0;padding:8px 1em;-webkit-transition:background-color 150ms;transition:background-color 150ms;white-space:nowrap}.dropdown-content li:hover{background-color:#f5f5f5}ul.dropdown-content,ol.dropdown-content{padding:0}.dropdown--hover:hover{pointer-events:none}.dropdown--hover:hover .dropdown-content{opacity:1;visibility:visible}.dropdown--small .dropdown-content{width:150px}.dropdown--large .dropdown-content{width:300px}.dropdown--top .dropdown-content{bottom:100%;margin-top:0;margin-bottom:8px}.dropdown--top .dropdown-content:before,.dropdown--top .dropdown-content:after{top:100%}.dropdown--top .dropdown-content:after{border-color:rgba(255,255,255,0);border-top-color:white}.dropdown--top .dropdown-content:before{border-color:rgba(255,255,255,0);border-top-color:#e0e0e0}.group{display:inline-block;margin-bottom:24px;padding:0}.group:before,.group:after{content:"";display:table}.group:after{clear:both}.group span{margin-top:0}.group-item{border:1px solid #e0e0e0;display:inline-block;float:left;font-size:.875em;line-height:32px;list-style:none;padding:0 1em;-webkit-transition:background-color 150ms;transition:background-color 150ms}.group-item:not(:first-child){margin:0 0 0 -1px}.group-item:hover{background-color:#f5f5f5}.group-item:first-child{border-radius:3px 0 0 3px}.group-item:last-child{border-radius:0 3px 3px 0}.group-item.is-active{background-color:#f5f5f5}.label{background-color:#4591aa;border-radius:3px;color:white;display:inline-block;font-size:.75em;line-height:24px;padding:0 1em}.modal{background-color:rgba(40,46,49,0.5);bottom:0;left:0;margin:0;opacity:0;overflow:scroll;pointer-events:none;position:fixed;right:0;top:0;-webkit-transition:opacity ease-in 150ms;transition:opacity ease-in 150ms;z-index:1000002}.modal:target{opacity:1;pointer-events:auto}.modal-container{box-shadow:0 1px 3px 0 rgba(0,0,0,0.1);margin:16px auto;position:relative;width:90%}@media(min-width:48em){.modal-container{width:526px}}@media(min-height:30em){.modal-container{margin:10% auto}}@media(min-height:48em){.modal-container{margin:15% auto}}.modal-header{background-color:#4591aa;color:white;padding:16px 1.5em}.modal-header h1,.modal-header h2,.modal-header h3,.modal-header h4,.modal-header h5,.modal-header h6,.modal-header .h1,.modal-header .h2,.modal-header .h3,.modal-header .h4,.modal-header .h5,.modal-header .h6,.modal-header .giga,.modal-header .mega,.modal-header .kilo{color:inherit;display:inline}.modal-body,.modal-footer{background-color:white;margin-top:0}.modal-body{padding:32px 2.5em}.modal-footer{border-top:1px solid #e0e0e0;font-size:.875em;margin:0;padding:24px 2.5em}.modal-close{color:white;float:right;margin:0;opacity:.5;-webkit-transition:opacity 150ms;transition:opacity 150ms}.modal-close:hover{opacity:1}.modal-close:hover,.modal-close:focus{text-decoration:none}.modal:target .modal-close--background{display:block;height:100%;pointer-events:all;position:absolute;width:100%}.modal:target .modal-close--background:hover{border-bottom:0;text-decoration:none}@media(min-width:48em){.modal--small .modal-container{width:360px}}@media(min-width:48em){.modal--large .modal-container{width:760px}}@media(min-width:48em){.modal--full .modal-container{width:90%}}.modal--flat .modal-header{background-color:white;color:#555;padding:1.5em 2.5em 0}.modal--flat .modal-header h1,.modal--flat .modal-header h2,.modal--flat .modal-header h3,.modal--flat .modal-header h4,.modal--flat .modal-header h5,.modal--flat .modal-header h6,.modal--flat .modal-header .h1,.modal--flat .modal-header .h2,.modal--flat .modal-header .h3,.modal--flat .modal-header .h4,.modal--flat .modal-header .h5,.modal--flat .modal-header .h6{color:inherit}.modal--flat .modal-close{color:#555;line-height:1;margin:0}.progress{background-color:#f5f5f5;border-radius:3px;box-shadow:inset 0 1px 1px rgba(224,224,224,0.25);box-sizing:initial;color:white;font-size:.6875em;height:14px;line-height:1.2;margin-bottom:24px;position:relative;text-align:center;width:100%}.progress>span{background-color:#4591aa;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);display:block;height:100%;overflow:hidden;position:relative;width:auto}.progress--small{font-size:.5625em;height:10px;line-height:1.2}.progress--large{font-size:1em;height:25px;line-height:1.7}.progress--stacked>span{border-radius:0;display:inline-block;float:left;margin-top:0}.progress--stacked>span:first-of-type{border-radius:3px 0 0 3px}.progress--stacked>span:last-of-type{border-radius:0 3px 3px 0}.progress--striped>span:after,.progress--striped>span>span{background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0.25,rgba(255,255,255,0.2)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.2)),color-stop(0.75,rgba(255,255,255,0.2)),color-stop(0.75,transparent),to(transparent));background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent);background-size:50px 50px;bottom:0;content:"";left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}.progress--striped.progress--animate>span:after,.progress--striped.progress--animate>span>span{-webkit-animation:move 2s linear infinite;animation:move 2s linear infinite}@keyframes move{0%{background-position:0 0}100%{background-position:50px 50px}}@-webkit-keyframes move{0%{background-position:0 0}100%{background-position:50px 50px}}.spinner{-webkit-animation:rotate .8s infinite linear;animation:rotate .8s infinite linear;border:3px solid #b5b5b5;border-radius:50%;border-right-color:transparent;height:30px;margin:24px auto;width:30px}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.tooltip,[data-hint]{display:inline-block;position:relative}.tooltip:before,.tooltip:after,[data-hint]:before,[data-hint]:after{border-radius:2px;opacity:0;position:absolute;pointer-events:none;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:100ms;transition:100ms;-webkit-transition-delay:0ms;transition-delay:0ms;visibility:hidden;z-index:1000000}.tooltip:before,[data-hint]:before{background-color:transparent;border:8px solid transparent;content:"";position:absolute;z-index:1000001}.tooltip:after,[data-hint]:after{background-color:#282e31;color:white;content:attr(data-hint);font-size:.75em;padding:.25em .5em;text-decoration:none;white-space:nowrap}.tooltip:hover:before,.tooltip:hover:after,.tooltip:focus:before,.tooltip:focus:after,[data-hint]:hover:before,[data-hint]:hover:after,[data-hint]:focus:before,[data-hint]:focus:after{opacity:1;visibility:visible}.tooltip:hover:before,.tooltip:hover:after,[data-hint]:hover:before,[data-hint]:hover:after{-webkit-transition-delay:100ms;transition-delay:100ms}.tooltip--top:before{border-top-color:#282e31;margin-bottom:-12px}.tooltip--top:after{margin-left:-18px}.tooltip--top:before,.tooltip--top:after{bottom:100%;left:50%}.tooltip--top:hover:after,.tooltip--top:hover:before{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.tooltip--top:focus:after,.tooltip--top:focus:before{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-transition:150ms;transition:150ms}.tooltip--bottom:before{border-bottom-color:#282e31;margin-top:-12px}.tooltip--bottom:after{margin-left:-18px}.tooltip--bottom:before,.tooltip--bottom:after{left:50%;top:100%}.tooltip--bottom:hover:after,.tooltip--bottom:hover:before,.tooltip--bottom:focus:after,.tooltip--bottom:focus:before{-webkit-transform:translateY(8px);transform:translateY(8px)}.tooltip--right:before{border-right-color:#282e31;margin-bottom:-8px;margin-left:-12px}.tooltip--right:after{margin-bottom:-12px}.tooltip--right:before,.tooltip--right:after{bottom:50%;left:105%}.tooltip--right:hover:after,.tooltip--right:hover:before,.tooltip--right:focus:after,.tooltip--right:focus:before{-webkit-transform:translateX(8px);transform:translateX(8px)}.tooltip--left:before{border-left-color:#282e31;margin-bottom:-8px;margin-right:-12px}.tooltip--left:after{margin-bottom:-12px}.tooltip--left:before,.tooltip--left:after{bottom:50%;right:100%}.tooltip--left:hover:after,.tooltip--left:hover:before,.tooltip--left:focus:after,.tooltip--left:focus:before{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.tooltip--always:before,.tooltip--always:after{opacity:1;visibility:visible}.tooltip--always .tooltip--top:before,.tooltip--always .tooltip--top:after{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.tooltip--always .tooltip--right:before,.tooltip--always .tooltip--right:after{-webkit-transform:translateY(8px);transform:translateY(8px)}.tooltip--always .tooltip--bottom:before,.tooltip--always .tooltip--bottom:after{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.tooltip--always .tooltip--left:before,.tooltip--always .tooltip--left:after{-webkit-transform:translateX(8px);transform:translateX(8px)} \ No newline at end of file diff --git a/src/core/layout/_headings.scss b/src/core/layout/_headings.scss index 2de5410..072fd99 100644 --- a/src/core/layout/_headings.scss +++ b/src/core/layout/_headings.scss @@ -7,16 +7,30 @@ // Variables // --------- -// Font sizes -$h1-size: 48 !default; -$h2-size: 36 !default; -$h3-size: 28 !default; -$h4-size: 18 !default; -$h5-size: 16 !default; -$h6-size: 14 !default; -$giga-size: 80 !default; -$mega-size: 64 !default; -$kilo-size: 52 !default; +// Type Scale Ratio +// +// Suggested ratios: +// 1.067 — Minor Second +// 1.125 — Major Second +// 1.200 — Minor Third +// 1.250 — Major Third +// 1.333 — Perfect Fourth +// 1.414 — Augmented Fourth +// 1.500 — Perfect Fifth +// 1.618 — Golden Ratio +// Source: http://type-scale.com/ +$font-ratio-size: 1.333 !default; + +// Scale +$h6-size: $font-base-size / $font-ratio-size !default; +$h5-size: $font-base-size !default; +$h4-size: $font-base-size * $font-ratio-size !default; +$h3-size: $h4-size * $font-ratio-size !default; +$h2-size: $h3-size * $font-ratio-size !default; +$h1-size: $h2-size * $font-ratio-size !default; +$kilo-size: $h1-size * $font-ratio-size !default; +$mega-size: $kilo-size * $font-ratio-size !default; +$giga-size: $mega-size * $font-ratio-size !default; // Font family $font-family-headings: "Helvetica", "Arial", sans-serif !default; From d1904dad2cb7b6559396e044c5dfd99feb0973c6 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Sun, 29 May 2016 18:28:53 -0600 Subject: [PATCH 007/183] [fix: #150] Separate Concise UI from the core --- dist/concise.css | 697 ------------------ dist/concise.min.css | 2 +- src/addons/concise-ui/_concise-ui.scss | 24 - src/addons/concise-ui/components/_alerts.scss | 55 -- src/addons/concise-ui/components/_badges.scss | 13 - .../concise-ui/components/_breadcrumbs.scss | 47 -- .../concise-ui/components/_buttons.scss | 85 --- src/addons/concise-ui/components/_cards.scss | 50 -- .../concise-ui/components/_collections.scss | 27 - .../concise-ui/components/_dropdowns.scss | 144 ---- src/addons/concise-ui/components/_groups.scss | 34 - src/addons/concise-ui/components/_labels.scss | 13 - src/addons/concise-ui/components/_modals.scss | 138 ---- .../concise-ui/components/_progress.scss | 111 --- .../concise-ui/components/_spinner.scss | 19 - .../concise-ui/components/_tooltips.scss | 191 ----- src/concise.scss | 3 - 17 files changed, 1 insertion(+), 1652 deletions(-) delete mode 100644 src/addons/concise-ui/_concise-ui.scss delete mode 100644 src/addons/concise-ui/components/_alerts.scss delete mode 100644 src/addons/concise-ui/components/_badges.scss delete mode 100644 src/addons/concise-ui/components/_breadcrumbs.scss delete mode 100644 src/addons/concise-ui/components/_buttons.scss delete mode 100644 src/addons/concise-ui/components/_cards.scss delete mode 100644 src/addons/concise-ui/components/_collections.scss delete mode 100644 src/addons/concise-ui/components/_dropdowns.scss delete mode 100644 src/addons/concise-ui/components/_groups.scss delete mode 100644 src/addons/concise-ui/components/_labels.scss delete mode 100644 src/addons/concise-ui/components/_modals.scss delete mode 100644 src/addons/concise-ui/components/_progress.scss delete mode 100644 src/addons/concise-ui/components/_spinner.scss delete mode 100644 src/addons/concise-ui/components/_tooltips.scss diff --git a/dist/concise.css b/dist/concise.css index 64c2a9c..c2f01d9 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -1360,700 +1360,3 @@ address { margin: 0; overflow: visible; clip: auto; } - -/** - * Concise UI - * https://github.com/ConciseCSS/concise.css - * - * Copyright 2015 Concise Team - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.alert { - background-color: #f5f5f5; - border: 1px solid #e0e0e0; - border-radius: 3px; - color: inherit; - font-size: 0.875em; - margin: 20px 0; - padding: 8px 1em; - position: relative; } - .alert a { - color: #222222; } - .alert a:hover { - text-decoration: underline; } - -.alert-close { - color: inherit; - float: right; - opacity: .5; - transition: opacity 150ms; } - .alert-close:hover { - opacity: 1; } - .alert-close:hover, .alert-close:focus { - text-decoration: none; } - -a.alert-close:hover { - text-decoration: none; } - -.alert--muted { - background-color: rgba(170, 170, 170, 0.15); - border-color: rgba(170, 170, 170, 0.2); - color: #919191; } - .alert--muted a { - color: #777777; } - -.alert--primary { - background-color: rgba(69, 145, 170, 0.15); - border-color: rgba(69, 145, 170, 0.2); - color: #367286; } - .alert--primary a { - color: #285361; } - -.alert--success { - background-color: rgba(69, 202, 105, 0.15); - border-color: rgba(69, 202, 105, 0.2); - color: #31ab52; } - .alert--success a { - color: #25843f; } - -.alert--warning { - background-color: rgba(255, 184, 0, 0.15); - border-color: rgba(255, 184, 0, 0.2); - color: #cc9300; } - .alert--warning a { - color: #996e00; } - -.alert--error { - background-color: rgba(202, 72, 41, 0.15); - border-color: rgba(202, 72, 41, 0.2); - color: #a03920; } - .alert--error a { - color: #752a18; } - -.badge { - background-color: #4591aa; - border-radius: 25px; - color: white; - display: inline-block; - font-size: 0.75em; - line-height: 24px; - padding: 0 .75em; } - -.breadcrumbs { - background-color: #f5f5f5; - border: 1px solid #e0e0e0; - border-radius: 3px; - font-size: 0.75em; - margin-bottom: 24px; - padding: 8px 0.5em; } - .breadcrumbs li { - display: inline; - list-style: none; - padding-left: .75em; } - .breadcrumbs li:after { - color: #c7c7c7; - content: "\002f"; - padding-left: .75em; } - .breadcrumbs li:last-child:after { - content: ""; - padding-left: 0; } - .breadcrumbs li.is-active, - .breadcrumbs li.is-active a { - color: #4d4d4d; } - -.breadcrumbs--flat { - background-color: transparent; - border: none; - border-radius: 0; - padding: 0; } - -.button--bordered { - background-color: transparent; - border: 1px solid #4591aa; - color: #4591aa; } - .button--bordered:hover, .button--bordered:focus { - background-color: #4591aa; - color: white; } - -.border--muted { - border-color: #aaa; - color: #aaa; } - .border--muted:hover, .border--muted:focus { - background-color: #aaa; - color: white; } - .border--muted:active { - background-color: #c4c4c4; } - -.border--primary { - border-color: #4591aa; - color: #4591aa; } - .border--primary:hover, .border--primary:focus { - background-color: #4591aa; - color: white; } - .border--primary:active { - background-color: #63a8bf; } - -.border--success { - border-color: #45ca69; - color: #45ca69; } - .border--success:hover, .border--success:focus { - background-color: #45ca69; - color: white; } - .border--success:active { - background-color: #6dd589; } - -.border--warning { - border-color: #ffb800; - color: #ffb800; } - .border--warning:hover, .border--warning:focus { - background-color: #ffb800; - color: white; } - .border--warning:active { - background-color: #ffc633; } - -.border--error { - border-color: #ca4829; - color: #ca4829; } - .border--error:hover, .border--error:focus { - background-color: #ca4829; - color: white; } - .border--error:active { - background-color: #db674b; } - -.button--prefix { - padding-left: 0; } - .button--prefix .prefix { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)); - display: inline-block; - margin-right: 1.25em; - padding: 0 1em; - vertical-align: 0; } - .button--prefix.button--bordered .prefix { - background-image: none; - border-right: 1px solid currentColor; } - -.button--affix { - padding-right: 0; } - .button--affix .affix { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)); - display: inline-block; - margin-left: 1.25em; - padding: 0 1em; - vertical-align: 0; } - .button--affix.button--bordered .affix { - background-image: none; - border-left: 1px solid currentColor; } - -.card { - background-color: white; - border: 1px solid #e0e0e0; - margin-bottom: 24px; - overflow: hidden; - position: relative; } - -.card-content { - padding: 24px 1.5em; } - -.card-title { - display: block; - margin-top: 10px; } - -.card-footer { - border-top: 1px solid #e0e0e0; - font-size: 0.875em; - padding: 16px 1.5em; } - -.card-image { - position: relative; } - .card-image img { - bottom: 0; - left: 0; - position: relative; - right: 0; - top: 0; - width: 100%; } - .card-image .card-title { - bottom: 0; - color: white; - left: 0; - padding: 0 1em; - position: absolute; } - -.collection { - border: 1px solid #e0e0e0; - border-radius: 3px; - list-style-type: none; - margin: 24px 0; - padding: 0; } - -.collection-item, -.collection-header { - border-bottom: 1px solid #e0e0e0; - display: block; - margin: 0; - padding: 8px 1em; } - .collection-item:last-of-type, - .collection-header:last-of-type { - border-bottom: none; } - .collection-item.is-active, - .collection-header.is-active { - background-color: #f5f5f5; } - -a.collection-item:hover { - background-color: #f5f5f5; } - -.collection-header { - padding: 0 1em; } - -.dropdown { - cursor: auto; - display: inline-block; - outline: none; - position: relative; } - .dropdown:focus { - pointer-events: none; } - .dropdown:focus .dropdown-content { - opacity: 1; - visibility: visible; } - .dropdown.no-pointer-events { - pointer-events: auto !important; } - .dropdown.no-visibility .dropdown-content { - display: none; - visibility: visible !important; } - .dropdown.no-visibility:focus .dropdown-content { - display: block; } - .dropdown.no-opacity .dropdown-content { - opacity: 1 !important; } - -.dropdown-content { - background-color: white; - border: 1px solid #e0e0e0; - color: #555; - left: 0; - margin-top: 8px; - opacity: 0; - padding: 8px 1em; - pointer-events: auto; - position: absolute; - text-align: left; - transition: all 150ms; - visibility: hidden; - width: 200px; - z-index: 1; } - .dropdown-content:before, .dropdown-content:after { - border: solid transparent; - bottom: 100%; - content: ""; - height: 0; - left: 1.5em; - pointer-events: none; - position: absolute; - width: 0; } - .dropdown-content:before { - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #e0e0e0; - border-width: 7px; - margin-left: -7px; } - .dropdown-content:after { - border-color: rgba(255, 255, 255, 0); - border-bottom-color: white; - border-width: 6px; - margin-left: -6px; } - .dropdown-content li { - font-size: 0.875em; - list-style-type: none; - margin: 0; - padding: 8px 1em; - transition: background-color 150ms; - white-space: nowrap; } - .dropdown-content li:hover { - background-color: #f5f5f5; } - -ul.dropdown-content, -ol.dropdown-content { - padding: 0; } - -.dropdown--hover:hover { - pointer-events: none; } - .dropdown--hover:hover .dropdown-content { - opacity: 1; - visibility: visible; } - -.dropdown--small .dropdown-content { - width: 150px; } - -.dropdown--large .dropdown-content { - width: 300px; } - -.dropdown--top .dropdown-content { - bottom: 100%; - margin-top: 0; - margin-bottom: 8px; } - .dropdown--top .dropdown-content:before, .dropdown--top .dropdown-content:after { - top: 100%; } - .dropdown--top .dropdown-content:after { - border-color: rgba(255, 255, 255, 0); - border-top-color: white; } - .dropdown--top .dropdown-content:before { - border-color: rgba(255, 255, 255, 0); - border-top-color: #e0e0e0; } - -.group { - display: inline-block; - margin-bottom: 24px; - padding: 0; } - .group:before, .group:after { - content: ""; - display: table; } - .group:after { - clear: both; } - .group span { - margin-top: 0; } - -.group-item { - border: 1px solid #e0e0e0; - display: inline-block; - float: left; - font-size: 0.875em; - line-height: 32px; - list-style: none; - padding: 0 1em; - transition: background-color 150ms; } - .group-item:not(:first-child) { - margin: 0 0 0 -1px; } - .group-item:hover { - background-color: #f5f5f5; } - .group-item:first-child { - border-radius: 3px 0 0 3px; } - .group-item:last-child { - border-radius: 0 3px 3px 0; } - .group-item.is-active { - background-color: #f5f5f5; } - -.label { - background-color: #4591aa; - border-radius: 3px; - color: white; - display: inline-block; - font-size: 0.75em; - line-height: 24px; - padding: 0 1em; } - -.modal { - background-color: rgba(40, 46, 49, 0.5); - bottom: 0; - left: 0; - margin: 0; - opacity: 0; - overflow: scroll; - pointer-events: none; - position: fixed; - right: 0; - top: 0; - transition: opacity ease-in 150ms; - z-index: 1000002; } - .modal:target { - opacity: 1; - pointer-events: auto; } - -.modal-container { - box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); - margin: 16px auto; - position: relative; - width: 90%; } - @media (min-width: 48em) { - .modal-container { - width: 526px; } } - @media (min-height: 30em) { - .modal-container { - margin: 10% auto; } } - @media (min-height: 48em) { - .modal-container { - margin: 15% auto; } } - -.modal-header { - background-color: #4591aa; - color: white; - padding: 16px 1.5em; } - .modal-header h1, .modal-header h2, .modal-header h3, .modal-header h4, .modal-header h5, .modal-header h6, - .modal-header .h1, .modal-header .h2, .modal-header .h3, .modal-header .h4, .modal-header .h5, .modal-header .h6, - .modal-header .giga, .modal-header .mega, .modal-header .kilo { - color: inherit; - display: inline; } - -.modal-body, -.modal-footer { - background-color: white; - margin-top: 0; } - -.modal-body { - padding: 32px 2.5em; } - -.modal-footer { - border-top: 1px solid #e0e0e0; - font-size: 0.875em; - margin: 0; - padding: 24px 2.5em; } - -.modal-close { - color: white; - float: right; - margin: 0; - opacity: .5; - transition: opacity 150ms; } - .modal-close:hover { - opacity: 1; } - .modal-close:hover, .modal-close:focus { - text-decoration: none; } - -.modal:target .modal-close--background { - display: block; - height: 100%; - pointer-events: all; - position: absolute; - width: 100%; } - .modal:target .modal-close--background:hover { - border-bottom: none; - text-decoration: none; } - -@media (min-width: 48em) { - .modal--small .modal-container { - width: 360px; } } - -@media (min-width: 48em) { - .modal--large .modal-container { - width: 760px; } } - -@media (min-width: 48em) { - .modal--full .modal-container { - width: 90%; } } - -.modal--flat .modal-header { - background-color: white; - color: #555; - padding: 1.5em 2.5em 0; } - .modal--flat .modal-header h1, .modal--flat .modal-header h2, .modal--flat .modal-header h3, .modal--flat .modal-header h4, .modal--flat .modal-header h5, .modal--flat .modal-header h6, - .modal--flat .modal-header .h1, .modal--flat .modal-header .h2, .modal--flat .modal-header .h3, .modal--flat .modal-header .h4, .modal--flat .modal-header .h5, .modal--flat .modal-header .h6 { - color: inherit; } - -.modal--flat .modal-close { - color: #555; - line-height: 1; - margin: 0; } - -.progress { - background-color: #f5f5f5; - border-radius: 3px; - box-shadow: inset 0 1px 1px rgba(224, 224, 224, 0.25); - box-sizing: initial; - color: white; - font-size: 0.6875em; - height: 14px; - line-height: 1.2; - margin-bottom: 24px; - position: relative; - text-align: center; - width: 100%; } - -.progress > span { - background-color: #4591aa; - border-radius: 3px; - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); - display: block; - height: 100%; - overflow: hidden; - position: relative; - width: auto; } - -.progress--small { - font-size: 0.5625em; - height: 10px; - line-height: 1.2; } - -.progress--large { - font-size: 1em; - height: 25px; - line-height: 1.7; } - -.progress--stacked > span { - border-radius: 0; - display: inline-block; - float: left; - margin-top: 0; } - .progress--stacked > span:first-of-type { - border-radius: 3px 0 0 3px; } - .progress--stacked > span:last-of-type { - border-radius: 0 3px 3px 0; } - -.progress--striped > span:after, .progress--striped > span > span { - background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent)); - background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); - background-size: 50px 50px; - bottom: 0; - content: ""; - left: 0; - overflow: hidden; - position: absolute; - right: 0; - top: 0; - z-index: 1; } - -.progress--striped.progress--animate > span:after, .progress--striped.progress--animate > span > span { - animation: move 2s linear infinite; } - -@keyframes move { - 0% { - background-position: 0 0; } - 100% { - background-position: 50px 50px; } } - -@-moz-keyframes move { - 0% { - background-position: 0 0; } - 100% { - background-position: 50px 50px; } } - -@-webkit-keyframes move { - 0% { - background-position: 0 0; } - 100% { - background-position: 50px 50px; } } - -.spinner { - animation: rotate .8s infinite linear; - border: 3px solid #b5b5b5; - border-radius: 50%; - border-right-color: transparent; - height: 30px; - margin: 24px auto; - width: 30px; } - -@keyframes rotate { - 0% { - transform: rotate(0deg); } - 100% { - transform: rotate(360deg); } } - -.tooltip, -[data-hint] { - display: inline-block; - position: relative; } - .tooltip:before, .tooltip:after, - [data-hint]:before, - [data-hint]:after { - border-radius: 2px; - opacity: 0; - position: absolute; - pointer-events: none; - transform: translate3d(0, 0, 0); - transition: 100ms; - transition-delay: 0ms; - visibility: hidden; - z-index: 1000000; } - .tooltip:before, - [data-hint]:before { - background-color: transparent; - border: 8px solid transparent; - content: ""; - position: absolute; - z-index: 1000001; } - .tooltip:after, - [data-hint]:after { - background-color: #282E31; - color: white; - content: attr(data-hint); - font-size: 0.75em; - padding: .25em .5em; - text-decoration: none; - white-space: nowrap; } - .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after, - [data-hint]:hover:before, - [data-hint]:hover:after, - [data-hint]:focus:before, - [data-hint]:focus:after { - opacity: 1; - visibility: visible; } - .tooltip:hover:before, .tooltip:hover:after, - [data-hint]:hover:before, - [data-hint]:hover:after { - transition-delay: 100ms; } - -.tooltip--top:before { - border-top-color: #282E31; - margin-bottom: -12px; } - -.tooltip--top:after { - margin-left: -18px; } - -.tooltip--top:before, .tooltip--top:after { - bottom: 100%; - left: 50%; } - -.tooltip--top:hover:after, .tooltip--top:hover:before { - transform: translateY(-8px); } - -.tooltip--top:focus:after, .tooltip--top:focus:before { - transform: translateY(-8px); - transition: 150ms; } - -.tooltip--bottom:before { - border-bottom-color: #282E31; - margin-top: -12px; } - -.tooltip--bottom:after { - margin-left: -18px; } - -.tooltip--bottom:before, .tooltip--bottom:after { - left: 50%; - top: 100%; } - -.tooltip--bottom:hover:after, .tooltip--bottom:hover:before, .tooltip--bottom:focus:after, .tooltip--bottom:focus:before { - transform: translateY(8px); } - -.tooltip--right:before { - border-right-color: #282E31; - margin-bottom: -8px; - margin-left: -12px; } - -.tooltip--right:after { - margin-bottom: -12px; } - -.tooltip--right:before, .tooltip--right:after { - bottom: 50%; - left: 105%; } - -.tooltip--right:hover:after, .tooltip--right:hover:before, .tooltip--right:focus:after, .tooltip--right:focus:before { - transform: translateX(8px); } - -.tooltip--left:before { - border-left-color: #282E31; - margin-bottom: -8px; - margin-right: -12px; } - -.tooltip--left:after { - margin-bottom: -12px; } - -.tooltip--left:before, .tooltip--left:after { - bottom: 50%; - right: 100%; } - -.tooltip--left:hover:after, .tooltip--left:hover:before, .tooltip--left:focus:after, .tooltip--left:focus:before { - transform: translateX(-8px); } - -.tooltip--always:before, .tooltip--always:after { - opacity: 1; - visibility: visible; } - -.tooltip--always .tooltip--top:before, .tooltip--always .tooltip--top:after { - transform: translateY(-8px); } - -.tooltip--always .tooltip--right:before, .tooltip--always .tooltip--right:after { - transform: translateY(8px); } - -.tooltip--always .tooltip--bottom:before, .tooltip--always .tooltip--bottom:after { - transform: translateX(-8px); } - -.tooltip--always .tooltip--left:before, .tooltip--always .tooltip--left:after { - transform: translateX(8px); } diff --git a/dist/concise.min.css b/dist/concise.min.css index c93150a..081ecfa 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -:root{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}audio:not([controls]){display:none}details{display:block}input[type="number"]{width:auto}input[type="search"]{-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}main,summary{display:block}pre{overflow:auto}progress{display:inline-block}textarea{overflow:auto}template,[hidden]{display:none}[unselectable]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:root{box-sizing:border-box;color:#555;cursor:default;font-family:"Helvetica","Arial",sans-serif;font-size:14px;line-height:1.5;text-rendering:optimizeLegibility;vertical-align:top}@media(min-width:30em){:root{font-size:16px}}:root .nonresponsive{font-size:16px}*,::after,::before{box-sizing:inherit;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;text-decoration:inherit;vertical-align:inherit}*{cursor:inherit;margin:0;padding:0}body{background-color:white}a,button,input[type="submit"],input,select,textarea{cursor:initial}*[dir="rl;"]{direction:rtl;unicode-bidi:embed}bdo[dir="ltr"],bdo[dir="rtl"]{unicode-bidi:bidi-override}bdo[dir="ltr"]{direction:ltr}bdo[dir="rtl"]{direction:rtl}hr{border:0;border-top:1px solid #e0e0e0;display:block;height:1px;margin:20px 0}figure{margin:24px 1em}figcaption{color:#666;font-style:italic;text-align:center}::-moz-selection{background-color:#d6d6d6}::selection{background-color:#d6d6d6}::-moz-selection{background-color:#d6d6d6}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:20px;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:10px}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}button,input[type="submit"],.button{background-color:#4591aa;border:0;color:white;cursor:pointer;display:inline-block;line-height:48px;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;-webkit-transition:150ms;transition:150ms;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:hover,input[type="submit"]:hover,button:focus,input[type="submit"]:focus,.button:hover,.button:focus{background-color:#75b3c7;color:inherit;text-decoration:none}button:focus,input[type="submit"]:focus,button:active,input[type="submit"]:active,.button:focus,.button:active{outline:0}button:active,input[type="submit"]:active,.button:active{background-color:#63a8bf}button[disabled],input[disabled][type="submit"],.button[disabled]{background-color:gainsboro;color:white;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:hover,.button--muted:focus{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:hover,.button--primary:focus{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:hover,.button--success:focus{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:hover,.button--warning:focus{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:hover,.button--error:focus{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75em;line-height:32px;padding:0 1.5em}.button--sm{font-size:.875em;line-height:40px;padding:0 2em}.button--lg{font-size:1.125em;line-height:56px;padding:0 3em}.button--xlg{font-size:1.125em;line-height:64px;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,0.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media(min-width:30em){.button--collapse{width:auto}}@media(min-width:30em){form,form [row]{margin-bottom:24px}}.nonresponsive form,.nonresponsive form [row]{margin-bottom:24px}input:not([type="submit"]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875em;height:32px;padding:0 .75em;-webkit-transition:150ms;transition:150ms;width:100%}input:not([type="submit"]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px rgba(69,145,170,0.5);outline:0}input:not([type="submit"])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type="submit"]){line-height:normal;min-height:24px}input:not([type="submit"])[type="checkbox"]:focus,input:not([type="submit"])[type="radio"]:focus,input:not([type="submit"])[type="range"]:focus,input:not([type="submit"])[type="file"]:focus,input:not([type="submit"])[type="color"]:focus,input:not([type="submit"])[type="submit"]:focus{border-color:transparent;box-shadow:none;outline:0}label{display:block;font-size:.875em}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:24px 1em;margin-bottom:24px}legend{font-size:.875em;font-weight:bold;padding:0 1em}input[type="checkbox"],input[type="file"],input[type="image"],input[type="radio"]{height:auto;width:auto}input[type="checkbox"],input[type="radio"]{line-height:normal;padding:0;vertical-align:middle}input[type="checkbox"]+label,input[type="radio"]+label{display:inline-block;margin:0 0 0 .5em;line-height:30px;vertical-align:middle}input[type="file"]{border:0;line-height:100%;padding:0}textarea{height:auto;padding:8px 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type="range"]{border:0;padding:0;width:100%;-webkit-appearance:none}input[type="range"]:focus{outline:0}input[type="range"]::-webkit-slider-runnable-track{background-color:gainsboro;border:0;border-radius:3px;height:5px}input[type="range"]::-webkit-slider-thumb{border:0;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type="range"]::-moz-range-track{background-color:gainsboro;border:0;border-radius:3px;height:5px}input[type="range"]::-moz-range-thumb{border:0;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type="range"]::-ms-track{background-color:gainsboro;border:0;border-radius:3px;color:transparent;height:5px}input[type="range"]::-ms-thumb{border:0;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75em;font-weight:bold;margin-top:8px}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:20px}@media(min-width:30em){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.nonresponsive .form--inline input,.nonresponsive .form--inline select,.nonresponsive .form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.nonresponsive .form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.nonresponsive .form--inline input+label{margin-left:1em}.input--small{font-size:.75em!important;height:24px!important}.input--large{font-size:1em!important;height:48px!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,0.15);border-color:#45ca69}.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,0.15);border-color:#ffb800}.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,0.15);border-color:#ca4829}.input--error:focus{border-color:#ca4829}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.giga,.mega,.kilo{color:#222;font-family:"Helvetica","Arial",sans-serif;line-height:1.25em}h1 small,h1 .small,h2 small,h2 .small,h3 small,h3 .small,h4 small,h4 .small,h5 small,h5 .small,h6 small,h6 .small,.h1 small,.h1 .small,.h2 small,.h2 .small,.h3 small,.h3 .small,.h4 small,.h4 .small,.h5 small,.h5 .small,.h6 small,.h6 .small,.giga small,.giga .small,.mega small,.mega .small,.kilo small,.kilo .small{color:#666;font-weight:lighter;vertical-align:0}h1,h2,h3,.h1,.h2,.h3,.giga,.mega,.kilo{margin:20px 0 10px}h1 small,h1 .small,h2 small,h2 .small,h3 small,h3 .small,.h1 small,.h1 .small,.h2 small,.h2 .small,.h3 small,.h3 .small,.giga small,.giga .small,.mega small,.mega .small,.kilo small,.kilo .small{font-size:65%}h4,h5,h6,.h4,.h5,.h6{margin:10px 0}h4 small,h4 .small,h5 small,h5 .small,h6 small,h6 .small,.h4 small,.h4 .small,.h5 small,.h5 .small,.h6 small,.h6 .small{font-size:75%}h1,.h1{font-size:2.368em}@media(min-width:48em){h1,.h1{font-size:3.15733em}}h2,.h2{font-size:1.77644em}@media(min-width:48em){h2,.h2{font-size:2.36859em}}h3,.h3{font-size:1.33267em}@media(min-width:48em){h3,.h3{font-size:1.77689em}}h4,.h4{font-size:1.333em}h5,.h5{font-size:1em}h6,.h6{font-size:.75019em}.giga{font-size:5.60883em}@media(min-width:48em){.giga{font-size:7.47844em}}.mega{font-size:4.20767em}@media(min-width:48em){.mega{font-size:5.61023em}}.kilo{font-size:3.15655em}@media(min-width:48em){.kilo{font-size:4.20873em}}.nonresponsive h1,.nonresponsive .h1{font-size:3.15733em}.nonresponsive h2,.nonresponsive .h2{font-size:2.36859em}.nonresponsive h3,.nonresponsive .h3{font-size:1.77689em}.nonresponsive .giga{font-size:7.47844em}.nonresponsive .mega{font-size:5.61023em}.nonresponsive .kilo{font-size:4.20873em}ul,ol{padding-left:1.5em;margin-bottom:10px}ul ul,ul ol,ol ul,ol ol{margin-bottom:0}ul ul{list-style-type:square}ul ol{list-style-type:lower-roman}ol ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:24px}dt{font-weight:bold}dt,dd{margin-bottom:10px}@media(min-width:60em){.dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.dl--horizontal dd{margin-left:165px}.dl--horizontal dd:before,.dl--horizontal dd:after{content:"";display:table}.dl--horizontal dd:after{clear:both}}.nonresponsive .dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.nonresponsive .dl--horizontal dd{margin-left:165px}.nonresponsive .dl--horizontal dd:before,.nonresponsive .dl--horizontal dd:after{content:"";display:table}.nonresponsive .dl--horizontal dd:after{clear:both}@media print{@page{margin:.5cm}*,*:before,*:after{background:transparent!important;color:black!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:white;color:black;font:11pt/1.3 "Georgia","Times New Roman","Times",serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,video,audio,object,embed,nav,footer,a[href^="#"]:after{display:none;visibility:hidden}p,h2,h3,.h2,.h3{orphans:3;widows:3}h2,h3,.h2,.h3{page-break-after:avoid}a,a:visited{color:black;font-size:.57em;text-decoration:underline;word-wrap:break-word}a[href]:after,a:visited[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,code{background-color:none;border:1px solid #e0e0e0;page-break-inside:avoid}blockquote{border:0;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ul li,ol li{content:"» "}}@media print and (min-width:30em){table{page-break-inside:avoid;width:100%!important}table th,table td{line-height:40px!important}}@media print{.badge,.badge:before,.badge *:after,.label,.label:before,.label *:after,.spinner,.spinner:before,.spinner *:after,.tooltip,.tooltip:before,.tooltip *:after,[data-hint],[data-hint]:before,[data-hint] *:after,.progress,.progress:before,.progress *:after,.breadcrumbs,.breadcrumbs:before,.breadcrumbs *:after,.modal,.modal:before,.modal *:after,.alert,.alert:before,.alert *:after{display:none;visibility:hidden}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:24px;width:100%}table caption{color:#555;font-size:85%;font-style:italic;line-height:48px;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table th,table td{border-right:1px solid #e0e0e0;line-height:24px;overflow:visible;padding:8px 1em}@media(min-width:30em){table th,table td{line-height:48px}}table th:last-child,table td:last-child{border-right:0}table tr,table td{-webkit-transition:background-color 150ms;transition:background-color 150ms}@media(min-width:30em){table{width:auto}table th,table td{padding:0 2.5em}}.nonresponsive{width:auto}.nonresponsive th,.nonresponsive td{padding:0 2.5em}.nonresponsive th,.nonresponsive td{line-height:48px}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,0.2);border:3px solid white;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border thead,.table--border td{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter th,.table--borderOuter td{border-right:0}.table--borderHorizontal thead,.table--borderHorizontal td{border-bottom:1px solid #e0e0e0}.table--borderHorizontal th,.table--borderHorizontal td{border-right:0}.table--flat{border:0}.table--flat td{border-bottom:0}.table--flat th,.table--flat td{border-right:0}.table--fillEven tbody tr:nth-child(even){background-color:#f5f5f5}.table--fillOdd tbody tr:nth-child(odd){background-color:#f5f5f5}.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--hoverCell tbody td:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}i,em,.italic{font-style:italic}b,strong,.bold{font-weight:bold}small,.small{font-size:75%;vertical-align:text-bottom}sup,sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}s{text-decoration:line-through}p:not(:last-child){margin-bottom:20px}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:150ms;transition:150ms}a:hover,a:focus{color:#2f6374}h1 a,h2 a,h3 a,.h1 a,.h2 a,.h3 a{color:#555}h1 a:hover,h1 a:focus,h2 a:hover,h2 a:focus,h3 a:hover,h3 a:focus,.h1 a:hover,.h1 a:focus,.h2 a:hover,.h2 a:focus,.h3 a:hover,.h3 a:focus{color:#4591aa;text-decoration:none}abbr[title]{border-bottom:1px dotted #e0e0e0;cursor:help}code,pre,kbd,samp{font-family:"Consolas",monospace;font-size:.875em}pre{padding:16px 1.5em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:24px}code{padding:2px 3px}pre code{background-color:transparent;border:0;padding:0;vertical-align:inherit;white-space:pre}.pre--flat{background-color:transparent;border:0;border-radius:none;padding:0}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px white,0 2px 0 gainsboro;display:inline-block;line-height:1.75;margin:-3px 2px 0;padding:2px 6px 0;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:before,[row]:after{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media(min-width:48em){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.nonresponsive [column~="1"]{width:8.33333%}.nonresponsive [column~="2"]{width:16.66667%}.nonresponsive [column~="3"]{width:25%}.nonresponsive [column~="4"]{width:33.33333%}.nonresponsive [column~="5"]{width:41.66667%}.nonresponsive [column~="6"]{width:50%}.nonresponsive [column~="7"]{width:58.33333%}.nonresponsive [column~="8"]{width:66.66667%}.nonresponsive [column~="9"]{width:75%}.nonresponsive [column~="10"]{width:83.33333%}.nonresponsive [column~="11"]{width:91.66667%}.nonresponsive [column~="12"]{width:100%}.nonresponsive [column~="+1"]{margin-left:8.33333%}.nonresponsive [column~="+2"]{margin-left:16.66667%}.nonresponsive [column~="+3"]{margin-left:25%}.nonresponsive [column~="+4"]{margin-left:33.33333%}.nonresponsive [column~="+5"]{margin-left:41.66667%}.nonresponsive [column~="+6"]{margin-left:50%}.nonresponsive [column~="+7"]{margin-left:58.33333%}.nonresponsive [column~="+8"]{margin-left:66.66667%}.nonresponsive [column~="+9"]{margin-left:75%}.nonresponsive [column~="+10"]{margin-left:83.33333%}.nonresponsive [column~="+11"]{margin-left:91.66667%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.show--xsm,.hide--sm,.hide--md,.hide--lg,.hide--xlg,.hide--print,.hide--hd{display:block;visibility:visible}.hide--xsm,.show--sm,.show--md,.show--lg,.show--xlg,.show--print,.show--hd{display:none;visibility:hidden}@media(min-width:48em){.show--sm,.hide--xsm,.hide--md,.hide--lg,.hide--xlg{display:block;visibility:visible}.hide--sm,.show--xsm,.show--md,.show--lg,.show--xlg{display:none;visibility:hidden}}@media(min-width:60em){.show--md,.hide--sm,.hide--xsm,.hide--lg,.hide--xlg{display:block;visibility:visible}.hide--md,.show--sm,.show--xsm,.show--lg,.show--xlg{display:none;visibility:hidden}}@media(min-width:70em){.show--lg,.hide--xsm,.hide--sm,.hide--md,.hide--xlg{display:block;visibility:visible}.hide--lg,.show--xsm,.show--sm,.show--md,.show--xlg{display:none;visibility:hidden}}@media(min-width:80em){.show--xlg,.hide--xsm,.hide--sm,.hide--md,.hide--lg{display:block;visibility:visible}.hide--xlg,.show--xsm,.show--sm,.show--md,.show--lg{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3 / 2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.alert{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:inherit;font-size:.875em;margin:20px 0;padding:8px 1em;position:relative}.alert a{color:#222}.alert a:hover{text-decoration:underline}.alert-close{color:inherit;float:right;opacity:.5;-webkit-transition:opacity 150ms;transition:opacity 150ms}.alert-close:hover{opacity:1}.alert-close:hover,.alert-close:focus{text-decoration:none}a.alert-close:hover{text-decoration:none}.alert--muted{background-color:rgba(170,170,170,0.15);border-color:rgba(170,170,170,0.2);color:#919191}.alert--muted a{color:#777}.alert--primary{background-color:rgba(69,145,170,0.15);border-color:rgba(69,145,170,0.2);color:#367286}.alert--primary a{color:#285361}.alert--success{background-color:rgba(69,202,105,0.15);border-color:rgba(69,202,105,0.2);color:#31ab52}.alert--success a{color:#25843f}.alert--warning{background-color:rgba(255,184,0,0.15);border-color:rgba(255,184,0,0.2);color:#cc9300}.alert--warning a{color:#996e00}.alert--error{background-color:rgba(202,72,41,0.15);border-color:rgba(202,72,41,0.2);color:#a03920}.alert--error a{color:#752a18}.badge{background-color:#4591aa;border-radius:25px;color:white;display:inline-block;font-size:.75em;line-height:24px;padding:0 .75em}.breadcrumbs{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;font-size:.75em;margin-bottom:24px;padding:8px .5em}.breadcrumbs li{display:inline;list-style:none;padding-left:.75em}.breadcrumbs li:after{color:#c7c7c7;content:"\002f";padding-left:.75em}.breadcrumbs li:last-child:after{content:"";padding-left:0}.breadcrumbs li.is-active,.breadcrumbs li.is-active a{color:#4d4d4d}.breadcrumbs--flat{background-color:transparent;border:0;border-radius:0;padding:0}.button--bordered{background-color:transparent;border:1px solid #4591aa;color:#4591aa}.button--bordered:hover,.button--bordered:focus{background-color:#4591aa;color:white}.border--muted{border-color:#aaa;color:#aaa}.border--muted:hover,.border--muted:focus{background-color:#aaa;color:white}.border--muted:active{background-color:#c4c4c4}.border--primary{border-color:#4591aa;color:#4591aa}.border--primary:hover,.border--primary:focus{background-color:#4591aa;color:white}.border--primary:active{background-color:#63a8bf}.border--success{border-color:#45ca69;color:#45ca69}.border--success:hover,.border--success:focus{background-color:#45ca69;color:white}.border--success:active{background-color:#6dd589}.border--warning{border-color:#ffb800;color:#ffb800}.border--warning:hover,.border--warning:focus{background-color:#ffb800;color:white}.border--warning:active{background-color:#ffc633}.border--error{border-color:#ca4829;color:#ca4829}.border--error:hover,.border--error:focus{background-color:#ca4829;color:white}.border--error:active{background-color:#db674b}.button--prefix{padding-left:0}.button--prefix .prefix{background-image:-webkit-linear-gradient(top,rgba(0,0,0,0.15),rgba(0,0,0,0.15));background-image:linear-gradient(to bottom,rgba(0,0,0,0.15),rgba(0,0,0,0.15));display:inline-block;margin-right:1.25em;padding:0 1em;vertical-align:0}.button--prefix.button--bordered .prefix{background-image:none;border-right:1px solid currentColor}.button--affix{padding-right:0}.button--affix .affix{background-image:-webkit-linear-gradient(top,rgba(0,0,0,0.15),rgba(0,0,0,0.15));background-image:linear-gradient(to bottom,rgba(0,0,0,0.15),rgba(0,0,0,0.15));display:inline-block;margin-left:1.25em;padding:0 1em;vertical-align:0}.button--affix.button--bordered .affix{background-image:none;border-left:1px solid currentColor}.card{background-color:white;border:1px solid #e0e0e0;margin-bottom:24px;overflow:hidden;position:relative}.card-content{padding:24px 1.5em}.card-title{display:block;margin-top:10px}.card-footer{border-top:1px solid #e0e0e0;font-size:.875em;padding:16px 1.5em}.card-image{position:relative}.card-image img{bottom:0;left:0;position:relative;right:0;top:0;width:100%}.card-image .card-title{bottom:0;color:white;left:0;padding:0 1em;position:absolute}.collection{border:1px solid #e0e0e0;border-radius:3px;list-style-type:none;margin:24px 0;padding:0}.collection-item,.collection-header{border-bottom:1px solid #e0e0e0;display:block;margin:0;padding:8px 1em}.collection-item:last-of-type,.collection-header:last-of-type{border-bottom:0}.collection-item.is-active,.collection-header.is-active{background-color:#f5f5f5}a.collection-item:hover{background-color:#f5f5f5}.collection-header{padding:0 1em}.dropdown{cursor:auto;display:inline-block;outline:0;position:relative}.dropdown:focus{pointer-events:none}.dropdown:focus .dropdown-content{opacity:1;visibility:visible}.dropdown.no-pointer-events{pointer-events:auto!important}.dropdown.no-visibility .dropdown-content{display:none;visibility:visible!important}.dropdown.no-visibility:focus .dropdown-content{display:block}.dropdown.no-opacity .dropdown-content{opacity:1!important}.dropdown-content{background-color:white;border:1px solid #e0e0e0;color:#555;left:0;margin-top:8px;opacity:0;padding:8px 1em;pointer-events:auto;position:absolute;text-align:left;-webkit-transition:all 150ms;transition:all 150ms;visibility:hidden;width:200px;z-index:1}.dropdown-content:before,.dropdown-content:after{border:solid transparent;bottom:100%;content:"";height:0;left:1.5em;pointer-events:none;position:absolute;width:0}.dropdown-content:before{border-color:rgba(255,255,255,0);border-bottom-color:#e0e0e0;border-width:7px;margin-left:-7px}.dropdown-content:after{border-color:rgba(255,255,255,0);border-bottom-color:white;border-width:6px;margin-left:-6px}.dropdown-content li{font-size:.875em;list-style-type:none;margin:0;padding:8px 1em;-webkit-transition:background-color 150ms;transition:background-color 150ms;white-space:nowrap}.dropdown-content li:hover{background-color:#f5f5f5}ul.dropdown-content,ol.dropdown-content{padding:0}.dropdown--hover:hover{pointer-events:none}.dropdown--hover:hover .dropdown-content{opacity:1;visibility:visible}.dropdown--small .dropdown-content{width:150px}.dropdown--large .dropdown-content{width:300px}.dropdown--top .dropdown-content{bottom:100%;margin-top:0;margin-bottom:8px}.dropdown--top .dropdown-content:before,.dropdown--top .dropdown-content:after{top:100%}.dropdown--top .dropdown-content:after{border-color:rgba(255,255,255,0);border-top-color:white}.dropdown--top .dropdown-content:before{border-color:rgba(255,255,255,0);border-top-color:#e0e0e0}.group{display:inline-block;margin-bottom:24px;padding:0}.group:before,.group:after{content:"";display:table}.group:after{clear:both}.group span{margin-top:0}.group-item{border:1px solid #e0e0e0;display:inline-block;float:left;font-size:.875em;line-height:32px;list-style:none;padding:0 1em;-webkit-transition:background-color 150ms;transition:background-color 150ms}.group-item:not(:first-child){margin:0 0 0 -1px}.group-item:hover{background-color:#f5f5f5}.group-item:first-child{border-radius:3px 0 0 3px}.group-item:last-child{border-radius:0 3px 3px 0}.group-item.is-active{background-color:#f5f5f5}.label{background-color:#4591aa;border-radius:3px;color:white;display:inline-block;font-size:.75em;line-height:24px;padding:0 1em}.modal{background-color:rgba(40,46,49,0.5);bottom:0;left:0;margin:0;opacity:0;overflow:scroll;pointer-events:none;position:fixed;right:0;top:0;-webkit-transition:opacity ease-in 150ms;transition:opacity ease-in 150ms;z-index:1000002}.modal:target{opacity:1;pointer-events:auto}.modal-container{box-shadow:0 1px 3px 0 rgba(0,0,0,0.1);margin:16px auto;position:relative;width:90%}@media(min-width:48em){.modal-container{width:526px}}@media(min-height:30em){.modal-container{margin:10% auto}}@media(min-height:48em){.modal-container{margin:15% auto}}.modal-header{background-color:#4591aa;color:white;padding:16px 1.5em}.modal-header h1,.modal-header h2,.modal-header h3,.modal-header h4,.modal-header h5,.modal-header h6,.modal-header .h1,.modal-header .h2,.modal-header .h3,.modal-header .h4,.modal-header .h5,.modal-header .h6,.modal-header .giga,.modal-header .mega,.modal-header .kilo{color:inherit;display:inline}.modal-body,.modal-footer{background-color:white;margin-top:0}.modal-body{padding:32px 2.5em}.modal-footer{border-top:1px solid #e0e0e0;font-size:.875em;margin:0;padding:24px 2.5em}.modal-close{color:white;float:right;margin:0;opacity:.5;-webkit-transition:opacity 150ms;transition:opacity 150ms}.modal-close:hover{opacity:1}.modal-close:hover,.modal-close:focus{text-decoration:none}.modal:target .modal-close--background{display:block;height:100%;pointer-events:all;position:absolute;width:100%}.modal:target .modal-close--background:hover{border-bottom:0;text-decoration:none}@media(min-width:48em){.modal--small .modal-container{width:360px}}@media(min-width:48em){.modal--large .modal-container{width:760px}}@media(min-width:48em){.modal--full .modal-container{width:90%}}.modal--flat .modal-header{background-color:white;color:#555;padding:1.5em 2.5em 0}.modal--flat .modal-header h1,.modal--flat .modal-header h2,.modal--flat .modal-header h3,.modal--flat .modal-header h4,.modal--flat .modal-header h5,.modal--flat .modal-header h6,.modal--flat .modal-header .h1,.modal--flat .modal-header .h2,.modal--flat .modal-header .h3,.modal--flat .modal-header .h4,.modal--flat .modal-header .h5,.modal--flat .modal-header .h6{color:inherit}.modal--flat .modal-close{color:#555;line-height:1;margin:0}.progress{background-color:#f5f5f5;border-radius:3px;box-shadow:inset 0 1px 1px rgba(224,224,224,0.25);box-sizing:initial;color:white;font-size:.6875em;height:14px;line-height:1.2;margin-bottom:24px;position:relative;text-align:center;width:100%}.progress>span{background-color:#4591aa;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);display:block;height:100%;overflow:hidden;position:relative;width:auto}.progress--small{font-size:.5625em;height:10px;line-height:1.2}.progress--large{font-size:1em;height:25px;line-height:1.7}.progress--stacked>span{border-radius:0;display:inline-block;float:left;margin-top:0}.progress--stacked>span:first-of-type{border-radius:3px 0 0 3px}.progress--stacked>span:last-of-type{border-radius:0 3px 3px 0}.progress--striped>span:after,.progress--striped>span>span{background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0.25,rgba(255,255,255,0.2)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.2)),color-stop(0.75,rgba(255,255,255,0.2)),color-stop(0.75,transparent),to(transparent));background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent);background-size:50px 50px;bottom:0;content:"";left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}.progress--striped.progress--animate>span:after,.progress--striped.progress--animate>span>span{-webkit-animation:move 2s linear infinite;animation:move 2s linear infinite}@keyframes move{0%{background-position:0 0}100%{background-position:50px 50px}}@-webkit-keyframes move{0%{background-position:0 0}100%{background-position:50px 50px}}.spinner{-webkit-animation:rotate .8s infinite linear;animation:rotate .8s infinite linear;border:3px solid #b5b5b5;border-radius:50%;border-right-color:transparent;height:30px;margin:24px auto;width:30px}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.tooltip,[data-hint]{display:inline-block;position:relative}.tooltip:before,.tooltip:after,[data-hint]:before,[data-hint]:after{border-radius:2px;opacity:0;position:absolute;pointer-events:none;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:100ms;transition:100ms;-webkit-transition-delay:0ms;transition-delay:0ms;visibility:hidden;z-index:1000000}.tooltip:before,[data-hint]:before{background-color:transparent;border:8px solid transparent;content:"";position:absolute;z-index:1000001}.tooltip:after,[data-hint]:after{background-color:#282e31;color:white;content:attr(data-hint);font-size:.75em;padding:.25em .5em;text-decoration:none;white-space:nowrap}.tooltip:hover:before,.tooltip:hover:after,.tooltip:focus:before,.tooltip:focus:after,[data-hint]:hover:before,[data-hint]:hover:after,[data-hint]:focus:before,[data-hint]:focus:after{opacity:1;visibility:visible}.tooltip:hover:before,.tooltip:hover:after,[data-hint]:hover:before,[data-hint]:hover:after{-webkit-transition-delay:100ms;transition-delay:100ms}.tooltip--top:before{border-top-color:#282e31;margin-bottom:-12px}.tooltip--top:after{margin-left:-18px}.tooltip--top:before,.tooltip--top:after{bottom:100%;left:50%}.tooltip--top:hover:after,.tooltip--top:hover:before{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.tooltip--top:focus:after,.tooltip--top:focus:before{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-transition:150ms;transition:150ms}.tooltip--bottom:before{border-bottom-color:#282e31;margin-top:-12px}.tooltip--bottom:after{margin-left:-18px}.tooltip--bottom:before,.tooltip--bottom:after{left:50%;top:100%}.tooltip--bottom:hover:after,.tooltip--bottom:hover:before,.tooltip--bottom:focus:after,.tooltip--bottom:focus:before{-webkit-transform:translateY(8px);transform:translateY(8px)}.tooltip--right:before{border-right-color:#282e31;margin-bottom:-8px;margin-left:-12px}.tooltip--right:after{margin-bottom:-12px}.tooltip--right:before,.tooltip--right:after{bottom:50%;left:105%}.tooltip--right:hover:after,.tooltip--right:hover:before,.tooltip--right:focus:after,.tooltip--right:focus:before{-webkit-transform:translateX(8px);transform:translateX(8px)}.tooltip--left:before{border-left-color:#282e31;margin-bottom:-8px;margin-right:-12px}.tooltip--left:after{margin-bottom:-12px}.tooltip--left:before,.tooltip--left:after{bottom:50%;right:100%}.tooltip--left:hover:after,.tooltip--left:hover:before,.tooltip--left:focus:after,.tooltip--left:focus:before{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.tooltip--always:before,.tooltip--always:after{opacity:1;visibility:visible}.tooltip--always .tooltip--top:before,.tooltip--always .tooltip--top:after{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.tooltip--always .tooltip--right:before,.tooltip--always .tooltip--right:after{-webkit-transform:translateY(8px);transform:translateY(8px)}.tooltip--always .tooltip--bottom:before,.tooltip--always .tooltip--bottom:after{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.tooltip--always .tooltip--left:before,.tooltip--always .tooltip--left:after{-webkit-transform:translateX(8px);transform:translateX(8px)} \ No newline at end of file +:root{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}audio:not([controls]){display:none}details{display:block}input[type="number"]{width:auto}input[type="search"]{-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}main,summary{display:block}pre{overflow:auto}progress{display:inline-block}textarea{overflow:auto}template,[hidden]{display:none}[unselectable]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:root{box-sizing:border-box;color:#555;cursor:default;font-family:"Helvetica","Arial",sans-serif;font-size:14px;line-height:1.5;text-rendering:optimizeLegibility;vertical-align:top}@media(min-width:30em){:root{font-size:16px}}:root .nonresponsive{font-size:16px}*,::after,::before{box-sizing:inherit;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;text-decoration:inherit;vertical-align:inherit}*{cursor:inherit;margin:0;padding:0}body{background-color:white}a,button,input[type="submit"],input,select,textarea{cursor:initial}*[dir="rl;"]{direction:rtl;unicode-bidi:embed}bdo[dir="ltr"],bdo[dir="rtl"]{unicode-bidi:bidi-override}bdo[dir="ltr"]{direction:ltr}bdo[dir="rtl"]{direction:rtl}hr{border:0;border-top:1px solid #e0e0e0;display:block;height:1px;margin:20px 0}figure{margin:24px 1em}figcaption{color:#666;font-style:italic;text-align:center}::-moz-selection{background-color:#d6d6d6}::selection{background-color:#d6d6d6}::-moz-selection{background-color:#d6d6d6}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:20px;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:10px}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}button,input[type="submit"],.button{background-color:#4591aa;border:0;color:white;cursor:pointer;display:inline-block;line-height:48px;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;-webkit-transition:150ms;transition:150ms;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:hover,input[type="submit"]:hover,button:focus,input[type="submit"]:focus,.button:hover,.button:focus{background-color:#75b3c7;color:inherit;text-decoration:none}button:focus,input[type="submit"]:focus,button:active,input[type="submit"]:active,.button:focus,.button:active{outline:0}button:active,input[type="submit"]:active,.button:active{background-color:#63a8bf}button[disabled],input[disabled][type="submit"],.button[disabled]{background-color:gainsboro;color:white;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:hover,.button--muted:focus{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:hover,.button--primary:focus{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:hover,.button--success:focus{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:hover,.button--warning:focus{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:hover,.button--error:focus{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75em;line-height:32px;padding:0 1.5em}.button--sm{font-size:.875em;line-height:40px;padding:0 2em}.button--lg{font-size:1.125em;line-height:56px;padding:0 3em}.button--xlg{font-size:1.125em;line-height:64px;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,0.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media(min-width:30em){.button--collapse{width:auto}}@media(min-width:30em){form,form [row]{margin-bottom:24px}}.nonresponsive form,.nonresponsive form [row]{margin-bottom:24px}input:not([type="submit"]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875em;height:32px;padding:0 .75em;-webkit-transition:150ms;transition:150ms;width:100%}input:not([type="submit"]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px rgba(69,145,170,0.5);outline:0}input:not([type="submit"])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type="submit"]){line-height:normal;min-height:24px}input:not([type="submit"])[type="checkbox"]:focus,input:not([type="submit"])[type="radio"]:focus,input:not([type="submit"])[type="range"]:focus,input:not([type="submit"])[type="file"]:focus,input:not([type="submit"])[type="color"]:focus,input:not([type="submit"])[type="submit"]:focus{border-color:transparent;box-shadow:none;outline:0}label{display:block;font-size:.875em}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:24px 1em;margin-bottom:24px}legend{font-size:.875em;font-weight:bold;padding:0 1em}input[type="checkbox"],input[type="file"],input[type="image"],input[type="radio"]{height:auto;width:auto}input[type="checkbox"],input[type="radio"]{line-height:normal;padding:0;vertical-align:middle}input[type="checkbox"]+label,input[type="radio"]+label{display:inline-block;margin:0 0 0 .5em;line-height:30px;vertical-align:middle}input[type="file"]{border:0;line-height:100%;padding:0}textarea{height:auto;padding:8px 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type="range"]{border:0;padding:0;width:100%;-webkit-appearance:none}input[type="range"]:focus{outline:0}input[type="range"]::-webkit-slider-runnable-track{background-color:gainsboro;border:0;border-radius:3px;height:5px}input[type="range"]::-webkit-slider-thumb{border:0;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type="range"]::-moz-range-track{background-color:gainsboro;border:0;border-radius:3px;height:5px}input[type="range"]::-moz-range-thumb{border:0;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type="range"]::-ms-track{background-color:gainsboro;border:0;border-radius:3px;color:transparent;height:5px}input[type="range"]::-ms-thumb{border:0;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75em;font-weight:bold;margin-top:8px}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:20px}@media(min-width:30em){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.nonresponsive .form--inline input,.nonresponsive .form--inline select,.nonresponsive .form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.nonresponsive .form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.nonresponsive .form--inline input+label{margin-left:1em}.input--small{font-size:.75em!important;height:24px!important}.input--large{font-size:1em!important;height:48px!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,0.15);border-color:#45ca69}.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,0.15);border-color:#ffb800}.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,0.15);border-color:#ca4829}.input--error:focus{border-color:#ca4829}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.giga,.mega,.kilo{color:#222;font-family:"Helvetica","Arial",sans-serif;line-height:1.25em}h1 small,h1 .small,h2 small,h2 .small,h3 small,h3 .small,h4 small,h4 .small,h5 small,h5 .small,h6 small,h6 .small,.h1 small,.h1 .small,.h2 small,.h2 .small,.h3 small,.h3 .small,.h4 small,.h4 .small,.h5 small,.h5 .small,.h6 small,.h6 .small,.giga small,.giga .small,.mega small,.mega .small,.kilo small,.kilo .small{color:#666;font-weight:lighter;vertical-align:0}h1,h2,h3,.h1,.h2,.h3,.giga,.mega,.kilo{margin:20px 0 10px}h1 small,h1 .small,h2 small,h2 .small,h3 small,h3 .small,.h1 small,.h1 .small,.h2 small,.h2 .small,.h3 small,.h3 .small,.giga small,.giga .small,.mega small,.mega .small,.kilo small,.kilo .small{font-size:65%}h4,h5,h6,.h4,.h5,.h6{margin:10px 0}h4 small,h4 .small,h5 small,h5 .small,h6 small,h6 .small,.h4 small,.h4 .small,.h5 small,.h5 .small,.h6 small,.h6 .small{font-size:75%}h1,.h1{font-size:2.368em}@media(min-width:48em){h1,.h1{font-size:3.15733em}}h2,.h2{font-size:1.77644em}@media(min-width:48em){h2,.h2{font-size:2.36859em}}h3,.h3{font-size:1.33267em}@media(min-width:48em){h3,.h3{font-size:1.77689em}}h4,.h4{font-size:1.333em}h5,.h5{font-size:1em}h6,.h6{font-size:.75019em}.giga{font-size:5.60883em}@media(min-width:48em){.giga{font-size:7.47844em}}.mega{font-size:4.20767em}@media(min-width:48em){.mega{font-size:5.61023em}}.kilo{font-size:3.15655em}@media(min-width:48em){.kilo{font-size:4.20873em}}.nonresponsive h1,.nonresponsive .h1{font-size:3.15733em}.nonresponsive h2,.nonresponsive .h2{font-size:2.36859em}.nonresponsive h3,.nonresponsive .h3{font-size:1.77689em}.nonresponsive .giga{font-size:7.47844em}.nonresponsive .mega{font-size:5.61023em}.nonresponsive .kilo{font-size:4.20873em}ul,ol{padding-left:1.5em;margin-bottom:10px}ul ul,ul ol,ol ul,ol ol{margin-bottom:0}ul ul{list-style-type:square}ul ol{list-style-type:lower-roman}ol ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:24px}dt{font-weight:bold}dt,dd{margin-bottom:10px}@media(min-width:60em){.dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.dl--horizontal dd{margin-left:165px}.dl--horizontal dd:before,.dl--horizontal dd:after{content:"";display:table}.dl--horizontal dd:after{clear:both}}.nonresponsive .dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.nonresponsive .dl--horizontal dd{margin-left:165px}.nonresponsive .dl--horizontal dd:before,.nonresponsive .dl--horizontal dd:after{content:"";display:table}.nonresponsive .dl--horizontal dd:after{clear:both}@media print{@page{margin:.5cm}*,*:before,*:after{background:transparent!important;color:black!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:white;color:black;font:11pt/1.3 "Georgia","Times New Roman","Times",serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,video,audio,object,embed,nav,footer,a[href^="#"]:after{display:none;visibility:hidden}p,h2,h3,.h2,.h3{orphans:3;widows:3}h2,h3,.h2,.h3{page-break-after:avoid}a,a:visited{color:black;font-size:.57em;text-decoration:underline;word-wrap:break-word}a[href]:after,a:visited[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,code{background-color:none;border:1px solid #e0e0e0;page-break-inside:avoid}blockquote{border:0;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ul li,ol li{content:"» "}}@media print and (min-width:30em){table{page-break-inside:avoid;width:100%!important}table th,table td{line-height:40px!important}}@media print{.badge,.badge:before,.badge *:after,.label,.label:before,.label *:after,.spinner,.spinner:before,.spinner *:after,.tooltip,.tooltip:before,.tooltip *:after,[data-hint],[data-hint]:before,[data-hint] *:after,.progress,.progress:before,.progress *:after,.breadcrumbs,.breadcrumbs:before,.breadcrumbs *:after,.modal,.modal:before,.modal *:after,.alert,.alert:before,.alert *:after{display:none;visibility:hidden}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:24px;width:100%}table caption{color:#555;font-size:85%;font-style:italic;line-height:48px;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table th,table td{border-right:1px solid #e0e0e0;line-height:24px;overflow:visible;padding:8px 1em}@media(min-width:30em){table th,table td{line-height:48px}}table th:last-child,table td:last-child{border-right:0}table tr,table td{-webkit-transition:background-color 150ms;transition:background-color 150ms}@media(min-width:30em){table{width:auto}table th,table td{padding:0 2.5em}}.nonresponsive{width:auto}.nonresponsive th,.nonresponsive td{padding:0 2.5em}.nonresponsive th,.nonresponsive td{line-height:48px}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,0.2);border:3px solid white;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border thead,.table--border td{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter th,.table--borderOuter td{border-right:0}.table--borderHorizontal thead,.table--borderHorizontal td{border-bottom:1px solid #e0e0e0}.table--borderHorizontal th,.table--borderHorizontal td{border-right:0}.table--flat{border:0}.table--flat td{border-bottom:0}.table--flat th,.table--flat td{border-right:0}.table--fillEven tbody tr:nth-child(even){background-color:#f5f5f5}.table--fillOdd tbody tr:nth-child(odd){background-color:#f5f5f5}.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--hoverCell tbody td:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}i,em,.italic{font-style:italic}b,strong,.bold{font-weight:bold}small,.small{font-size:75%;vertical-align:text-bottom}sup,sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}s{text-decoration:line-through}p:not(:last-child){margin-bottom:20px}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:150ms;transition:150ms}a:hover,a:focus{color:#2f6374}h1 a,h2 a,h3 a,.h1 a,.h2 a,.h3 a{color:#555}h1 a:hover,h1 a:focus,h2 a:hover,h2 a:focus,h3 a:hover,h3 a:focus,.h1 a:hover,.h1 a:focus,.h2 a:hover,.h2 a:focus,.h3 a:hover,.h3 a:focus{color:#4591aa;text-decoration:none}abbr[title]{border-bottom:1px dotted #e0e0e0;cursor:help}code,pre,kbd,samp{font-family:"Consolas",monospace;font-size:.875em}pre{padding:16px 1.5em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:24px}code{padding:2px 3px}pre code{background-color:transparent;border:0;padding:0;vertical-align:inherit;white-space:pre}.pre--flat{background-color:transparent;border:0;border-radius:none;padding:0}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px white,0 2px 0 gainsboro;display:inline-block;line-height:1.75;margin:-3px 2px 0;padding:2px 6px 0;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:before,[row]:after{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media(min-width:48em){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.nonresponsive [column~="1"]{width:8.33333%}.nonresponsive [column~="2"]{width:16.66667%}.nonresponsive [column~="3"]{width:25%}.nonresponsive [column~="4"]{width:33.33333%}.nonresponsive [column~="5"]{width:41.66667%}.nonresponsive [column~="6"]{width:50%}.nonresponsive [column~="7"]{width:58.33333%}.nonresponsive [column~="8"]{width:66.66667%}.nonresponsive [column~="9"]{width:75%}.nonresponsive [column~="10"]{width:83.33333%}.nonresponsive [column~="11"]{width:91.66667%}.nonresponsive [column~="12"]{width:100%}.nonresponsive [column~="+1"]{margin-left:8.33333%}.nonresponsive [column~="+2"]{margin-left:16.66667%}.nonresponsive [column~="+3"]{margin-left:25%}.nonresponsive [column~="+4"]{margin-left:33.33333%}.nonresponsive [column~="+5"]{margin-left:41.66667%}.nonresponsive [column~="+6"]{margin-left:50%}.nonresponsive [column~="+7"]{margin-left:58.33333%}.nonresponsive [column~="+8"]{margin-left:66.66667%}.nonresponsive [column~="+9"]{margin-left:75%}.nonresponsive [column~="+10"]{margin-left:83.33333%}.nonresponsive [column~="+11"]{margin-left:91.66667%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.show--xsm,.hide--sm,.hide--md,.hide--lg,.hide--xlg,.hide--print,.hide--hd{display:block;visibility:visible}.hide--xsm,.show--sm,.show--md,.show--lg,.show--xlg,.show--print,.show--hd{display:none;visibility:hidden}@media(min-width:48em){.show--sm,.hide--xsm,.hide--md,.hide--lg,.hide--xlg{display:block;visibility:visible}.hide--sm,.show--xsm,.show--md,.show--lg,.show--xlg{display:none;visibility:hidden}}@media(min-width:60em){.show--md,.hide--sm,.hide--xsm,.hide--lg,.hide--xlg{display:block;visibility:visible}.hide--md,.show--sm,.show--xsm,.show--lg,.show--xlg{display:none;visibility:hidden}}@media(min-width:70em){.show--lg,.hide--xsm,.hide--sm,.hide--md,.hide--xlg{display:block;visibility:visible}.hide--lg,.show--xsm,.show--sm,.show--md,.show--xlg{display:none;visibility:hidden}}@media(min-width:80em){.show--xlg,.hide--xsm,.hide--sm,.hide--md,.hide--lg{display:block;visibility:visible}.hide--xlg,.show--xsm,.show--sm,.show--md,.show--lg{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3 / 2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file diff --git a/src/addons/concise-ui/_concise-ui.scss b/src/addons/concise-ui/_concise-ui.scss deleted file mode 100644 index db7ca40..0000000 --- a/src/addons/concise-ui/_concise-ui.scss +++ /dev/null @@ -1,24 +0,0 @@ -/** - * Concise UI - * https://github.com/ConciseCSS/concise.css - * - * Copyright 2015 Concise Team - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -// Concise UI Components -@import 'components/alerts'; -@import 'components/badges'; -@import 'components/breadcrumbs'; -@import 'components/buttons'; -@import 'components/cards'; -@import 'components/collections'; -@import 'components/dropdowns'; -@import 'components/groups'; -@import 'components/labels'; -@import 'components/modals'; -@import 'components/progress'; -@import 'components/spinner'; -@import 'components/tooltips'; diff --git a/src/addons/concise-ui/components/_alerts.scss b/src/addons/concise-ui/components/_alerts.scss deleted file mode 100644 index 089e4b2..0000000 --- a/src/addons/concise-ui/components/_alerts.scss +++ /dev/null @@ -1,55 +0,0 @@ -// -// Alerts -// ============================================================================= - -.alert { - background-color: getColor(background, light); - border: 1px solid getColor(base, lines); - border-radius: 3px; - color: inherit; - font-size: pxToEm(14); - margin: unitSize(3, -4) 0; - padding: unitSize(1) 1em; - position: relative; - - a { - color: darken(getColor(text, primary), 20%); - - &:hover { text-decoration: underline; } - } -} - -.alert-close { - color: inherit; - float: right; - opacity: .5; - transition: opacity $transition-duration; - - &:hover { opacity: 1; } - - &:hover, - &:focus { text-decoration: none; } -} - -a.alert-close { - &:hover { text-decoration: none; } -} - - -// -// States -// ------ - -@each $color-name, $color in $colors { - @each $color-type, $color-value in $color { - @if $color-name == "state" { - .alert--#{$color-type} { - background-color: rgba($color-value, .15); - border-color: rgba($color-value, .2); - color: darken($color-value, 10%); - - a { color: darken($color-value, 20%); } - } - } - } -} diff --git a/src/addons/concise-ui/components/_badges.scss b/src/addons/concise-ui/components/_badges.scss deleted file mode 100644 index 153f2f4..0000000 --- a/src/addons/concise-ui/components/_badges.scss +++ /dev/null @@ -1,13 +0,0 @@ -// -// Badges -// ============================================================================= - -.badge { - background-color: getColor(base, primary); - border-radius: 25px; - color: getColor(text, ui); - display: inline-block; - font-size: pxToEm(12); - line-height: unitSize(3); - padding: 0 .75em; -} diff --git a/src/addons/concise-ui/components/_breadcrumbs.scss b/src/addons/concise-ui/components/_breadcrumbs.scss deleted file mode 100644 index 3c57498..0000000 --- a/src/addons/concise-ui/components/_breadcrumbs.scss +++ /dev/null @@ -1,47 +0,0 @@ -// -// Breadcrumbs -// ============================================================================= - -.breadcrumbs { - background-color: getColor(background, light); - border: 1px solid getColor(base, lines); - border-radius: 3px; - font-size: pxToEm(12); - margin-bottom: unitSize(3); - padding: unitSize(1) .5em; - - li { - display: inline; - list-style: none; - padding-left: .75em; - - &:after { - color: darken(getColor(base, lines), 10%); - content: "\002f"; - padding-left: .75em; - } - - &:last-child { - &:after { - content: ""; - padding-left: 0; - } - } - - &.is-active, - &.is-active a { color: darken(getColor(text, secondary), 10%); } - } -} - - -// -// Modifiers -// --------- - -// Flat -.breadcrumbs--flat { - background-color: transparent; - border: none; - border-radius: 0; - padding: 0; -} diff --git a/src/addons/concise-ui/components/_buttons.scss b/src/addons/concise-ui/components/_buttons.scss deleted file mode 100644 index f969ec3..0000000 --- a/src/addons/concise-ui/components/_buttons.scss +++ /dev/null @@ -1,85 +0,0 @@ -// -// Buttons -// ============================================================================= - -// -// Bordered -// -------- - -.button--bordered { - background-color: transparent; - border: 1px solid getColor(base, primary); - color: getColor(base, primary); - - &:hover, - &:focus { - background-color: getColor(base, primary); - color: getColor(text, ui); - } -} - -@each $color-name, $color in $colors { - @each $color-type, $color-value in $color { - @if $color-name == "state" { - .border--#{$color-type} { - border-color: $color-value; - color: $color-value; - - &:hover, - &:focus { - background-color: $color-value; - color: getColor(text, ui); - } - - &:active { background-color: lighten($color-value, 10%); } - } - } - } -} - - -// -// Prefix/Affix -// ------------ - -.button--prefix { - padding-left: 0; - - .prefix { - background-image: linear-gradient(to bottom, - rgba(0, 0, 0, .15), - rgba(0, 0, 0, .15)); - display: inline-block; - margin-right: 1.25em; - padding: 0 1em; - vertical-align: 0; - } - - &.button--bordered { - .prefix { - background-image: none; - border-right: 1px solid currentColor; - } - } -} - -.button--affix { - padding-right: 0; - - .affix { - background-image: linear-gradient(to bottom, - rgba(0, 0, 0, .15), - rgba(0, 0, 0, .15)); - display: inline-block; - margin-left: 1.25em; - padding: 0 1em; - vertical-align: 0; - } - - &.button--bordered { - .affix { - background-image: none; - border-left: 1px solid currentColor; - } - } -} diff --git a/src/addons/concise-ui/components/_cards.scss b/src/addons/concise-ui/components/_cards.scss deleted file mode 100644 index c47bc5f..0000000 --- a/src/addons/concise-ui/components/_cards.scss +++ /dev/null @@ -1,50 +0,0 @@ -// -// Cards -// ============================================================================= - -.card { - background-color: white; - border: 1px solid getColor(base, lines); - margin-bottom: unitSize(3); - overflow: hidden; - position: relative; -} - -.card-content { padding: unitSize(3) 1.5em; } - -.card-title { - display: block; - margin-top: unitSize(1, 2); -} - -.card-footer { - border-top: 1px solid getColor(base, lines); - font-size: pxToEm(14); - padding: unitSize(2) 1.5em; -} - - -// -// Images -// ------ - -.card-image { - position: relative; - - img { - bottom: 0; - left: 0; - position: relative; - right: 0; - top: 0; - width: 100%; - } - - .card-title { - bottom: 0; - color: getColor(text, ui); - left: 0; - padding: 0 1em; - position: absolute; - } -} diff --git a/src/addons/concise-ui/components/_collections.scss b/src/addons/concise-ui/components/_collections.scss deleted file mode 100644 index 491cda7..0000000 --- a/src/addons/concise-ui/components/_collections.scss +++ /dev/null @@ -1,27 +0,0 @@ -// -// Collections -// ============================================================================= - -.collection { - border: 1px solid getColor(base, lines); - border-radius: 3px; - list-style-type: none; - margin: unitSize(3) 0; - padding: 0; -} - -.collection-item, -.collection-header { - border-bottom: 1px solid getColor(base, lines); - display: block; - margin: 0; - padding: unitSize(1) 1em; - - &:last-of-type { border-bottom: none; } - - &.is-active { background-color: getColor(background, light); } -} - -a.collection-item:hover { background-color: getColor(background, light); } - -.collection-header { padding: 0 1em; } diff --git a/src/addons/concise-ui/components/_dropdowns.scss b/src/addons/concise-ui/components/_dropdowns.scss deleted file mode 100644 index 361a45f..0000000 --- a/src/addons/concise-ui/components/_dropdowns.scss +++ /dev/null @@ -1,144 +0,0 @@ -// -// Dropdowns -// ============================================================================= - -.dropdown { - cursor: auto; - display: inline-block; - outline: none; - position: relative; - - &:focus { - pointer-events: none; - - .dropdown-content { - opacity: 1; - visibility: visible; - } - } - - &.no-pointer-events { pointer-events: auto !important; } - - &.no-visibility .dropdown-content { - display: none; - visibility: visible !important; - } - - &.no-visibility:focus .dropdown-content { display: block; } - - &.no-opacity .dropdown-content { opacity: 1 !important; } -} - -// Dropdown content -.dropdown-content { - background-color: white; - border: 1px solid getColor(base, lines); - color: getColor(text, primary); - left: 0; - margin-top: unitSize(1); - opacity: 0; - padding: unitSize(1) 1em; - pointer-events: auto; - position: absolute; - text-align: left; - transition: all $transition-duration; - visibility: hidden; - width: 200px; - z-index: 1; - - &:before, - &:after { - border: solid transparent; - bottom: 100%; - content: ""; - height: 0; - left: 1.5em; - pointer-events: none; - position: absolute; - width: 0; - } - - &:before { - border-color: rgba(255, 255, 255, 0); - border-bottom-color: getColor(base, lines); - border-width: 7px; - margin-left: -7px; - } - - &:after { - border-color: rgba(255, 255, 255, 0); - border-bottom-color: white; - border-width: 6px; - margin-left: -6px; - } - - li { - font-size: pxToEm(14); - list-style-type: none; - margin: 0; - padding: unitSize(1) 1em; - transition: background-color $transition-duration; - white-space: nowrap; - - &:hover { background-color: getColor(background, light); } - } -} - -// Dropdown lists -ul, -ol { - &.dropdown-content { padding: 0; } -} - - -// -// Hoverable -// --------- - -.dropdown--hover { - &:hover { - pointer-events: none; - - .dropdown-content { - opacity: 1; - visibility: visible; - } - } -} - - -// -// Modifiers -// --------- - -// Small -.dropdown--small { - .dropdown-content { width: 150px; } -} - -// Large -.dropdown--large { - .dropdown-content { width: 300px; } -} - -// Top -.dropdown--top { - .dropdown-content { - bottom: 100%; - margin-top: 0; - margin-bottom: unitSize(1); - - &:before, - &:after { top: 100%; } - - &:after { - border-color: rgba(255, 255, 255, 0); - border-top-color: white; - } - - &:before { - border-color: rgba(255, 255, 255, 0); - border-top-color: getColor(base, lines); - } - } -} diff --git a/src/addons/concise-ui/components/_groups.scss b/src/addons/concise-ui/components/_groups.scss deleted file mode 100644 index dcb5acc..0000000 --- a/src/addons/concise-ui/components/_groups.scss +++ /dev/null @@ -1,34 +0,0 @@ -// -// Groups -// ============================================================================= - -.group { - @include clearfix(); - - display: inline-block; - margin-bottom: unitSize(3); - padding: 0; - - span { margin-top: 0; } -} - -.group-item { - border: 1px solid getColor(base, lines); - display: inline-block; - float: left; - font-size: pxToEm(14); - line-height: unitSize(4); - list-style: none; - padding: 0 1em; - transition: background-color $transition-duration; - - &:not(:first-child) { margin: 0 0 0 -1px; } - - &:hover { background-color: getColor(background, light); } - - &:first-child { border-radius: 3px 0 0 3px; } - - &:last-child { border-radius: 0 3px 3px 0; } - - &.is-active { background-color: getColor(background, light); } -} diff --git a/src/addons/concise-ui/components/_labels.scss b/src/addons/concise-ui/components/_labels.scss deleted file mode 100644 index 220b618..0000000 --- a/src/addons/concise-ui/components/_labels.scss +++ /dev/null @@ -1,13 +0,0 @@ -// -// Labels -// ============================================================================= - -.label { - background-color: getColor(base, primary); - border-radius: 3px; - color: getColor(text, ui); - display: inline-block; - font-size: pxToEm(12); - line-height: unitSize(3); - padding: 0 1em; -} diff --git a/src/addons/concise-ui/components/_modals.scss b/src/addons/concise-ui/components/_modals.scss deleted file mode 100644 index 6aa2af9..0000000 --- a/src/addons/concise-ui/components/_modals.scss +++ /dev/null @@ -1,138 +0,0 @@ -// -// Modals -// ============================================================================= - -.modal { - background-color: rgba(getColor(background, dark), .5); - bottom: 0; - left: 0; - margin: 0; - opacity: 0; - overflow: scroll; - pointer-events: none; - position: fixed; - right: 0; - top: 0; - transition: opacity ease-in $transition-duration; - z-index: 1000002; - - &:target { - opacity: 1; - pointer-events: auto; - } -} - -.modal-container { - box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .1); - margin: unitSize(2) auto; - position: relative; - width: 90%; - - @media (min-width: $bp-small) { width: 526px; } - - @media (min-height: $bp-extra-small) { - margin: 10% auto; - } - - @media (min-height: $bp-small) { - margin: 15% auto; - } -} - -.modal-header { - background-color: getColor(base, primary); - color: getColor(text, ui); - padding: unitSize(2) 1.5em; - - h1, h2, h3, h4, h5, h6, - .h1, .h2, .h3, .h4, .h5, .h6, - .giga, .mega, .kilo { - color: inherit; - display: inline; - } -} - -.modal-body, -.modal-footer { - background-color: white; - margin-top: 0; -} - -.modal-body { padding: unitSize(4) 2.5em; } - -.modal-footer { - border-top: 1px solid getColor(base, lines); - font-size: pxToEm(14); - margin: 0; - padding: unitSize(3) 2.5em; -} - -.modal-close { - color: getColor(text, ui); - float: right; - margin: 0; - opacity: .5; - transition: opacity $transition-duration; - - &:hover { opacity: 1; } - - &:hover, - &:focus { text-decoration: none; } -} - -.modal:target .modal-close--background { - display: block; - height: 100%; - pointer-events: all; - position: absolute; - width: 100%; - - &:hover { - border-bottom: none; - text-decoration: none; - } -} - - -// -// Modifiers -// --------- - -// Small -.modal--small { - .modal-container { - @media (min-width: $bp-small) { width: 360px; } - } -} - -// Large -.modal--large { - .modal-container { - @media (min-width: $bp-small) { width: 760px; } - } -} - -// Full-width -.modal--full { - .modal-container { - @media (min-width: $bp-small) { width: 90%; } - } -} - -// Flat -.modal--flat { - .modal-header { - background-color: white; - color: getColor(text, primary); - padding: 1.5em 2.5em 0; - - h1, h2, h3, h4, h5, h6, - .h1, .h2, .h3, .h4, .h5, .h6 { color: inherit; } - } - - .modal-close { - color: getColor(text, primary); - line-height: 1; - margin: 0; - } -} diff --git a/src/addons/concise-ui/components/_progress.scss b/src/addons/concise-ui/components/_progress.scss deleted file mode 100644 index 22e6002..0000000 --- a/src/addons/concise-ui/components/_progress.scss +++ /dev/null @@ -1,111 +0,0 @@ -// -// Progress Bars -// ============================================================================= -// Courtesy of Chris Coyier (http://css-tricks.com/css3-progress-bars/) - -.progress { - background-color: getColor(background, light); - border-radius: 3px; - box-shadow: inset 0 1px 1px rgba(getColor(base, lines), .25); - box-sizing: initial; - color: getColor(text, ui); - font-size: pxToEm(11); - height: 14px; - line-height: 1.2; - margin-bottom: unitSize(3); - position: relative; - text-align: center; - width: 100%; -} - -.progress { - > span { - background-color: getColor(base, primary); - border-radius: 3px; - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); - display: block; - height: 100%; - overflow: hidden; - position: relative; - width: auto; - } -} - -.progress--small { - font-size: pxToEm(9); - height: 10px; - line-height: 1.2; -} - -.progress--large { - font-size: pxToEm($font-base-size); - height: 25px; - line-height: 1.7; -} - -.progress--stacked { - > span { - border-radius: 0; - display: inline-block; - float: left; - margin-top: 0; - - &:first-of-type { border-radius: 3px 0 0 3px; } - - &:last-of-type { border-radius: 0 3px 3px 0; } - } -} - -// Striped -.progress--striped { - > span { - &:after, > span { - background-image: - -webkit-gradient( - linear, 0 0, 100% 100%, - color-stop(.25, rgba(255, 255, 255, .2)), - color-stop(.25, transparent), - color-stop(.5, transparent), - color-stop(.5, rgba(255, 255, 255, .2)), - color-stop(.75, rgba(255, 255, 255, .2)), - color-stop(.75, transparent), to(transparent)); - background-image: - -moz-linear-gradient(-45deg, - rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, - rgba(255, 255, 255, .2) 50%, - rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); - background-size: 50px 50px; - bottom: 0; - content: ""; - left: 0; - overflow: hidden; - position: absolute; - right: 0; - top: 0; - z-index: 1; - } - } - - // Animated - &.progress--animate > span { - &:after, > span { animation: move 2s linear infinite; } - } -} - -@keyframes move { - 0% { background-position: 0 0; } - - 100% { background-position: 50px 50px; } -} - -@-moz-keyframes move { - 0% { background-position: 0 0; } - - 100% { background-position: 50px 50px; } -} - -@-webkit-keyframes move { - 0% { background-position: 0 0; } - - 100% { background-position: 50px 50px; } -} diff --git a/src/addons/concise-ui/components/_spinner.scss b/src/addons/concise-ui/components/_spinner.scss deleted file mode 100644 index 7514f65..0000000 --- a/src/addons/concise-ui/components/_spinner.scss +++ /dev/null @@ -1,19 +0,0 @@ -// -// Spinner -// ============================================================================= - -.spinner { - animation: rotate .8s infinite linear; - border: 3px solid darken(getColor(background, light), 25%); - border-radius: 50%; - border-right-color: transparent; - height: 30px; - margin: unitSize(3) auto; - width: 30px; -} - -@keyframes rotate { - 0% { transform: rotate(0deg); } - - 100% { transform: rotate(360deg); } -} diff --git a/src/addons/concise-ui/components/_tooltips.scss b/src/addons/concise-ui/components/_tooltips.scss deleted file mode 100644 index ae03e31..0000000 --- a/src/addons/concise-ui/components/_tooltips.scss +++ /dev/null @@ -1,191 +0,0 @@ -// -// Tooltips -// ============================================================================= -// Courtesy of Hint.css (http://kushagragour.in/lab/hint/) - -.tooltip, -[data-hint] { - display: inline-block; - position: relative; - - &:before, - &:after { - border-radius: 2px; - opacity: 0; - position: absolute; - pointer-events: none; - transform: translate3d(0, 0, 0); - transition: ($transition-duration / 1.5); - transition-delay: 0ms; - visibility: hidden; - z-index: 1000000; - } - - &:before { - background-color: transparent; - border: 8px solid transparent; - content: ""; - position: absolute; - z-index: 1000001; - } - - &:after { - background-color: getColor(background, dark); - color: getColor(text, ui); - content: attr(data-hint); - font-size: pxToEm(12); - padding: .25em .5em; - text-decoration: none; - white-space: nowrap; - } - - &:hover, - &:focus { - &:before, - &:after { - opacity: 1; - visibility: visible; - } - } - - &:hover { - &:before, - &:after { transition-delay: 100ms; } - } -} - - -// -// Positioning -// ----------- - -// Top -.tooltip--top { - &:before { - border-top-color: getColor(background, dark); - margin-bottom: -12px; - } - - &:after { margin-left: -18px; } - - &:before, - &:after { - bottom: 100%; - left: 50%; - } - - &:hover { - &:after, - &:before { transform: translateY(-8px); } - } - - &:focus { - &:after, - &:before { - transform: translateY(-8px); - transition: $transition-duration; - } - } -} - -// Bottom -.tooltip--bottom { - &:before { - border-bottom-color: getColor(background, dark); - margin-top: -12px; - } - - &:after { margin-left: -18px; } - - &:before, - &:after { - left: 50%; - top: 100%; - } - - &:hover, - &:focus { - &:after, - &:before { transform: translateY(8px); } - } -} - -// Right -.tooltip--right { - &:before { - border-right-color: getColor(background, dark); - margin-bottom: -8px; - margin-left: -12px; - } - - &:after { margin-bottom: -12px; } - - &:before, - &:after { - bottom: 50%; - left: 105%; - } - - &:hover, - &:focus { - &:after, - &:before { transform: translateX(8px); } - } -} - -// Left -.tooltip--left { - &:before { - border-left-color: getColor(background, dark); - margin-bottom: -8px; - margin-right: -12px; - } - - &:after { margin-bottom: -12px; } - - &:before, - &:after { - bottom: 50%; - right: 100%; - } - - &:hover, - &:focus { - &:after, - &:before { transform: translateX(-8px); } - } -} - - -// -// Modifiers -// --------- - -// Persistent tooltips -.tooltip--always { - &:before, - &:after { - opacity: 1; - visibility: visible; - } - - .tooltip--top { - &:before, - &:after { transform: translateY(-8px); } - } - - .tooltip--right { - &:before, - &:after { transform: translateY(8px); } - } - - .tooltip--bottom { - &:before, - &:after { transform: translateX(-8px); } - } - - .tooltip--left { - &:before, - &:after { transform: translateX(8px); } - } -} diff --git a/src/concise.scss b/src/concise.scss index ca6a6b1..8a55eb7 100644 --- a/src/concise.scss +++ b/src/concise.scss @@ -33,8 +33,5 @@ @import 'core/utils/conditional-styling'; @import 'core/utils/helpers'; -// Add-Ons -@import 'addons/concise-ui/concise-ui'; - // Custom styles @import 'custom/custom'; From 8c518913f81598b6f99f8efbf86c481ee1933010 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Sun, 29 May 2016 18:49:54 -0600 Subject: [PATCH 008/183] [fix: #154] Delete unnecessary styles for figures --- dist/concise.css | 8 -------- dist/concise.min.css | 2 +- src/core/layout/_base.scss | 9 --------- 3 files changed, 1 insertion(+), 18 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index c2f01d9..17fc764 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -109,14 +109,6 @@ hr { height: 1px; margin: 20px 0; } -figure { - margin: 24px 1em; } - -figcaption { - color: #666; - font-style: italic; - text-align: center; } - ::selection { background-color: #d6d6d6; } diff --git a/dist/concise.min.css b/dist/concise.min.css index 081ecfa..a771559 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -:root{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}audio:not([controls]){display:none}details{display:block}input[type="number"]{width:auto}input[type="search"]{-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}main,summary{display:block}pre{overflow:auto}progress{display:inline-block}textarea{overflow:auto}template,[hidden]{display:none}[unselectable]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:root{box-sizing:border-box;color:#555;cursor:default;font-family:"Helvetica","Arial",sans-serif;font-size:14px;line-height:1.5;text-rendering:optimizeLegibility;vertical-align:top}@media(min-width:30em){:root{font-size:16px}}:root .nonresponsive{font-size:16px}*,::after,::before{box-sizing:inherit;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;text-decoration:inherit;vertical-align:inherit}*{cursor:inherit;margin:0;padding:0}body{background-color:white}a,button,input[type="submit"],input,select,textarea{cursor:initial}*[dir="rl;"]{direction:rtl;unicode-bidi:embed}bdo[dir="ltr"],bdo[dir="rtl"]{unicode-bidi:bidi-override}bdo[dir="ltr"]{direction:ltr}bdo[dir="rtl"]{direction:rtl}hr{border:0;border-top:1px solid #e0e0e0;display:block;height:1px;margin:20px 0}figure{margin:24px 1em}figcaption{color:#666;font-style:italic;text-align:center}::-moz-selection{background-color:#d6d6d6}::selection{background-color:#d6d6d6}::-moz-selection{background-color:#d6d6d6}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:20px;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:10px}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}button,input[type="submit"],.button{background-color:#4591aa;border:0;color:white;cursor:pointer;display:inline-block;line-height:48px;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;-webkit-transition:150ms;transition:150ms;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:hover,input[type="submit"]:hover,button:focus,input[type="submit"]:focus,.button:hover,.button:focus{background-color:#75b3c7;color:inherit;text-decoration:none}button:focus,input[type="submit"]:focus,button:active,input[type="submit"]:active,.button:focus,.button:active{outline:0}button:active,input[type="submit"]:active,.button:active{background-color:#63a8bf}button[disabled],input[disabled][type="submit"],.button[disabled]{background-color:gainsboro;color:white;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:hover,.button--muted:focus{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:hover,.button--primary:focus{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:hover,.button--success:focus{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:hover,.button--warning:focus{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:hover,.button--error:focus{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75em;line-height:32px;padding:0 1.5em}.button--sm{font-size:.875em;line-height:40px;padding:0 2em}.button--lg{font-size:1.125em;line-height:56px;padding:0 3em}.button--xlg{font-size:1.125em;line-height:64px;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,0.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media(min-width:30em){.button--collapse{width:auto}}@media(min-width:30em){form,form [row]{margin-bottom:24px}}.nonresponsive form,.nonresponsive form [row]{margin-bottom:24px}input:not([type="submit"]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875em;height:32px;padding:0 .75em;-webkit-transition:150ms;transition:150ms;width:100%}input:not([type="submit"]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px rgba(69,145,170,0.5);outline:0}input:not([type="submit"])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type="submit"]){line-height:normal;min-height:24px}input:not([type="submit"])[type="checkbox"]:focus,input:not([type="submit"])[type="radio"]:focus,input:not([type="submit"])[type="range"]:focus,input:not([type="submit"])[type="file"]:focus,input:not([type="submit"])[type="color"]:focus,input:not([type="submit"])[type="submit"]:focus{border-color:transparent;box-shadow:none;outline:0}label{display:block;font-size:.875em}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:24px 1em;margin-bottom:24px}legend{font-size:.875em;font-weight:bold;padding:0 1em}input[type="checkbox"],input[type="file"],input[type="image"],input[type="radio"]{height:auto;width:auto}input[type="checkbox"],input[type="radio"]{line-height:normal;padding:0;vertical-align:middle}input[type="checkbox"]+label,input[type="radio"]+label{display:inline-block;margin:0 0 0 .5em;line-height:30px;vertical-align:middle}input[type="file"]{border:0;line-height:100%;padding:0}textarea{height:auto;padding:8px 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type="range"]{border:0;padding:0;width:100%;-webkit-appearance:none}input[type="range"]:focus{outline:0}input[type="range"]::-webkit-slider-runnable-track{background-color:gainsboro;border:0;border-radius:3px;height:5px}input[type="range"]::-webkit-slider-thumb{border:0;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type="range"]::-moz-range-track{background-color:gainsboro;border:0;border-radius:3px;height:5px}input[type="range"]::-moz-range-thumb{border:0;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type="range"]::-ms-track{background-color:gainsboro;border:0;border-radius:3px;color:transparent;height:5px}input[type="range"]::-ms-thumb{border:0;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75em;font-weight:bold;margin-top:8px}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:20px}@media(min-width:30em){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.nonresponsive .form--inline input,.nonresponsive .form--inline select,.nonresponsive .form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.nonresponsive .form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.nonresponsive .form--inline input+label{margin-left:1em}.input--small{font-size:.75em!important;height:24px!important}.input--large{font-size:1em!important;height:48px!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,0.15);border-color:#45ca69}.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,0.15);border-color:#ffb800}.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,0.15);border-color:#ca4829}.input--error:focus{border-color:#ca4829}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.giga,.mega,.kilo{color:#222;font-family:"Helvetica","Arial",sans-serif;line-height:1.25em}h1 small,h1 .small,h2 small,h2 .small,h3 small,h3 .small,h4 small,h4 .small,h5 small,h5 .small,h6 small,h6 .small,.h1 small,.h1 .small,.h2 small,.h2 .small,.h3 small,.h3 .small,.h4 small,.h4 .small,.h5 small,.h5 .small,.h6 small,.h6 .small,.giga small,.giga .small,.mega small,.mega .small,.kilo small,.kilo .small{color:#666;font-weight:lighter;vertical-align:0}h1,h2,h3,.h1,.h2,.h3,.giga,.mega,.kilo{margin:20px 0 10px}h1 small,h1 .small,h2 small,h2 .small,h3 small,h3 .small,.h1 small,.h1 .small,.h2 small,.h2 .small,.h3 small,.h3 .small,.giga small,.giga .small,.mega small,.mega .small,.kilo small,.kilo .small{font-size:65%}h4,h5,h6,.h4,.h5,.h6{margin:10px 0}h4 small,h4 .small,h5 small,h5 .small,h6 small,h6 .small,.h4 small,.h4 .small,.h5 small,.h5 .small,.h6 small,.h6 .small{font-size:75%}h1,.h1{font-size:2.368em}@media(min-width:48em){h1,.h1{font-size:3.15733em}}h2,.h2{font-size:1.77644em}@media(min-width:48em){h2,.h2{font-size:2.36859em}}h3,.h3{font-size:1.33267em}@media(min-width:48em){h3,.h3{font-size:1.77689em}}h4,.h4{font-size:1.333em}h5,.h5{font-size:1em}h6,.h6{font-size:.75019em}.giga{font-size:5.60883em}@media(min-width:48em){.giga{font-size:7.47844em}}.mega{font-size:4.20767em}@media(min-width:48em){.mega{font-size:5.61023em}}.kilo{font-size:3.15655em}@media(min-width:48em){.kilo{font-size:4.20873em}}.nonresponsive h1,.nonresponsive .h1{font-size:3.15733em}.nonresponsive h2,.nonresponsive .h2{font-size:2.36859em}.nonresponsive h3,.nonresponsive .h3{font-size:1.77689em}.nonresponsive .giga{font-size:7.47844em}.nonresponsive .mega{font-size:5.61023em}.nonresponsive .kilo{font-size:4.20873em}ul,ol{padding-left:1.5em;margin-bottom:10px}ul ul,ul ol,ol ul,ol ol{margin-bottom:0}ul ul{list-style-type:square}ul ol{list-style-type:lower-roman}ol ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:24px}dt{font-weight:bold}dt,dd{margin-bottom:10px}@media(min-width:60em){.dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.dl--horizontal dd{margin-left:165px}.dl--horizontal dd:before,.dl--horizontal dd:after{content:"";display:table}.dl--horizontal dd:after{clear:both}}.nonresponsive .dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.nonresponsive .dl--horizontal dd{margin-left:165px}.nonresponsive .dl--horizontal dd:before,.nonresponsive .dl--horizontal dd:after{content:"";display:table}.nonresponsive .dl--horizontal dd:after{clear:both}@media print{@page{margin:.5cm}*,*:before,*:after{background:transparent!important;color:black!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:white;color:black;font:11pt/1.3 "Georgia","Times New Roman","Times",serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,video,audio,object,embed,nav,footer,a[href^="#"]:after{display:none;visibility:hidden}p,h2,h3,.h2,.h3{orphans:3;widows:3}h2,h3,.h2,.h3{page-break-after:avoid}a,a:visited{color:black;font-size:.57em;text-decoration:underline;word-wrap:break-word}a[href]:after,a:visited[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,code{background-color:none;border:1px solid #e0e0e0;page-break-inside:avoid}blockquote{border:0;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ul li,ol li{content:"» "}}@media print and (min-width:30em){table{page-break-inside:avoid;width:100%!important}table th,table td{line-height:40px!important}}@media print{.badge,.badge:before,.badge *:after,.label,.label:before,.label *:after,.spinner,.spinner:before,.spinner *:after,.tooltip,.tooltip:before,.tooltip *:after,[data-hint],[data-hint]:before,[data-hint] *:after,.progress,.progress:before,.progress *:after,.breadcrumbs,.breadcrumbs:before,.breadcrumbs *:after,.modal,.modal:before,.modal *:after,.alert,.alert:before,.alert *:after{display:none;visibility:hidden}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:24px;width:100%}table caption{color:#555;font-size:85%;font-style:italic;line-height:48px;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table th,table td{border-right:1px solid #e0e0e0;line-height:24px;overflow:visible;padding:8px 1em}@media(min-width:30em){table th,table td{line-height:48px}}table th:last-child,table td:last-child{border-right:0}table tr,table td{-webkit-transition:background-color 150ms;transition:background-color 150ms}@media(min-width:30em){table{width:auto}table th,table td{padding:0 2.5em}}.nonresponsive{width:auto}.nonresponsive th,.nonresponsive td{padding:0 2.5em}.nonresponsive th,.nonresponsive td{line-height:48px}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,0.2);border:3px solid white;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border thead,.table--border td{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter th,.table--borderOuter td{border-right:0}.table--borderHorizontal thead,.table--borderHorizontal td{border-bottom:1px solid #e0e0e0}.table--borderHorizontal th,.table--borderHorizontal td{border-right:0}.table--flat{border:0}.table--flat td{border-bottom:0}.table--flat th,.table--flat td{border-right:0}.table--fillEven tbody tr:nth-child(even){background-color:#f5f5f5}.table--fillOdd tbody tr:nth-child(odd){background-color:#f5f5f5}.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--hoverCell tbody td:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}i,em,.italic{font-style:italic}b,strong,.bold{font-weight:bold}small,.small{font-size:75%;vertical-align:text-bottom}sup,sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}s{text-decoration:line-through}p:not(:last-child){margin-bottom:20px}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:150ms;transition:150ms}a:hover,a:focus{color:#2f6374}h1 a,h2 a,h3 a,.h1 a,.h2 a,.h3 a{color:#555}h1 a:hover,h1 a:focus,h2 a:hover,h2 a:focus,h3 a:hover,h3 a:focus,.h1 a:hover,.h1 a:focus,.h2 a:hover,.h2 a:focus,.h3 a:hover,.h3 a:focus{color:#4591aa;text-decoration:none}abbr[title]{border-bottom:1px dotted #e0e0e0;cursor:help}code,pre,kbd,samp{font-family:"Consolas",monospace;font-size:.875em}pre{padding:16px 1.5em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:24px}code{padding:2px 3px}pre code{background-color:transparent;border:0;padding:0;vertical-align:inherit;white-space:pre}.pre--flat{background-color:transparent;border:0;border-radius:none;padding:0}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px white,0 2px 0 gainsboro;display:inline-block;line-height:1.75;margin:-3px 2px 0;padding:2px 6px 0;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:before,[row]:after{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media(min-width:48em){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.nonresponsive [column~="1"]{width:8.33333%}.nonresponsive [column~="2"]{width:16.66667%}.nonresponsive [column~="3"]{width:25%}.nonresponsive [column~="4"]{width:33.33333%}.nonresponsive [column~="5"]{width:41.66667%}.nonresponsive [column~="6"]{width:50%}.nonresponsive [column~="7"]{width:58.33333%}.nonresponsive [column~="8"]{width:66.66667%}.nonresponsive [column~="9"]{width:75%}.nonresponsive [column~="10"]{width:83.33333%}.nonresponsive [column~="11"]{width:91.66667%}.nonresponsive [column~="12"]{width:100%}.nonresponsive [column~="+1"]{margin-left:8.33333%}.nonresponsive [column~="+2"]{margin-left:16.66667%}.nonresponsive [column~="+3"]{margin-left:25%}.nonresponsive [column~="+4"]{margin-left:33.33333%}.nonresponsive [column~="+5"]{margin-left:41.66667%}.nonresponsive [column~="+6"]{margin-left:50%}.nonresponsive [column~="+7"]{margin-left:58.33333%}.nonresponsive [column~="+8"]{margin-left:66.66667%}.nonresponsive [column~="+9"]{margin-left:75%}.nonresponsive [column~="+10"]{margin-left:83.33333%}.nonresponsive [column~="+11"]{margin-left:91.66667%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.show--xsm,.hide--sm,.hide--md,.hide--lg,.hide--xlg,.hide--print,.hide--hd{display:block;visibility:visible}.hide--xsm,.show--sm,.show--md,.show--lg,.show--xlg,.show--print,.show--hd{display:none;visibility:hidden}@media(min-width:48em){.show--sm,.hide--xsm,.hide--md,.hide--lg,.hide--xlg{display:block;visibility:visible}.hide--sm,.show--xsm,.show--md,.show--lg,.show--xlg{display:none;visibility:hidden}}@media(min-width:60em){.show--md,.hide--sm,.hide--xsm,.hide--lg,.hide--xlg{display:block;visibility:visible}.hide--md,.show--sm,.show--xsm,.show--lg,.show--xlg{display:none;visibility:hidden}}@media(min-width:70em){.show--lg,.hide--xsm,.hide--sm,.hide--md,.hide--xlg{display:block;visibility:visible}.hide--lg,.show--xsm,.show--sm,.show--md,.show--xlg{display:none;visibility:hidden}}@media(min-width:80em){.show--xlg,.hide--xsm,.hide--sm,.hide--md,.hide--lg{display:block;visibility:visible}.hide--xlg,.show--xsm,.show--sm,.show--md,.show--lg{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3 / 2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file +:root{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}audio:not([controls]){display:none}details{display:block}input[type="number"]{width:auto}input[type="search"]{-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}main,summary{display:block}pre{overflow:auto}progress{display:inline-block}textarea{overflow:auto}template,[hidden]{display:none}[unselectable]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:root{box-sizing:border-box;color:#555;cursor:default;font-family:"Helvetica","Arial",sans-serif;font-size:14px;line-height:1.5;text-rendering:optimizeLegibility;vertical-align:top}@media(min-width:30em){:root{font-size:16px}}:root .nonresponsive{font-size:16px}*,::after,::before{box-sizing:inherit;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;text-decoration:inherit;vertical-align:inherit}*{cursor:inherit;margin:0;padding:0}body{background-color:white}a,button,input[type="submit"],input,select,textarea{cursor:initial}*[dir="rl;"]{direction:rtl;unicode-bidi:embed}bdo[dir="ltr"],bdo[dir="rtl"]{unicode-bidi:bidi-override}bdo[dir="ltr"]{direction:ltr}bdo[dir="rtl"]{direction:rtl}hr{border:0;border-top:1px solid #e0e0e0;display:block;height:1px;margin:20px 0}::-moz-selection{background-color:#d6d6d6}::selection{background-color:#d6d6d6}::-moz-selection{background-color:#d6d6d6}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:20px;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:10px}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}button,input[type="submit"],.button{background-color:#4591aa;border:0;color:white;cursor:pointer;display:inline-block;line-height:48px;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;-webkit-transition:150ms;transition:150ms;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:hover,input[type="submit"]:hover,button:focus,input[type="submit"]:focus,.button:hover,.button:focus{background-color:#75b3c7;color:inherit;text-decoration:none}button:focus,input[type="submit"]:focus,button:active,input[type="submit"]:active,.button:focus,.button:active{outline:0}button:active,input[type="submit"]:active,.button:active{background-color:#63a8bf}button[disabled],input[disabled][type="submit"],.button[disabled]{background-color:gainsboro;color:white;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:hover,.button--muted:focus{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:hover,.button--primary:focus{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:hover,.button--success:focus{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:hover,.button--warning:focus{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:hover,.button--error:focus{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75em;line-height:32px;padding:0 1.5em}.button--sm{font-size:.875em;line-height:40px;padding:0 2em}.button--lg{font-size:1.125em;line-height:56px;padding:0 3em}.button--xlg{font-size:1.125em;line-height:64px;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,0.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media(min-width:30em){.button--collapse{width:auto}}@media(min-width:30em){form,form [row]{margin-bottom:24px}}.nonresponsive form,.nonresponsive form [row]{margin-bottom:24px}input:not([type="submit"]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875em;height:32px;padding:0 .75em;-webkit-transition:150ms;transition:150ms;width:100%}input:not([type="submit"]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px rgba(69,145,170,0.5);outline:0}input:not([type="submit"])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type="submit"]){line-height:normal;min-height:24px}input:not([type="submit"])[type="checkbox"]:focus,input:not([type="submit"])[type="radio"]:focus,input:not([type="submit"])[type="range"]:focus,input:not([type="submit"])[type="file"]:focus,input:not([type="submit"])[type="color"]:focus,input:not([type="submit"])[type="submit"]:focus{border-color:transparent;box-shadow:none;outline:0}label{display:block;font-size:.875em}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:24px 1em;margin-bottom:24px}legend{font-size:.875em;font-weight:bold;padding:0 1em}input[type="checkbox"],input[type="file"],input[type="image"],input[type="radio"]{height:auto;width:auto}input[type="checkbox"],input[type="radio"]{line-height:normal;padding:0;vertical-align:middle}input[type="checkbox"]+label,input[type="radio"]+label{display:inline-block;margin:0 0 0 .5em;line-height:30px;vertical-align:middle}input[type="file"]{border:0;line-height:100%;padding:0}textarea{height:auto;padding:8px 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type="range"]{border:0;padding:0;width:100%;-webkit-appearance:none}input[type="range"]:focus{outline:0}input[type="range"]::-webkit-slider-runnable-track{background-color:gainsboro;border:0;border-radius:3px;height:5px}input[type="range"]::-webkit-slider-thumb{border:0;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type="range"]::-moz-range-track{background-color:gainsboro;border:0;border-radius:3px;height:5px}input[type="range"]::-moz-range-thumb{border:0;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type="range"]::-ms-track{background-color:gainsboro;border:0;border-radius:3px;color:transparent;height:5px}input[type="range"]::-ms-thumb{border:0;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75em;font-weight:bold;margin-top:8px}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:20px}@media(min-width:30em){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.nonresponsive .form--inline input,.nonresponsive .form--inline select,.nonresponsive .form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.nonresponsive .form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.nonresponsive .form--inline input+label{margin-left:1em}.input--small{font-size:.75em!important;height:24px!important}.input--large{font-size:1em!important;height:48px!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,0.15);border-color:#45ca69}.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,0.15);border-color:#ffb800}.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,0.15);border-color:#ca4829}.input--error:focus{border-color:#ca4829}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.giga,.mega,.kilo{color:#222;font-family:"Helvetica","Arial",sans-serif;line-height:1.25em}h1 small,h1 .small,h2 small,h2 .small,h3 small,h3 .small,h4 small,h4 .small,h5 small,h5 .small,h6 small,h6 .small,.h1 small,.h1 .small,.h2 small,.h2 .small,.h3 small,.h3 .small,.h4 small,.h4 .small,.h5 small,.h5 .small,.h6 small,.h6 .small,.giga small,.giga .small,.mega small,.mega .small,.kilo small,.kilo .small{color:#666;font-weight:lighter;vertical-align:0}h1,h2,h3,.h1,.h2,.h3,.giga,.mega,.kilo{margin:20px 0 10px}h1 small,h1 .small,h2 small,h2 .small,h3 small,h3 .small,.h1 small,.h1 .small,.h2 small,.h2 .small,.h3 small,.h3 .small,.giga small,.giga .small,.mega small,.mega .small,.kilo small,.kilo .small{font-size:65%}h4,h5,h6,.h4,.h5,.h6{margin:10px 0}h4 small,h4 .small,h5 small,h5 .small,h6 small,h6 .small,.h4 small,.h4 .small,.h5 small,.h5 .small,.h6 small,.h6 .small{font-size:75%}h1,.h1{font-size:2.368em}@media(min-width:48em){h1,.h1{font-size:3.15733em}}h2,.h2{font-size:1.77644em}@media(min-width:48em){h2,.h2{font-size:2.36859em}}h3,.h3{font-size:1.33267em}@media(min-width:48em){h3,.h3{font-size:1.77689em}}h4,.h4{font-size:1.333em}h5,.h5{font-size:1em}h6,.h6{font-size:.75019em}.giga{font-size:5.60883em}@media(min-width:48em){.giga{font-size:7.47844em}}.mega{font-size:4.20767em}@media(min-width:48em){.mega{font-size:5.61023em}}.kilo{font-size:3.15655em}@media(min-width:48em){.kilo{font-size:4.20873em}}.nonresponsive h1,.nonresponsive .h1{font-size:3.15733em}.nonresponsive h2,.nonresponsive .h2{font-size:2.36859em}.nonresponsive h3,.nonresponsive .h3{font-size:1.77689em}.nonresponsive .giga{font-size:7.47844em}.nonresponsive .mega{font-size:5.61023em}.nonresponsive .kilo{font-size:4.20873em}ul,ol{padding-left:1.5em;margin-bottom:10px}ul ul,ul ol,ol ul,ol ol{margin-bottom:0}ul ul{list-style-type:square}ul ol{list-style-type:lower-roman}ol ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:24px}dt{font-weight:bold}dt,dd{margin-bottom:10px}@media(min-width:60em){.dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.dl--horizontal dd{margin-left:165px}.dl--horizontal dd:before,.dl--horizontal dd:after{content:"";display:table}.dl--horizontal dd:after{clear:both}}.nonresponsive .dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.nonresponsive .dl--horizontal dd{margin-left:165px}.nonresponsive .dl--horizontal dd:before,.nonresponsive .dl--horizontal dd:after{content:"";display:table}.nonresponsive .dl--horizontal dd:after{clear:both}@media print{@page{margin:.5cm}*,*:before,*:after{background:transparent!important;color:black!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:white;color:black;font:11pt/1.3 "Georgia","Times New Roman","Times",serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,video,audio,object,embed,nav,footer,a[href^="#"]:after{display:none;visibility:hidden}p,h2,h3,.h2,.h3{orphans:3;widows:3}h2,h3,.h2,.h3{page-break-after:avoid}a,a:visited{color:black;font-size:.57em;text-decoration:underline;word-wrap:break-word}a[href]:after,a:visited[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,code{background-color:none;border:1px solid #e0e0e0;page-break-inside:avoid}blockquote{border:0;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ul li,ol li{content:"» "}}@media print and (min-width:30em){table{page-break-inside:avoid;width:100%!important}table th,table td{line-height:40px!important}}@media print{.badge,.badge:before,.badge *:after,.label,.label:before,.label *:after,.spinner,.spinner:before,.spinner *:after,.tooltip,.tooltip:before,.tooltip *:after,[data-hint],[data-hint]:before,[data-hint] *:after,.progress,.progress:before,.progress *:after,.breadcrumbs,.breadcrumbs:before,.breadcrumbs *:after,.modal,.modal:before,.modal *:after,.alert,.alert:before,.alert *:after{display:none;visibility:hidden}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:24px;width:100%}table caption{color:#555;font-size:85%;font-style:italic;line-height:48px;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table th,table td{border-right:1px solid #e0e0e0;line-height:24px;overflow:visible;padding:8px 1em}@media(min-width:30em){table th,table td{line-height:48px}}table th:last-child,table td:last-child{border-right:0}table tr,table td{-webkit-transition:background-color 150ms;transition:background-color 150ms}@media(min-width:30em){table{width:auto}table th,table td{padding:0 2.5em}}.nonresponsive{width:auto}.nonresponsive th,.nonresponsive td{padding:0 2.5em}.nonresponsive th,.nonresponsive td{line-height:48px}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,0.2);border:3px solid white;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border thead,.table--border td{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter th,.table--borderOuter td{border-right:0}.table--borderHorizontal thead,.table--borderHorizontal td{border-bottom:1px solid #e0e0e0}.table--borderHorizontal th,.table--borderHorizontal td{border-right:0}.table--flat{border:0}.table--flat td{border-bottom:0}.table--flat th,.table--flat td{border-right:0}.table--fillEven tbody tr:nth-child(even){background-color:#f5f5f5}.table--fillOdd tbody tr:nth-child(odd){background-color:#f5f5f5}.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--hoverCell tbody td:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}i,em,.italic{font-style:italic}b,strong,.bold{font-weight:bold}small,.small{font-size:75%;vertical-align:text-bottom}sup,sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}s{text-decoration:line-through}p:not(:last-child){margin-bottom:20px}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:150ms;transition:150ms}a:hover,a:focus{color:#2f6374}h1 a,h2 a,h3 a,.h1 a,.h2 a,.h3 a{color:#555}h1 a:hover,h1 a:focus,h2 a:hover,h2 a:focus,h3 a:hover,h3 a:focus,.h1 a:hover,.h1 a:focus,.h2 a:hover,.h2 a:focus,.h3 a:hover,.h3 a:focus{color:#4591aa;text-decoration:none}abbr[title]{border-bottom:1px dotted #e0e0e0;cursor:help}code,pre,kbd,samp{font-family:"Consolas",monospace;font-size:.875em}pre{padding:16px 1.5em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:24px}code{padding:2px 3px}pre code{background-color:transparent;border:0;padding:0;vertical-align:inherit;white-space:pre}.pre--flat{background-color:transparent;border:0;border-radius:none;padding:0}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px white,0 2px 0 gainsboro;display:inline-block;line-height:1.75;margin:-3px 2px 0;padding:2px 6px 0;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:before,[row]:after{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media(min-width:48em){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.nonresponsive [column~="1"]{width:8.33333%}.nonresponsive [column~="2"]{width:16.66667%}.nonresponsive [column~="3"]{width:25%}.nonresponsive [column~="4"]{width:33.33333%}.nonresponsive [column~="5"]{width:41.66667%}.nonresponsive [column~="6"]{width:50%}.nonresponsive [column~="7"]{width:58.33333%}.nonresponsive [column~="8"]{width:66.66667%}.nonresponsive [column~="9"]{width:75%}.nonresponsive [column~="10"]{width:83.33333%}.nonresponsive [column~="11"]{width:91.66667%}.nonresponsive [column~="12"]{width:100%}.nonresponsive [column~="+1"]{margin-left:8.33333%}.nonresponsive [column~="+2"]{margin-left:16.66667%}.nonresponsive [column~="+3"]{margin-left:25%}.nonresponsive [column~="+4"]{margin-left:33.33333%}.nonresponsive [column~="+5"]{margin-left:41.66667%}.nonresponsive [column~="+6"]{margin-left:50%}.nonresponsive [column~="+7"]{margin-left:58.33333%}.nonresponsive [column~="+8"]{margin-left:66.66667%}.nonresponsive [column~="+9"]{margin-left:75%}.nonresponsive [column~="+10"]{margin-left:83.33333%}.nonresponsive [column~="+11"]{margin-left:91.66667%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.show--xsm,.hide--sm,.hide--md,.hide--lg,.hide--xlg,.hide--print,.hide--hd{display:block;visibility:visible}.hide--xsm,.show--sm,.show--md,.show--lg,.show--xlg,.show--print,.show--hd{display:none;visibility:hidden}@media(min-width:48em){.show--sm,.hide--xsm,.hide--md,.hide--lg,.hide--xlg{display:block;visibility:visible}.hide--sm,.show--xsm,.show--md,.show--lg,.show--xlg{display:none;visibility:hidden}}@media(min-width:60em){.show--md,.hide--sm,.hide--xsm,.hide--lg,.hide--xlg{display:block;visibility:visible}.hide--md,.show--sm,.show--xsm,.show--lg,.show--xlg{display:none;visibility:hidden}}@media(min-width:70em){.show--lg,.hide--xsm,.hide--sm,.hide--md,.hide--xlg{display:block;visibility:visible}.hide--lg,.show--xsm,.show--sm,.show--md,.show--xlg{display:none;visibility:hidden}}@media(min-width:80em){.show--xlg,.hide--xsm,.hide--sm,.hide--md,.hide--lg{display:block;visibility:visible}.hide--xlg,.show--xsm,.show--sm,.show--md,.show--lg{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3 / 2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file diff --git a/src/core/layout/_base.scss b/src/core/layout/_base.scss index 3328e37..8a96ca7 100644 --- a/src/core/layout/_base.scss +++ b/src/core/layout/_base.scss @@ -131,15 +131,6 @@ hr { margin: unitSize(3, -4) 0; } -// Figures -figure { margin: unitSize(3) 1em; } - -figcaption { - color: getColor(text, secondary); - font-style: italic; - text-align: center; -} - // Selection ::selection { background-color: getColor(base, selection); } From a437616ad46199dfa25bb0c79c6e283553c0d501 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Sun, 29 May 2016 19:02:24 -0600 Subject: [PATCH 009/183] [fix: #156] Add variable to allow automatic margins for some block elements --- src/core/globals/_globals.scss | 4 ++++ src/core/layout/_base.scss | 12 ++++++++++++ 2 files changed, 16 insertions(+) diff --git a/src/core/globals/_globals.scss b/src/core/globals/_globals.scss index 1452983..89e2e9c 100644 --- a/src/core/globals/_globals.scss +++ b/src/core/globals/_globals.scss @@ -6,6 +6,10 @@ // Base // ---- +// Automatic margins +$automargin: false !default; +$block-margin: unitSize(3); + // Non-responsive website $non-responsive: true !default; diff --git a/src/core/layout/_base.scss b/src/core/layout/_base.scss index 8a96ca7..2dd2cb0 100644 --- a/src/core/layout/_base.scss +++ b/src/core/layout/_base.scss @@ -135,3 +135,15 @@ hr { ::selection { background-color: getColor(base, selection); } ::-moz-selection { background-color: getColor(base, selection); } + +// +// Automatic margins +// + +@if $automargin { + address, article, aside, audio, blockquote, canvas, dd, + div, dl, fieldset, figcaption, figure, footer, form, header, + hr, ol, p, pre, section, table, table, tfoot, ul, video { + &:not(:last-child) { margin-bottom: $block-margin; } + } +} From ffdb89d664c1c0a80b5c8dcfc290a9fab4f76f25 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Sun, 29 May 2016 19:06:16 -0600 Subject: [PATCH 010/183] [ref: #156] Add !default to block-margin variable --- src/core/globals/_globals.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/core/globals/_globals.scss b/src/core/globals/_globals.scss index 89e2e9c..946d41f 100644 --- a/src/core/globals/_globals.scss +++ b/src/core/globals/_globals.scss @@ -8,7 +8,7 @@ // Automatic margins $automargin: false !default; -$block-margin: unitSize(3); +$block-margin: unitSize(3) !default; // Non-responsive website $non-responsive: true !default; From 77807e627397e9d4149d9d42bcb27149cf3c5542 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Sun, 29 May 2016 19:28:03 -0600 Subject: [PATCH 011/183] [ref: #157] Change order of global imports --- src/concise.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/concise.scss b/src/concise.scss index 8a55eb7..8bb0a3c 100644 --- a/src/concise.scss +++ b/src/concise.scss @@ -9,8 +9,8 @@ */ // Globals -@import 'core/globals/globals'; @import 'core/globals/functions'; +@import 'core/globals/globals'; @import 'core/globals/mixins'; // Custom globals From 4382c6f320507077abe91b6765ec82474cec24b3 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Sun, 29 May 2016 19:42:48 -0600 Subject: [PATCH 012/183] [ref: #157] Reorganize structure --- src/{core/globals => }/_globals.scss | 5 ++++- src/_layout.scss | 9 +++++++++ src/_utils.scss | 4 ++++ src/concise.scss | 19 +++---------------- 4 files changed, 20 insertions(+), 17 deletions(-) rename src/{core/globals => }/_globals.scss (95%) create mode 100644 src/_layout.scss create mode 100644 src/_utils.scss diff --git a/src/core/globals/_globals.scss b/src/_globals.scss similarity index 95% rename from src/core/globals/_globals.scss rename to src/_globals.scss index 946d41f..38c34da 100644 --- a/src/core/globals/_globals.scss +++ b/src/_globals.scss @@ -1,7 +1,10 @@ // -// Global Variables +// Globals // ============================================================================= +@import 'core/globals/functions'; +@import 'core/globals/mixins'; + // // Base // ---- diff --git a/src/_layout.scss b/src/_layout.scss new file mode 100644 index 0000000..632d126 --- /dev/null +++ b/src/_layout.scss @@ -0,0 +1,9 @@ +@import 'core/layout/base'; +@import 'core/layout/blockquotes'; +@import 'core/layout/buttons'; +@import 'core/layout/forms'; +@import 'core/layout/headings'; +@import 'core/layout/lists'; +@import 'core/layout/print'; +@import 'core/layout/tables'; +@import 'core/layout/type'; diff --git a/src/_utils.scss b/src/_utils.scss new file mode 100644 index 0000000..e902282 --- /dev/null +++ b/src/_utils.scss @@ -0,0 +1,4 @@ +@import 'core/utils/atgrid'; +@import 'core/utils/colors'; +@import 'core/utils/conditional-styling'; +@import 'core/utils/helpers'; diff --git a/src/concise.scss b/src/concise.scss index 8bb0a3c..a606003 100644 --- a/src/concise.scss +++ b/src/concise.scss @@ -9,29 +9,16 @@ */ // Globals -@import 'core/globals/functions'; -@import 'core/globals/globals'; -@import 'core/globals/mixins'; +@import 'globals'; // Custom globals @import 'custom/globals'; // Natives -@import 'core/layout/base'; -@import 'core/layout/blockquotes'; -@import 'core/layout/buttons'; -@import 'core/layout/forms'; -@import 'core/layout/headings'; -@import 'core/layout/lists'; -@import 'core/layout/print'; -@import 'core/layout/tables'; -@import 'core/layout/type'; +@import 'layout'; // Utils -@import 'core/utils/atgrid'; -@import 'core/utils/colors'; -@import 'core/utils/conditional-styling'; -@import 'core/utils/helpers'; +@import 'utils'; // Custom styles @import 'custom/custom'; From eec7bd079788d3d66f87e126cef1fe9e82297ce7 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Sun, 29 May 2016 19:47:44 -0600 Subject: [PATCH 013/183] [ref: #157] Rename _layout.scss to _base.scss --- src/{_layout.scss => _base.scss} | 0 src/concise.scss | 4 ++-- 2 files changed, 2 insertions(+), 2 deletions(-) rename src/{_layout.scss => _base.scss} (100%) diff --git a/src/_layout.scss b/src/_base.scss similarity index 100% rename from src/_layout.scss rename to src/_base.scss diff --git a/src/concise.scss b/src/concise.scss index a606003..97725a3 100644 --- a/src/concise.scss +++ b/src/concise.scss @@ -14,8 +14,8 @@ // Custom globals @import 'custom/globals'; -// Natives -@import 'layout'; +// Base styles +@import 'base'; // Utils @import 'utils'; From b5449946723bf29e2e0b7ebc13a2177083d135ea Mon Sep 17 00:00:00 2001 From: James Kolce Date: Mon, 30 May 2016 13:53:24 -0600 Subject: [PATCH 014/183] [ref: #161] Update dependencies --- package.json | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/package.json b/package.json index 6de6047..69e5e3f 100644 --- a/package.json +++ b/package.json @@ -24,12 +24,12 @@ "node": "<=4.2.3" }, "devDependencies": { - "autoprefixer": "^6.1.2", + "autoprefixer": "^6.3.6", "cssmin": "^0.4.3", - "node-sass": "^3.4.2", - "postcss-cli": "^2.3.2", - "stylestats": "^6.0.0", - "watch": "^0.16.0" + "node-sass": "^3.7.0", + "postcss-cli": "^2.5.2", + "stylestats": "^6.3.0", + "watch": "^0.18.0" }, "scripts": { "build": "node-sass src/concise.scss dist/concise.css | postcss --use autoprefixer < dist/concise.css -b \"last 2 versions\" | cssmin > dist/concise.min.css", From 9bc2447d6f423d23f128b0c3812882ab3d018aed Mon Sep 17 00:00:00 2001 From: James Kolce Date: Mon, 30 May 2016 14:05:36 -0600 Subject: [PATCH 015/183] [ref: #159] Use cssnano for the minified version --- dist/concise.min.css | 2 +- package.json | 7 ++++--- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/dist/concise.min.css b/dist/concise.min.css index a771559..5ae5f94 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -:root{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}audio:not([controls]){display:none}details{display:block}input[type="number"]{width:auto}input[type="search"]{-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}main,summary{display:block}pre{overflow:auto}progress{display:inline-block}textarea{overflow:auto}template,[hidden]{display:none}[unselectable]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:root{box-sizing:border-box;color:#555;cursor:default;font-family:"Helvetica","Arial",sans-serif;font-size:14px;line-height:1.5;text-rendering:optimizeLegibility;vertical-align:top}@media(min-width:30em){:root{font-size:16px}}:root .nonresponsive{font-size:16px}*,::after,::before{box-sizing:inherit;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;text-decoration:inherit;vertical-align:inherit}*{cursor:inherit;margin:0;padding:0}body{background-color:white}a,button,input[type="submit"],input,select,textarea{cursor:initial}*[dir="rl;"]{direction:rtl;unicode-bidi:embed}bdo[dir="ltr"],bdo[dir="rtl"]{unicode-bidi:bidi-override}bdo[dir="ltr"]{direction:ltr}bdo[dir="rtl"]{direction:rtl}hr{border:0;border-top:1px solid #e0e0e0;display:block;height:1px;margin:20px 0}::-moz-selection{background-color:#d6d6d6}::selection{background-color:#d6d6d6}::-moz-selection{background-color:#d6d6d6}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:20px;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:10px}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}button,input[type="submit"],.button{background-color:#4591aa;border:0;color:white;cursor:pointer;display:inline-block;line-height:48px;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;-webkit-transition:150ms;transition:150ms;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:hover,input[type="submit"]:hover,button:focus,input[type="submit"]:focus,.button:hover,.button:focus{background-color:#75b3c7;color:inherit;text-decoration:none}button:focus,input[type="submit"]:focus,button:active,input[type="submit"]:active,.button:focus,.button:active{outline:0}button:active,input[type="submit"]:active,.button:active{background-color:#63a8bf}button[disabled],input[disabled][type="submit"],.button[disabled]{background-color:gainsboro;color:white;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:hover,.button--muted:focus{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:hover,.button--primary:focus{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:hover,.button--success:focus{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:hover,.button--warning:focus{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:hover,.button--error:focus{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75em;line-height:32px;padding:0 1.5em}.button--sm{font-size:.875em;line-height:40px;padding:0 2em}.button--lg{font-size:1.125em;line-height:56px;padding:0 3em}.button--xlg{font-size:1.125em;line-height:64px;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,0.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media(min-width:30em){.button--collapse{width:auto}}@media(min-width:30em){form,form [row]{margin-bottom:24px}}.nonresponsive form,.nonresponsive form [row]{margin-bottom:24px}input:not([type="submit"]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875em;height:32px;padding:0 .75em;-webkit-transition:150ms;transition:150ms;width:100%}input:not([type="submit"]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px rgba(69,145,170,0.5);outline:0}input:not([type="submit"])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type="submit"]){line-height:normal;min-height:24px}input:not([type="submit"])[type="checkbox"]:focus,input:not([type="submit"])[type="radio"]:focus,input:not([type="submit"])[type="range"]:focus,input:not([type="submit"])[type="file"]:focus,input:not([type="submit"])[type="color"]:focus,input:not([type="submit"])[type="submit"]:focus{border-color:transparent;box-shadow:none;outline:0}label{display:block;font-size:.875em}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:24px 1em;margin-bottom:24px}legend{font-size:.875em;font-weight:bold;padding:0 1em}input[type="checkbox"],input[type="file"],input[type="image"],input[type="radio"]{height:auto;width:auto}input[type="checkbox"],input[type="radio"]{line-height:normal;padding:0;vertical-align:middle}input[type="checkbox"]+label,input[type="radio"]+label{display:inline-block;margin:0 0 0 .5em;line-height:30px;vertical-align:middle}input[type="file"]{border:0;line-height:100%;padding:0}textarea{height:auto;padding:8px 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type="range"]{border:0;padding:0;width:100%;-webkit-appearance:none}input[type="range"]:focus{outline:0}input[type="range"]::-webkit-slider-runnable-track{background-color:gainsboro;border:0;border-radius:3px;height:5px}input[type="range"]::-webkit-slider-thumb{border:0;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type="range"]::-moz-range-track{background-color:gainsboro;border:0;border-radius:3px;height:5px}input[type="range"]::-moz-range-thumb{border:0;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type="range"]::-ms-track{background-color:gainsboro;border:0;border-radius:3px;color:transparent;height:5px}input[type="range"]::-ms-thumb{border:0;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75em;font-weight:bold;margin-top:8px}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:20px}@media(min-width:30em){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.nonresponsive .form--inline input,.nonresponsive .form--inline select,.nonresponsive .form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.nonresponsive .form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.nonresponsive .form--inline input+label{margin-left:1em}.input--small{font-size:.75em!important;height:24px!important}.input--large{font-size:1em!important;height:48px!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,0.15);border-color:#45ca69}.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,0.15);border-color:#ffb800}.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,0.15);border-color:#ca4829}.input--error:focus{border-color:#ca4829}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.giga,.mega,.kilo{color:#222;font-family:"Helvetica","Arial",sans-serif;line-height:1.25em}h1 small,h1 .small,h2 small,h2 .small,h3 small,h3 .small,h4 small,h4 .small,h5 small,h5 .small,h6 small,h6 .small,.h1 small,.h1 .small,.h2 small,.h2 .small,.h3 small,.h3 .small,.h4 small,.h4 .small,.h5 small,.h5 .small,.h6 small,.h6 .small,.giga small,.giga .small,.mega small,.mega .small,.kilo small,.kilo .small{color:#666;font-weight:lighter;vertical-align:0}h1,h2,h3,.h1,.h2,.h3,.giga,.mega,.kilo{margin:20px 0 10px}h1 small,h1 .small,h2 small,h2 .small,h3 small,h3 .small,.h1 small,.h1 .small,.h2 small,.h2 .small,.h3 small,.h3 .small,.giga small,.giga .small,.mega small,.mega .small,.kilo small,.kilo .small{font-size:65%}h4,h5,h6,.h4,.h5,.h6{margin:10px 0}h4 small,h4 .small,h5 small,h5 .small,h6 small,h6 .small,.h4 small,.h4 .small,.h5 small,.h5 .small,.h6 small,.h6 .small{font-size:75%}h1,.h1{font-size:2.368em}@media(min-width:48em){h1,.h1{font-size:3.15733em}}h2,.h2{font-size:1.77644em}@media(min-width:48em){h2,.h2{font-size:2.36859em}}h3,.h3{font-size:1.33267em}@media(min-width:48em){h3,.h3{font-size:1.77689em}}h4,.h4{font-size:1.333em}h5,.h5{font-size:1em}h6,.h6{font-size:.75019em}.giga{font-size:5.60883em}@media(min-width:48em){.giga{font-size:7.47844em}}.mega{font-size:4.20767em}@media(min-width:48em){.mega{font-size:5.61023em}}.kilo{font-size:3.15655em}@media(min-width:48em){.kilo{font-size:4.20873em}}.nonresponsive h1,.nonresponsive .h1{font-size:3.15733em}.nonresponsive h2,.nonresponsive .h2{font-size:2.36859em}.nonresponsive h3,.nonresponsive .h3{font-size:1.77689em}.nonresponsive .giga{font-size:7.47844em}.nonresponsive .mega{font-size:5.61023em}.nonresponsive .kilo{font-size:4.20873em}ul,ol{padding-left:1.5em;margin-bottom:10px}ul ul,ul ol,ol ul,ol ol{margin-bottom:0}ul ul{list-style-type:square}ul ol{list-style-type:lower-roman}ol ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:24px}dt{font-weight:bold}dt,dd{margin-bottom:10px}@media(min-width:60em){.dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.dl--horizontal dd{margin-left:165px}.dl--horizontal dd:before,.dl--horizontal dd:after{content:"";display:table}.dl--horizontal dd:after{clear:both}}.nonresponsive .dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.nonresponsive .dl--horizontal dd{margin-left:165px}.nonresponsive .dl--horizontal dd:before,.nonresponsive .dl--horizontal dd:after{content:"";display:table}.nonresponsive .dl--horizontal dd:after{clear:both}@media print{@page{margin:.5cm}*,*:before,*:after{background:transparent!important;color:black!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:white;color:black;font:11pt/1.3 "Georgia","Times New Roman","Times",serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,video,audio,object,embed,nav,footer,a[href^="#"]:after{display:none;visibility:hidden}p,h2,h3,.h2,.h3{orphans:3;widows:3}h2,h3,.h2,.h3{page-break-after:avoid}a,a:visited{color:black;font-size:.57em;text-decoration:underline;word-wrap:break-word}a[href]:after,a:visited[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,code{background-color:none;border:1px solid #e0e0e0;page-break-inside:avoid}blockquote{border:0;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ul li,ol li{content:"» "}}@media print and (min-width:30em){table{page-break-inside:avoid;width:100%!important}table th,table td{line-height:40px!important}}@media print{.badge,.badge:before,.badge *:after,.label,.label:before,.label *:after,.spinner,.spinner:before,.spinner *:after,.tooltip,.tooltip:before,.tooltip *:after,[data-hint],[data-hint]:before,[data-hint] *:after,.progress,.progress:before,.progress *:after,.breadcrumbs,.breadcrumbs:before,.breadcrumbs *:after,.modal,.modal:before,.modal *:after,.alert,.alert:before,.alert *:after{display:none;visibility:hidden}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:24px;width:100%}table caption{color:#555;font-size:85%;font-style:italic;line-height:48px;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table th,table td{border-right:1px solid #e0e0e0;line-height:24px;overflow:visible;padding:8px 1em}@media(min-width:30em){table th,table td{line-height:48px}}table th:last-child,table td:last-child{border-right:0}table tr,table td{-webkit-transition:background-color 150ms;transition:background-color 150ms}@media(min-width:30em){table{width:auto}table th,table td{padding:0 2.5em}}.nonresponsive{width:auto}.nonresponsive th,.nonresponsive td{padding:0 2.5em}.nonresponsive th,.nonresponsive td{line-height:48px}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,0.2);border:3px solid white;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border thead,.table--border td{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter th,.table--borderOuter td{border-right:0}.table--borderHorizontal thead,.table--borderHorizontal td{border-bottom:1px solid #e0e0e0}.table--borderHorizontal th,.table--borderHorizontal td{border-right:0}.table--flat{border:0}.table--flat td{border-bottom:0}.table--flat th,.table--flat td{border-right:0}.table--fillEven tbody tr:nth-child(even){background-color:#f5f5f5}.table--fillOdd tbody tr:nth-child(odd){background-color:#f5f5f5}.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--hoverCell tbody td:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}i,em,.italic{font-style:italic}b,strong,.bold{font-weight:bold}small,.small{font-size:75%;vertical-align:text-bottom}sup,sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}s{text-decoration:line-through}p:not(:last-child){margin-bottom:20px}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:150ms;transition:150ms}a:hover,a:focus{color:#2f6374}h1 a,h2 a,h3 a,.h1 a,.h2 a,.h3 a{color:#555}h1 a:hover,h1 a:focus,h2 a:hover,h2 a:focus,h3 a:hover,h3 a:focus,.h1 a:hover,.h1 a:focus,.h2 a:hover,.h2 a:focus,.h3 a:hover,.h3 a:focus{color:#4591aa;text-decoration:none}abbr[title]{border-bottom:1px dotted #e0e0e0;cursor:help}code,pre,kbd,samp{font-family:"Consolas",monospace;font-size:.875em}pre{padding:16px 1.5em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:24px}code{padding:2px 3px}pre code{background-color:transparent;border:0;padding:0;vertical-align:inherit;white-space:pre}.pre--flat{background-color:transparent;border:0;border-radius:none;padding:0}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px white,0 2px 0 gainsboro;display:inline-block;line-height:1.75;margin:-3px 2px 0;padding:2px 6px 0;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:before,[row]:after{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media(min-width:48em){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.nonresponsive [column~="1"]{width:8.33333%}.nonresponsive [column~="2"]{width:16.66667%}.nonresponsive [column~="3"]{width:25%}.nonresponsive [column~="4"]{width:33.33333%}.nonresponsive [column~="5"]{width:41.66667%}.nonresponsive [column~="6"]{width:50%}.nonresponsive [column~="7"]{width:58.33333%}.nonresponsive [column~="8"]{width:66.66667%}.nonresponsive [column~="9"]{width:75%}.nonresponsive [column~="10"]{width:83.33333%}.nonresponsive [column~="11"]{width:91.66667%}.nonresponsive [column~="12"]{width:100%}.nonresponsive [column~="+1"]{margin-left:8.33333%}.nonresponsive [column~="+2"]{margin-left:16.66667%}.nonresponsive [column~="+3"]{margin-left:25%}.nonresponsive [column~="+4"]{margin-left:33.33333%}.nonresponsive [column~="+5"]{margin-left:41.66667%}.nonresponsive [column~="+6"]{margin-left:50%}.nonresponsive [column~="+7"]{margin-left:58.33333%}.nonresponsive [column~="+8"]{margin-left:66.66667%}.nonresponsive [column~="+9"]{margin-left:75%}.nonresponsive [column~="+10"]{margin-left:83.33333%}.nonresponsive [column~="+11"]{margin-left:91.66667%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.show--xsm,.hide--sm,.hide--md,.hide--lg,.hide--xlg,.hide--print,.hide--hd{display:block;visibility:visible}.hide--xsm,.show--sm,.show--md,.show--lg,.show--xlg,.show--print,.show--hd{display:none;visibility:hidden}@media(min-width:48em){.show--sm,.hide--xsm,.hide--md,.hide--lg,.hide--xlg{display:block;visibility:visible}.hide--sm,.show--xsm,.show--md,.show--lg,.show--xlg{display:none;visibility:hidden}}@media(min-width:60em){.show--md,.hide--sm,.hide--xsm,.hide--lg,.hide--xlg{display:block;visibility:visible}.hide--md,.show--sm,.show--xsm,.show--lg,.show--xlg{display:none;visibility:hidden}}@media(min-width:70em){.show--lg,.hide--xsm,.hide--sm,.hide--md,.hide--xlg{display:block;visibility:visible}.hide--lg,.show--xsm,.show--sm,.show--md,.show--xlg{display:none;visibility:hidden}}@media(min-width:80em){.show--xlg,.hide--xsm,.hide--sm,.hide--md,.hide--lg{display:block;visibility:visible}.hide--xlg,.show--xsm,.show--sm,.show--md,.show--lg{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3 / 2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file +:root{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}audio:not([controls]){display:none}details{display:block}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main,summary{display:block}pre{overflow:auto}progress{display:inline-block}textarea{overflow:auto}[hidden],template{display:none}[unselectable]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:root{box-sizing:border-box;color:#555;cursor:default;font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;text-rendering:optimizeLegibility;vertical-align:top}@media (min-width:30em){:root{font-size:16px}}:root .nonresponsive{font-size:16px}*,:after,:before{box-sizing:inherit;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;text-decoration:inherit;vertical-align:inherit}*{cursor:inherit;margin:0;padding:0}body{background-color:#fff}a,button,input,input[type=submit],select,textarea{cursor:initial}[dir="rl;"]{direction:rtl;unicode-bidi:embed}bdo[dir=ltr],bdo[dir=rtl]{unicode-bidi:bidi-override}bdo[dir=ltr]{direction:ltr}bdo[dir=rtl]{direction:rtl}hr{border:0;border-top:1px solid #e0e0e0;display:block;height:1px;margin:20px 0}::selection{background-color:#d6d6d6}::-moz-selection{background-color:#d6d6d6}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:20px;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:10px}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;line-height:48px;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:inherit;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75em;line-height:32px;padding:0 1.5em}.button--sm{font-size:.875em;line-height:40px;padding:0 2em}.button--lg{font-size:1.125em;line-height:56px;padding:0 3em}.button--xlg{font-size:1.125em;line-height:64px;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:30em){.button--collapse{width:auto}}@media (min-width:30em){form,form [row]{margin-bottom:24px}}.nonresponsive form,.nonresponsive form [row]{margin-bottom:24px}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875em;height:32px;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:24px}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875em}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:24px 1em;margin-bottom:24px}legend{font-size:.875em;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:30px;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:8px 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75em;font-weight:700;margin-top:8px}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:20px}@media (min-width:30em){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.nonresponsive .form--inline input,.nonresponsive .form--inline select,.nonresponsive .form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.nonresponsive .form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.nonresponsive .form--inline input+label{margin-left:1em}.input--small{font-size:.75em!important;height:24px!important}.input--large{font-size:1em!important;height:48px!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:20px 0 10px}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:10px 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368em}@media (min-width:48em){.h1,h1{font-size:3.15733em}}.h2,h2{font-size:1.77644em}@media (min-width:48em){.h2,h2{font-size:2.36859em}}.h3,h3{font-size:1.33267em}@media (min-width:48em){.h3,h3{font-size:1.77689em}}.h4,h4{font-size:1.333em}.h5,h5{font-size:1em}.h6,h6{font-size:.75019em}.giga{font-size:5.60883em}@media (min-width:48em){.giga{font-size:7.47844em}}.mega{font-size:4.20767em}@media (min-width:48em){.mega{font-size:5.61023em}}.kilo{font-size:3.15655em}@media (min-width:48em){.kilo{font-size:4.20873em}}.nonresponsive .h1,.nonresponsive h1{font-size:3.15733em}.nonresponsive .h2,.nonresponsive h2{font-size:2.36859em}.nonresponsive .h3,.nonresponsive h3{font-size:1.77689em}.nonresponsive .giga{font-size:7.47844em}.nonresponsive .mega{font-size:5.61023em}.nonresponsive .kilo{font-size:4.20873em}ol,ul{padding-left:1.5em;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:24px}dt{font-weight:700}dd,dt{margin-bottom:10px}@media (min-width:60em){.dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.dl--horizontal dd{margin-left:165px}.dl--horizontal dd:after,.dl--horizontal dd:before{content:"";display:table}.dl--horizontal dd:after{clear:both}}.nonresponsive .dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.nonresponsive .dl--horizontal dd{margin-left:165px}.nonresponsive .dl--horizontal dd:after,.nonresponsive .dl--horizontal dd:before{content:"";display:table}.nonresponsive .dl--horizontal dd:after{clear:both}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:none;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}@media print and (min-width:30em){table{page-break-inside:avoid;width:100%!important}table td,table th{line-height:40px!important}}@media print{.alert,.alert :after,.alert:before,.badge,.badge :after,.badge:before,.breadcrumbs,.breadcrumbs :after,.breadcrumbs:before,.label,.label :after,.label:before,.modal,.modal :after,.modal:before,.progress,.progress :after,.progress:before,.spinner,.spinner :after,.spinner:before,.tooltip,.tooltip :after,.tooltip:before,[data-hint],[data-hint] :after,[data-hint]:before{display:none;visibility:hidden}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:24px;width:100%}table caption{color:#555;font-size:85%;font-style:italic;line-height:48px;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:24px;overflow:visible;padding:8px 1em}@media (min-width:30em){table td,table th{line-height:48px}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}@media (min-width:30em){table{width:auto}table td,table th{padding:0 2.5em}}.nonresponsive{width:auto}.nonresponsive td,.nonresponsive th{padding:0 2.5em;line-height:48px}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.italic,em,i{font-style:italic}.bold,b,strong{font-weight:700}.small,small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}s{text-decoration:line-through}p:not(:last-child){margin-bottom:20px}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr[title]{border-bottom:1px dotted #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875em}pre{padding:16px 1.5em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:24px}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:none}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;line-height:1.75;margin:-3px 2px 0;padding:2px 6px 0;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:after,[row]:before{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media (min-width:48em){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.nonresponsive [column~="1"]{width:8.33333%}.nonresponsive [column~="2"]{width:16.66667%}.nonresponsive [column~="3"]{width:25%}.nonresponsive [column~="4"]{width:33.33333%}.nonresponsive [column~="5"]{width:41.66667%}.nonresponsive [column~="6"]{width:50%}.nonresponsive [column~="7"]{width:58.33333%}.nonresponsive [column~="8"]{width:66.66667%}.nonresponsive [column~="9"]{width:75%}.nonresponsive [column~="10"]{width:83.33333%}.nonresponsive [column~="11"]{width:91.66667%}.nonresponsive [column~="12"]{width:100%}.nonresponsive [column~="+1"]{margin-left:8.33333%}.nonresponsive [column~="+2"]{margin-left:16.66667%}.nonresponsive [column~="+3"]{margin-left:25%}.nonresponsive [column~="+4"]{margin-left:33.33333%}.nonresponsive [column~="+5"]{margin-left:41.66667%}.nonresponsive [column~="+6"]{margin-left:50%}.nonresponsive [column~="+7"]{margin-left:58.33333%}.nonresponsive [column~="+8"]{margin-left:66.66667%}.nonresponsive [column~="+9"]{margin-left:75%}.nonresponsive [column~="+10"]{margin-left:83.33333%}.nonresponsive [column~="+11"]{margin-left:91.66667%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:48em){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:60em){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:70em){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:80em){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file diff --git a/package.json b/package.json index 69e5e3f..8bd81ce 100644 --- a/package.json +++ b/package.json @@ -25,15 +25,16 @@ }, "devDependencies": { "autoprefixer": "^6.3.6", - "cssmin": "^0.4.3", + "cssnano": "^3.6.2", "node-sass": "^3.7.0", "postcss-cli": "^2.5.2", "stylestats": "^6.3.0", "watch": "^0.18.0" }, "scripts": { - "build": "node-sass src/concise.scss dist/concise.css | postcss --use autoprefixer < dist/concise.css -b \"last 2 versions\" | cssmin > dist/concise.min.css", + "build": "node-sass src/concise.scss dist/concise.css | postcss --use autoprefixer < dist/concise.css -b \"last 2 versions\" | postcss --use cssnano > dist/concise.min.css", "build:watch": "watch \"npm run build\" src", - "stats": "stylestats dist/concise.css" + "stats": "stylestats dist/concise.css", + "stats:min": "stylestats dist/concise.css" } } From 1bd0aa233c1757d3260b7ef4f6f9e017e72e9789 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Mon, 30 May 2016 15:06:42 -0600 Subject: [PATCH 016/183] [fix: #158] Update normalization styles --- dist/concise.css | 192 +++++++++++++-------- dist/concise.min.css | 2 +- src/_base.scss | 2 +- src/core/layout/_base.scss | 149 ----------------- src/core/layout/_normalization.scss | 250 ++++++++++++++++++++++++++++ src/core/layout/_type.scss | 11 +- 6 files changed, 378 insertions(+), 228 deletions(-) delete mode 100644 src/core/layout/_base.scss create mode 100644 src/core/layout/_normalization.scss diff --git a/dist/concise.css b/dist/concise.css index 17fc764..e77e7b1 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -7,27 +7,60 @@ * http://opensource.org/licenses/MIT * */ -:root { - -ms-overflow-style: -ms-autohiding-scrollbar; - overflow-y: scroll; - text-size-adjust: 100%; } +abbr[title] { + text-decoration: underline; + text-decoration: underline dotted; } audio:not([controls]) { display: none; } +b, +strong { + font-weight: bolder; } + +button, input[type="submit"] { + -webkit-appearance: button; + overflow: visible; } + +button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; } + +button:-moz-focusring, input[type="submit"]:-moz-focusring, +input:-moz-focusring { + outline: 1px dotted ButtonText; } + +button, input[type="submit"], +select { + text-transform: none; } + details { display: block; } -input[type="number"] { - width: auto; } +hr { + overflow: visible; + margin: 24px 0; + background-color: #e0e0e0; + height: 1px; } -input[type="search"] { - -webkit-appearance: textfield; } - input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; } +html { + -ms-overflow-style: -ms-autohiding-scrollbar; + overflow-y: scroll; + -webkit-text-size-adjust: 100%; } -main, -summary { +input { + -webkit-border-radius: 0; } + input[type="button"], input[type="reset"], input[type="submit"] { + -webkit-appearance: button; } + input[type="number"] { + width: auto; } + input[type="search"] { + -webkit-appearance: textfield; } + input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } + +main { display: block; } pre { @@ -36,84 +69,120 @@ pre { progress { display: inline-block; } +summary { + display: block; } + +svg:not(:root) { + overflow: hidden; } + +template { + display: none; } + textarea { overflow: auto; } -template, [hidden] { display: none; } -[unselectable] { - user-select: none; } +*, +::before, +::after { + box-sizing: inherit; } + +* { + font-size: inherit; + line-height: inherit; } + +::before, +::after { + text-decoration: inherit; + vertical-align: inherit; } + +button, input[type="submit"], +input, +select, +textarea { + font-family: inherit; + font-style: inherit; + font-weight: inherit; } :root { + background-color: white; box-sizing: border-box; color: #555; cursor: default; font-family: "Helvetica", "Arial", sans-serif; font-size: 14px; line-height: 1.5; - text-rendering: optimizeLegibility; - vertical-align: top; } + text-rendering: optimizeLegibility; } @media (min-width: 30em) { :root { font-size: 16px; } } - :root .nonresponsive { - font-size: 16px; } - -*, -::after, -::before { - box-sizing: inherit; - color: inherit; - font-family: inherit; - font-size: inherit; - line-height: inherit; - text-decoration: inherit; - vertical-align: inherit; } * { - cursor: inherit; margin: 0; - padding: 0; } + padding: 0; + background-repeat: no-repeat; } -body { - background-color: white; } +*, +::before, +::after { + border-style: solid; + border-width: 0; } a, +area, button, input[type="submit"], input, +label, select, -textarea { - cursor: initial; } +textarea, +[tabindex] { + touch-action: manipulation; } + +select { + -moz-appearance: none; + -webkit-appearance: none; } + select::-ms-expand { + display: none; } + select::-ms-value { + color: currentColor; } -*[dir="rl;"] { - direction: rtl; - unicode-bidi: embed; } +svg { + fill: currentColor; } -bdo[dir="ltr"], -bdo[dir="rtl"] { - unicode-bidi: bidi-override; } +[aria-busy="true"] { + cursor: progress; } -bdo[dir="ltr"] { - direction: ltr; } +[aria-controls] { + cursor: pointer; } -bdo[dir="rtl"] { - direction: rtl; } +[aria-disabled] { + cursor: default; } -hr { - border: 0; - border-top: 1px solid #e0e0e0; - display: block; - height: 1px; - margin: 20px 0; } +[hidden][aria-hidden="false"] { + clip: rect(0 0 0 0); + display: inherit; + position: absolute; } + [hidden][aria-hidden="false"]:focus { + clip: auto; } -::selection { - background-color: #d6d6d6; } +audio, +canvas, +iframe, +img, +svg, +video { + vertical-align: middle; } ::-moz-selection { - background-color: #d6d6d6; } + background-color: #d6d6d6; + text-shadow: none; } + +::selection { + background-color: #d6d6d6; + text-shadow: none; } blockquote { border-left: 1px solid #e0e0e0; @@ -921,18 +990,7 @@ table { text-overflow: ellipsis; white-space: nowrap; } -i, -em, -.italic { - font-style: italic; } - -b, -strong, -.bold { - font-weight: bold; } - -small, -.small { +small { font-size: 75%; vertical-align: text-bottom; } diff --git a/dist/concise.min.css b/dist/concise.min.css index 5ae5f94..d118d33 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -:root{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}audio:not([controls]){display:none}details{display:block}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main,summary{display:block}pre{overflow:auto}progress{display:inline-block}textarea{overflow:auto}[hidden],template{display:none}[unselectable]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:root{box-sizing:border-box;color:#555;cursor:default;font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;text-rendering:optimizeLegibility;vertical-align:top}@media (min-width:30em){:root{font-size:16px}}:root .nonresponsive{font-size:16px}*,:after,:before{box-sizing:inherit;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;text-decoration:inherit;vertical-align:inherit}*{cursor:inherit;margin:0;padding:0}body{background-color:#fff}a,button,input,input[type=submit],select,textarea{cursor:initial}[dir="rl;"]{direction:rtl;unicode-bidi:embed}bdo[dir=ltr],bdo[dir=rtl]{unicode-bidi:bidi-override}bdo[dir=ltr]{direction:ltr}bdo[dir=rtl]{direction:rtl}hr{border:0;border-top:1px solid #e0e0e0;display:block;height:1px;margin:20px 0}::selection{background-color:#d6d6d6}::-moz-selection{background-color:#d6d6d6}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:20px;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:10px}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;line-height:48px;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:inherit;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75em;line-height:32px;padding:0 1.5em}.button--sm{font-size:.875em;line-height:40px;padding:0 2em}.button--lg{font-size:1.125em;line-height:56px;padding:0 3em}.button--xlg{font-size:1.125em;line-height:64px;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:30em){.button--collapse{width:auto}}@media (min-width:30em){form,form [row]{margin-bottom:24px}}.nonresponsive form,.nonresponsive form [row]{margin-bottom:24px}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875em;height:32px;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:24px}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875em}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:24px 1em;margin-bottom:24px}legend{font-size:.875em;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:30px;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:8px 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75em;font-weight:700;margin-top:8px}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:20px}@media (min-width:30em){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.nonresponsive .form--inline input,.nonresponsive .form--inline select,.nonresponsive .form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.nonresponsive .form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.nonresponsive .form--inline input+label{margin-left:1em}.input--small{font-size:.75em!important;height:24px!important}.input--large{font-size:1em!important;height:48px!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:20px 0 10px}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:10px 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368em}@media (min-width:48em){.h1,h1{font-size:3.15733em}}.h2,h2{font-size:1.77644em}@media (min-width:48em){.h2,h2{font-size:2.36859em}}.h3,h3{font-size:1.33267em}@media (min-width:48em){.h3,h3{font-size:1.77689em}}.h4,h4{font-size:1.333em}.h5,h5{font-size:1em}.h6,h6{font-size:.75019em}.giga{font-size:5.60883em}@media (min-width:48em){.giga{font-size:7.47844em}}.mega{font-size:4.20767em}@media (min-width:48em){.mega{font-size:5.61023em}}.kilo{font-size:3.15655em}@media (min-width:48em){.kilo{font-size:4.20873em}}.nonresponsive .h1,.nonresponsive h1{font-size:3.15733em}.nonresponsive .h2,.nonresponsive h2{font-size:2.36859em}.nonresponsive .h3,.nonresponsive h3{font-size:1.77689em}.nonresponsive .giga{font-size:7.47844em}.nonresponsive .mega{font-size:5.61023em}.nonresponsive .kilo{font-size:4.20873em}ol,ul{padding-left:1.5em;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:24px}dt{font-weight:700}dd,dt{margin-bottom:10px}@media (min-width:60em){.dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.dl--horizontal dd{margin-left:165px}.dl--horizontal dd:after,.dl--horizontal dd:before{content:"";display:table}.dl--horizontal dd:after{clear:both}}.nonresponsive .dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.nonresponsive .dl--horizontal dd{margin-left:165px}.nonresponsive .dl--horizontal dd:after,.nonresponsive .dl--horizontal dd:before{content:"";display:table}.nonresponsive .dl--horizontal dd:after{clear:both}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:none;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}@media print and (min-width:30em){table{page-break-inside:avoid;width:100%!important}table td,table th{line-height:40px!important}}@media print{.alert,.alert :after,.alert:before,.badge,.badge :after,.badge:before,.breadcrumbs,.breadcrumbs :after,.breadcrumbs:before,.label,.label :after,.label:before,.modal,.modal :after,.modal:before,.progress,.progress :after,.progress:before,.spinner,.spinner :after,.spinner:before,.tooltip,.tooltip :after,.tooltip:before,[data-hint],[data-hint] :after,[data-hint]:before{display:none;visibility:hidden}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:24px;width:100%}table caption{color:#555;font-size:85%;font-style:italic;line-height:48px;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:24px;overflow:visible;padding:8px 1em}@media (min-width:30em){table td,table th{line-height:48px}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}@media (min-width:30em){table{width:auto}table td,table th{padding:0 2.5em}}.nonresponsive{width:auto}.nonresponsive td,.nonresponsive th{padding:0 2.5em;line-height:48px}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.italic,em,i{font-style:italic}.bold,b,strong{font-weight:700}.small,small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}s{text-decoration:line-through}p:not(:last-child){margin-bottom:20px}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr[title]{border-bottom:1px dotted #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875em}pre{padding:16px 1.5em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:24px}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:none}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;line-height:1.75;margin:-3px 2px 0;padding:2px 6px 0;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:after,[row]:before{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media (min-width:48em){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.nonresponsive [column~="1"]{width:8.33333%}.nonresponsive [column~="2"]{width:16.66667%}.nonresponsive [column~="3"]{width:25%}.nonresponsive [column~="4"]{width:33.33333%}.nonresponsive [column~="5"]{width:41.66667%}.nonresponsive [column~="6"]{width:50%}.nonresponsive [column~="7"]{width:58.33333%}.nonresponsive [column~="8"]{width:66.66667%}.nonresponsive [column~="9"]{width:75%}.nonresponsive [column~="10"]{width:83.33333%}.nonresponsive [column~="11"]{width:91.66667%}.nonresponsive [column~="12"]{width:100%}.nonresponsive [column~="+1"]{margin-left:8.33333%}.nonresponsive [column~="+2"]{margin-left:16.66667%}.nonresponsive [column~="+3"]{margin-left:25%}.nonresponsive [column~="+4"]{margin-left:33.33333%}.nonresponsive [column~="+5"]{margin-left:41.66667%}.nonresponsive [column~="+6"]{margin-left:50%}.nonresponsive [column~="+7"]{margin-left:58.33333%}.nonresponsive [column~="+8"]{margin-left:66.66667%}.nonresponsive [column~="+9"]{margin-left:75%}.nonresponsive [column~="+10"]{margin-left:83.33333%}.nonresponsive [column~="+11"]{margin-left:91.66667%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:48em){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:60em){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:70em){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:80em){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:24px 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;text-rendering:optimizeLegibility}@media (min-width:30em){:root{font-size:16px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:20px;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:10px}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;line-height:48px;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:inherit;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75em;line-height:32px;padding:0 1.5em}.button--sm{font-size:.875em;line-height:40px;padding:0 2em}.button--lg{font-size:1.125em;line-height:56px;padding:0 3em}.button--xlg{font-size:1.125em;line-height:64px;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:30em){.button--collapse{width:auto}}@media (min-width:30em){form,form [row]{margin-bottom:24px}}.nonresponsive form,.nonresponsive form [row]{margin-bottom:24px}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875em;height:32px;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:24px}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875em}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:24px 1em;margin-bottom:24px}legend{font-size:.875em;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:30px;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:8px 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75em;font-weight:700;margin-top:8px}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:20px}@media (min-width:30em){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.nonresponsive .form--inline input,.nonresponsive .form--inline select,.nonresponsive .form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.nonresponsive .form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.nonresponsive .form--inline input+label{margin-left:1em}.input--small{font-size:.75em!important;height:24px!important}.input--large{font-size:1em!important;height:48px!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:20px 0 10px}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:10px 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368em}@media (min-width:48em){.h1,h1{font-size:3.15733em}}.h2,h2{font-size:1.77644em}@media (min-width:48em){.h2,h2{font-size:2.36859em}}.h3,h3{font-size:1.33267em}@media (min-width:48em){.h3,h3{font-size:1.77689em}}.h4,h4{font-size:1.333em}.h5,h5{font-size:1em}.h6,h6{font-size:.75019em}.giga{font-size:5.60883em}@media (min-width:48em){.giga{font-size:7.47844em}}.mega{font-size:4.20767em}@media (min-width:48em){.mega{font-size:5.61023em}}.kilo{font-size:3.15655em}@media (min-width:48em){.kilo{font-size:4.20873em}}.nonresponsive .h1,.nonresponsive h1{font-size:3.15733em}.nonresponsive .h2,.nonresponsive h2{font-size:2.36859em}.nonresponsive .h3,.nonresponsive h3{font-size:1.77689em}.nonresponsive .giga{font-size:7.47844em}.nonresponsive .mega{font-size:5.61023em}.nonresponsive .kilo{font-size:4.20873em}ol,ul{padding-left:1.5em;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:24px}dt{font-weight:700}dd,dt{margin-bottom:10px}@media (min-width:60em){.dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.dl--horizontal dd{margin-left:165px}.dl--horizontal dd:after,.dl--horizontal dd:before{content:"";display:table}.dl--horizontal dd:after{clear:both}}.nonresponsive .dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.nonresponsive .dl--horizontal dd{margin-left:165px}.nonresponsive .dl--horizontal dd:after,.nonresponsive .dl--horizontal dd:before{content:"";display:table}.nonresponsive .dl--horizontal dd:after{clear:both}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:none;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}@media print and (min-width:30em){table{page-break-inside:avoid;width:100%!important}table td,table th{line-height:40px!important}}@media print{.alert,.alert :after,.alert:before,.badge,.badge :after,.badge:before,.breadcrumbs,.breadcrumbs :after,.breadcrumbs:before,.label,.label :after,.label:before,.modal,.modal :after,.modal:before,.progress,.progress :after,.progress:before,.spinner,.spinner :after,.spinner:before,.tooltip,.tooltip :after,.tooltip:before,[data-hint],[data-hint] :after,[data-hint]:before{display:none;visibility:hidden}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:24px;width:100%}table caption{color:#555;font-size:85%;font-style:italic;line-height:48px;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:24px;overflow:visible;padding:8px 1em}@media (min-width:30em){table td,table th{line-height:48px}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}@media (min-width:30em){table{width:auto}table td,table th{padding:0 2.5em}}.nonresponsive{width:auto}.nonresponsive td,.nonresponsive th{padding:0 2.5em;line-height:48px}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}s{text-decoration:line-through}p:not(:last-child){margin-bottom:20px}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr[title]{border-bottom:1px dotted #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875em}pre{padding:16px 1.5em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:24px}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:none}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;line-height:1.75;margin:-3px 2px 0;padding:2px 6px 0;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:after,[row]:before{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media (min-width:48em){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.nonresponsive [column~="1"]{width:8.33333%}.nonresponsive [column~="2"]{width:16.66667%}.nonresponsive [column~="3"]{width:25%}.nonresponsive [column~="4"]{width:33.33333%}.nonresponsive [column~="5"]{width:41.66667%}.nonresponsive [column~="6"]{width:50%}.nonresponsive [column~="7"]{width:58.33333%}.nonresponsive [column~="8"]{width:66.66667%}.nonresponsive [column~="9"]{width:75%}.nonresponsive [column~="10"]{width:83.33333%}.nonresponsive [column~="11"]{width:91.66667%}.nonresponsive [column~="12"]{width:100%}.nonresponsive [column~="+1"]{margin-left:8.33333%}.nonresponsive [column~="+2"]{margin-left:16.66667%}.nonresponsive [column~="+3"]{margin-left:25%}.nonresponsive [column~="+4"]{margin-left:33.33333%}.nonresponsive [column~="+5"]{margin-left:41.66667%}.nonresponsive [column~="+6"]{margin-left:50%}.nonresponsive [column~="+7"]{margin-left:58.33333%}.nonresponsive [column~="+8"]{margin-left:66.66667%}.nonresponsive [column~="+9"]{margin-left:75%}.nonresponsive [column~="+10"]{margin-left:83.33333%}.nonresponsive [column~="+11"]{margin-left:91.66667%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:48em){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:60em){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:70em){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:80em){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file diff --git a/src/_base.scss b/src/_base.scss index 632d126..5519f46 100644 --- a/src/_base.scss +++ b/src/_base.scss @@ -1,4 +1,4 @@ -@import 'core/layout/base'; +@import 'core/layout/normalization'; @import 'core/layout/blockquotes'; @import 'core/layout/buttons'; @import 'core/layout/forms'; diff --git a/src/core/layout/_base.scss b/src/core/layout/_base.scss deleted file mode 100644 index 2dd2cb0..0000000 --- a/src/core/layout/_base.scss +++ /dev/null @@ -1,149 +0,0 @@ -// -// Base styles -// ============================================================================= - -// -// Variables -// --------- - -// Font families -$font-family: "Helvetica", "Arial", sans-serif !default; -$font-family-mono: "Consolas", monospace !default; -$font-base-size: 16 !default; - - -// -// Normalization -// ------------- -// Courtesy of sanitize.css -// (http://jonathantneal.github.io/sanitize.css/) - -:root { - -ms-overflow-style: -ms-autohiding-scrollbar; - overflow-y: scroll; - text-size-adjust: 100%; -} - -audio:not([controls]) { display: none; } - -details { display: block; } - -input { - &[type="number"] { width: auto; } - - &[type="search"] { - -webkit-appearance: textfield; - - &::-webkit-search-cancel-button, - &::-webkit-search-decoration { -webkit-appearance: none; } - } -} - -main, -summary { display: block; } - -pre { overflow: auto; } - -progress { display: inline-block; } - -textarea { overflow: auto; } - -template, -[hidden] { display: none; } - -[unselectable] { user-select: none } - - -// -// Universal Inheritance -// --------------------- - -// Specify default styles in the document -:root { - box-sizing: border-box; - color: getColor(text, primary); - cursor: default; - font-family: $font-family; - font-size: ($font-base-size * .875) + px; - line-height: 1.5; - text-rendering: optimizeLegibility; - vertical-align: top; - - @media (min-width: $bp-extra-small) { - font-size: $font-base-size + px; - } - - @if $non-responsive == true { - .nonresponsive { font-size: $font-base-size + px; } - } -} - -*, -::after, -::before { - box-sizing: inherit; - color: inherit; - font-family: inherit; - font-size: inherit; - line-height: inherit; - text-decoration: inherit; - vertical-align: inherit; -} - -* { - cursor: inherit; - margin: 0; - padding: 0; -} - - -// -// Misc -// ---- - -body { background-color: getColor(background, body); } - -a, -button, -input, -select, -textarea { cursor: initial; } - -// RTL and LTR language support -*[dir="rl;"] { - direction: rtl; - unicode-bidi: embed; -} - -bdo[dir="ltr"], -bdo[dir="rtl"] { unicode-bidi: bidi-override; } - -bdo[dir="ltr"] { direction: ltr; } - -bdo[dir="rtl"] { direction: rtl; } - -// Horizontal rule -hr { - border: 0; - border-top: 1px solid getColor(base, lines); - display: block; - height: 1px; - margin: unitSize(3, -4) 0; -} - -// Selection -::selection { background-color: getColor(base, selection); } - -::-moz-selection { background-color: getColor(base, selection); } - -// -// Automatic margins -// - -@if $automargin { - address, article, aside, audio, blockquote, canvas, dd, - div, dl, fieldset, figcaption, figure, footer, form, header, - hr, ol, p, pre, section, table, table, tfoot, ul, video { - &:not(:last-child) { margin-bottom: $block-margin; } - } -} diff --git a/src/core/layout/_normalization.scss b/src/core/layout/_normalization.scss new file mode 100644 index 0000000..3a9aaea --- /dev/null +++ b/src/core/layout/_normalization.scss @@ -0,0 +1,250 @@ +// +// Normalization and Base styles +// ============================================================================= +// Adapted from sanitize.css +// (https://github.com/10up/sanitize.css) + +// +// Variables +// --------- + +// Font families +$font-family: "Helvetica", "Arial", sans-serif !default; +$font-family-mono: "Consolas", monospace !default; +$font-base-size: 16 !default; + +// +// Normalization +// ------------- + +abbr[title] { + text-decoration: underline; // Chrome 48+, Edge 12+, Internet Explorer 11-, Safari 9+ + text-decoration: underline dotted; // Firefox 40+ +} + +// Chrome 44-, iOS 8+, Safari 9+ +audio:not([controls]) { display: none; } + +// Edge 12+, Safari 6.2+, and Chrome 18+ +b, +strong { font-weight: bolder; } + +button { + -webkit-appearance: button; // iOS 8+ + overflow: visible; // Internet Explorer 11- +} + +button, +input { + // Firefox 4+ + &::-moz-focus-inner { + border: 0; + padding: 0; + } + + // Firefox 4+ + &:-moz-focusring { outline: 1px dotted ButtonText; } +} + +// Firefox 40+, Internet Explorer 11- +button, +select { text-transform: none; } + +// Edge 12+, Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+ +details { display: block; } + +hr { + overflow: visible; // Internet Explorer 11-, Edge 12+ + margin: unitSize(3) 0; + background-color: getColor(base, lines); + height: 1px; +} + +html { + -ms-overflow-style: -ms-autohiding-scrollbar; // Edge 12+, Internet Explorer 11- + overflow-y: scroll; // All browsers without overlaying scrollbars + -webkit-text-size-adjust: 100%; // iOS 8+, Windows Phone 8.1+ +} + +input { + // iOS 8+ + -webkit-border-radius: 0; + + // iOS 8+ + &[type="button"], + &[type="reset"], + &[type="submit"] { -webkit-appearance: button; } + + // Firefox 36+ + &[type="number"] { width: auto; } + + &[type="search"] { + // Chrome 45+, Safari 9+ + -webkit-appearance: textfield; + + // Chrome 45+, Safari 9+ + &::-webkit-search-cancel-button, + &::-webkit-search-decoration { -webkit-appearance: none; } + } +} + +// Android 4.3-, Internet Explorer 11-, Windows Phone 8.1+ +main { display: block; } + +// Internet Explorer 11- +pre { overflow: auto; } + +// Internet Explorer 11-, Windows Phone 8.1+ +progress { display: inline-block; } + +// Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+ +summary { display: block; } + +// Internet Explorer 11- +svg:not(:root) { overflow: hidden; } + +// Android 4.3-, Internet Explorer 11-, iOS 7-, Safari 7-, Windows Phone 8.1+ +template { display: none; } + +// Edge 12+, Internet Explorer 11- +textarea { overflow: auto; } + +// Internet Explorer 10- +[hidden] { display: none; } + +// +// Universal Inheritance +// --------------------- + +*, +::before, +::after { + box-sizing: inherit; +} + +* { + font-size: inherit; + line-height: inherit; +} + +::before, +::after { + text-decoration: inherit; + vertical-align: inherit; +} + +button, +input, +select, +textarea { + font-family: inherit; + font-style: inherit; + font-weight: inherit; +} + +// +// Opinionated Defaults +// --------------------- + +// Specify the root styles of the document +:root { + background-color: getColor(background, body); + box-sizing: border-box; + color: getColor(text, primary); + cursor: default; + font-family: $font-family; + font-size: ($font-base-size * .875) + px; + line-height: 1.5; + text-rendering: optimizeLegibility; + + @media (min-width: $bp-extra-small) { + font-size: $font-base-size + px; + } +} + +* { + margin: 0; + padding: 0; + background-repeat: no-repeat; +} + +*, +::before, +::after { + border-style: solid; + border-width: 0; +} + +// Remove the tapping delay from clickable elements +a, +area, +button, +input, +label, +select, +textarea, +[tabindex] { touch-action: manipulation; } + +// Specify the standard appearance of selects +select { + -moz-appearance: none; // Firefox 40+ + -webkit-appearance: none; // Chrome 45+ + + // Edge 12+, Internet Explorer 11- + &::-ms-expand { display: none; } + + // Edge 12+, Internet Explorer 11- + &::-ms-value { color: currentColor; } +} + +// Use current current as the default fill of svg elements +svg { fill: currentColor; } + +// Specify the progress cursor of updating elements +[aria-busy="true"] { cursor: progress; } + +// Specify the pointer cursor of trigger elements +[aria-controls] { cursor: pointer; } + +// Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements +[aria-disabled] { cursor: default; } + +// Specify the style of visually hidden yet accessible elements +[hidden][aria-hidden="false"] { + clip: rect(0 0 0 0); + display: inherit; + position: absolute; + + &:focus { clip: auto; } +} + +// Specify the alignment of media elements +audio, +canvas, +iframe, +img, +svg, +video { vertical-align: middle; } + +// Specify the background color, and drop shadow of text selections +::-moz-selection { + background-color: getColor(base, selection); + text-shadow: none; +} + +::selection { + background-color: getColor(base, selection); + text-shadow: none; +} + +// +// Automatic margins +// ----------------- + +@if $automargin { + address, article, aside, audio, blockquote, canvas, dd, + div, dl, fieldset, figcaption, figure, footer, form, header, + hr, ol, p, pre, section, table, table, tfoot, ul, video { + &:not(:last-child) { margin-bottom: $block-margin; } + } +} diff --git a/src/core/layout/_type.scss b/src/core/layout/_type.scss index f9ad3b1..73f36a8 100644 --- a/src/core/layout/_type.scss +++ b/src/core/layout/_type.scss @@ -6,16 +6,7 @@ // Defaults // -------- -i, -em, -.italic { font-style: italic; } - -b, -strong, -.bold { font-weight: bold; } - -small, -.small { +small { font-size: 75%; vertical-align: text-bottom; } From a86f2673e699cd2f92cb28ae910f82d3727913c1 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Mon, 30 May 2016 21:38:18 -0600 Subject: [PATCH 017/183] [fix: #162] Use concise-cli for compilation --- dist/concise.min.css | 2 +- package.json | 7 +++---- 2 files changed, 4 insertions(+), 5 deletions(-) diff --git a/dist/concise.min.css b/dist/concise.min.css index d118d33..424adb8 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:24px 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;text-rendering:optimizeLegibility}@media (min-width:30em){:root{font-size:16px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:20px;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:10px}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;line-height:48px;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:inherit;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75em;line-height:32px;padding:0 1.5em}.button--sm{font-size:.875em;line-height:40px;padding:0 2em}.button--lg{font-size:1.125em;line-height:56px;padding:0 3em}.button--xlg{font-size:1.125em;line-height:64px;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:30em){.button--collapse{width:auto}}@media (min-width:30em){form,form [row]{margin-bottom:24px}}.nonresponsive form,.nonresponsive form [row]{margin-bottom:24px}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875em;height:32px;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:24px}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875em}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:24px 1em;margin-bottom:24px}legend{font-size:.875em;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:30px;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:8px 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75em;font-weight:700;margin-top:8px}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:20px}@media (min-width:30em){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.nonresponsive .form--inline input,.nonresponsive .form--inline select,.nonresponsive .form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.nonresponsive .form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.nonresponsive .form--inline input+label{margin-left:1em}.input--small{font-size:.75em!important;height:24px!important}.input--large{font-size:1em!important;height:48px!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:20px 0 10px}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:10px 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368em}@media (min-width:48em){.h1,h1{font-size:3.15733em}}.h2,h2{font-size:1.77644em}@media (min-width:48em){.h2,h2{font-size:2.36859em}}.h3,h3{font-size:1.33267em}@media (min-width:48em){.h3,h3{font-size:1.77689em}}.h4,h4{font-size:1.333em}.h5,h5{font-size:1em}.h6,h6{font-size:.75019em}.giga{font-size:5.60883em}@media (min-width:48em){.giga{font-size:7.47844em}}.mega{font-size:4.20767em}@media (min-width:48em){.mega{font-size:5.61023em}}.kilo{font-size:3.15655em}@media (min-width:48em){.kilo{font-size:4.20873em}}.nonresponsive .h1,.nonresponsive h1{font-size:3.15733em}.nonresponsive .h2,.nonresponsive h2{font-size:2.36859em}.nonresponsive .h3,.nonresponsive h3{font-size:1.77689em}.nonresponsive .giga{font-size:7.47844em}.nonresponsive .mega{font-size:5.61023em}.nonresponsive .kilo{font-size:4.20873em}ol,ul{padding-left:1.5em;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:24px}dt{font-weight:700}dd,dt{margin-bottom:10px}@media (min-width:60em){.dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.dl--horizontal dd{margin-left:165px}.dl--horizontal dd:after,.dl--horizontal dd:before{content:"";display:table}.dl--horizontal dd:after{clear:both}}.nonresponsive .dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.nonresponsive .dl--horizontal dd{margin-left:165px}.nonresponsive .dl--horizontal dd:after,.nonresponsive .dl--horizontal dd:before{content:"";display:table}.nonresponsive .dl--horizontal dd:after{clear:both}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:none;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}@media print and (min-width:30em){table{page-break-inside:avoid;width:100%!important}table td,table th{line-height:40px!important}}@media print{.alert,.alert :after,.alert:before,.badge,.badge :after,.badge:before,.breadcrumbs,.breadcrumbs :after,.breadcrumbs:before,.label,.label :after,.label:before,.modal,.modal :after,.modal:before,.progress,.progress :after,.progress:before,.spinner,.spinner :after,.spinner:before,.tooltip,.tooltip :after,.tooltip:before,[data-hint],[data-hint] :after,[data-hint]:before{display:none;visibility:hidden}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:24px;width:100%}table caption{color:#555;font-size:85%;font-style:italic;line-height:48px;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:24px;overflow:visible;padding:8px 1em}@media (min-width:30em){table td,table th{line-height:48px}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}@media (min-width:30em){table{width:auto}table td,table th{padding:0 2.5em}}.nonresponsive{width:auto}.nonresponsive td,.nonresponsive th{padding:0 2.5em;line-height:48px}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}s{text-decoration:line-through}p:not(:last-child){margin-bottom:20px}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr[title]{border-bottom:1px dotted #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875em}pre{padding:16px 1.5em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:24px}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:none}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;line-height:1.75;margin:-3px 2px 0;padding:2px 6px 0;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:after,[row]:before{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media (min-width:48em){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.nonresponsive [column~="1"]{width:8.33333%}.nonresponsive [column~="2"]{width:16.66667%}.nonresponsive [column~="3"]{width:25%}.nonresponsive [column~="4"]{width:33.33333%}.nonresponsive [column~="5"]{width:41.66667%}.nonresponsive [column~="6"]{width:50%}.nonresponsive [column~="7"]{width:58.33333%}.nonresponsive [column~="8"]{width:66.66667%}.nonresponsive [column~="9"]{width:75%}.nonresponsive [column~="10"]{width:83.33333%}.nonresponsive [column~="11"]{width:91.66667%}.nonresponsive [column~="12"]{width:100%}.nonresponsive [column~="+1"]{margin-left:8.33333%}.nonresponsive [column~="+2"]{margin-left:16.66667%}.nonresponsive [column~="+3"]{margin-left:25%}.nonresponsive [column~="+4"]{margin-left:33.33333%}.nonresponsive [column~="+5"]{margin-left:41.66667%}.nonresponsive [column~="+6"]{margin-left:50%}.nonresponsive [column~="+7"]{margin-left:58.33333%}.nonresponsive [column~="+8"]{margin-left:66.66667%}.nonresponsive [column~="+9"]{margin-left:75%}.nonresponsive [column~="+10"]{margin-left:83.33333%}.nonresponsive [column~="+11"]{margin-left:91.66667%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:48em){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:60em){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:70em){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:80em){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:24px 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;text-rendering:optimizeLegibility}@media (min-width:30em){:root{font-size:16px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:20px;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:10px}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;line-height:48px;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;transition:.15s;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:inherit;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75em;line-height:32px;padding:0 1.5em}.button--sm{font-size:.875em;line-height:40px;padding:0 2em}.button--lg{font-size:1.125em;line-height:56px;padding:0 3em}.button--xlg{font-size:1.125em;line-height:64px;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:30em){.button--collapse{width:auto}}@media (min-width:30em){form,form [row]{margin-bottom:24px}}.nonresponsive form,.nonresponsive form [row]{margin-bottom:24px}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875em;height:32px;padding:0 .75em;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:24px}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875em}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:24px 1em;margin-bottom:24px}legend{font-size:.875em;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:30px;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:8px 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75em;font-weight:700;margin-top:8px}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:20px}@media (min-width:30em){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.nonresponsive .form--inline input,.nonresponsive .form--inline select,.nonresponsive .form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.nonresponsive .form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.nonresponsive .form--inline input+label{margin-left:1em}.input--small{font-size:.75em!important;height:24px!important}.input--large{font-size:1em!important;height:48px!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:20px 0 10px}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:10px 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368em}@media (min-width:48em){.h1,h1{font-size:3.15733em}}.h2,h2{font-size:1.77644em}@media (min-width:48em){.h2,h2{font-size:2.36859em}}.h3,h3{font-size:1.33267em}@media (min-width:48em){.h3,h3{font-size:1.77689em}}.h4,h4{font-size:1.333em}.h5,h5{font-size:1em}.h6,h6{font-size:.75019em}.giga{font-size:5.60883em}@media (min-width:48em){.giga{font-size:7.47844em}}.mega{font-size:4.20767em}@media (min-width:48em){.mega{font-size:5.61023em}}.kilo{font-size:3.15655em}@media (min-width:48em){.kilo{font-size:4.20873em}}.nonresponsive .h1,.nonresponsive h1{font-size:3.15733em}.nonresponsive .h2,.nonresponsive h2{font-size:2.36859em}.nonresponsive .h3,.nonresponsive h3{font-size:1.77689em}.nonresponsive .giga{font-size:7.47844em}.nonresponsive .mega{font-size:5.61023em}.nonresponsive .kilo{font-size:4.20873em}ol,ul{padding-left:1.5em;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:24px}dt{font-weight:700}dd,dt{margin-bottom:10px}@media (min-width:60em){.dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.dl--horizontal dd{margin-left:165px}.dl--horizontal dd:after,.dl--horizontal dd:before{content:"";display:table}.dl--horizontal dd:after{clear:both}}.nonresponsive .dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.nonresponsive .dl--horizontal dd{margin-left:165px}.nonresponsive .dl--horizontal dd:after,.nonresponsive .dl--horizontal dd:before{content:"";display:table}.nonresponsive .dl--horizontal dd:after{clear:both}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:none;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}@media print and (min-width:30em){table{page-break-inside:avoid;width:100%!important}table td,table th{line-height:40px!important}}@media print{.alert,.alert :after,.alert:before,.badge,.badge :after,.badge:before,.breadcrumbs,.breadcrumbs :after,.breadcrumbs:before,.label,.label :after,.label:before,.modal,.modal :after,.modal:before,.progress,.progress :after,.progress:before,.spinner,.spinner :after,.spinner:before,.tooltip,.tooltip :after,.tooltip:before,[data-hint],[data-hint] :after,[data-hint]:before{display:none;visibility:hidden}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:24px;width:100%}table caption{color:#555;font-size:85%;font-style:italic;line-height:48px;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:24px;overflow:visible;padding:8px 1em}@media (min-width:30em){table td,table th{line-height:48px}}table td:last-child,table th:last-child{border-right:none}table td,table tr{transition:background-color .15s}@media (min-width:30em){table{width:auto}table td,table th{padding:0 2.5em}}.nonresponsive{width:auto}.nonresponsive td,.nonresponsive th{padding:0 2.5em;line-height:48px}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}s{text-decoration:line-through}p:not(:last-child){margin-bottom:20px}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr[title]{border-bottom:1px dotted #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875em}pre{padding:16px 1.5em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:24px}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:none}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;line-height:1.75;margin:-3px 2px 0;padding:2px 6px 0;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:after,[row]:before{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media (min-width:48em){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.nonresponsive [column~="1"]{width:8.33333%}.nonresponsive [column~="2"]{width:16.66667%}.nonresponsive [column~="3"]{width:25%}.nonresponsive [column~="4"]{width:33.33333%}.nonresponsive [column~="5"]{width:41.66667%}.nonresponsive [column~="6"]{width:50%}.nonresponsive [column~="7"]{width:58.33333%}.nonresponsive [column~="8"]{width:66.66667%}.nonresponsive [column~="9"]{width:75%}.nonresponsive [column~="10"]{width:83.33333%}.nonresponsive [column~="11"]{width:91.66667%}.nonresponsive [column~="12"]{width:100%}.nonresponsive [column~="+1"]{margin-left:8.33333%}.nonresponsive [column~="+2"]{margin-left:16.66667%}.nonresponsive [column~="+3"]{margin-left:25%}.nonresponsive [column~="+4"]{margin-left:33.33333%}.nonresponsive [column~="+5"]{margin-left:41.66667%}.nonresponsive [column~="+6"]{margin-left:50%}.nonresponsive [column~="+7"]{margin-left:58.33333%}.nonresponsive [column~="+8"]{margin-left:66.66667%}.nonresponsive [column~="+9"]{margin-left:75%}.nonresponsive [column~="+10"]{margin-left:83.33333%}.nonresponsive [column~="+11"]{margin-left:91.66667%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:48em){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:60em){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:70em){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:80em){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file diff --git a/package.json b/package.json index 8bd81ce..f7a0141 100644 --- a/package.json +++ b/package.json @@ -24,15 +24,14 @@ "node": "<=4.2.3" }, "devDependencies": { - "autoprefixer": "^6.3.6", - "cssnano": "^3.6.2", + "concise-cli": "github:concisecss/concise-cli", + "cssnano-cli": "^1.0.4", "node-sass": "^3.7.0", - "postcss-cli": "^2.5.2", "stylestats": "^6.3.0", "watch": "^0.18.0" }, "scripts": { - "build": "node-sass src/concise.scss dist/concise.css | postcss --use autoprefixer < dist/concise.css -b \"last 2 versions\" | postcss --use cssnano > dist/concise.min.css", + "build": "concise compile src/concise.scss dist/concise.css && cssnano dist/concise.css dist/concise.min.css", "build:watch": "watch \"npm run build\" src", "stats": "stylestats dist/concise.css", "stats:min": "stylestats dist/concise.css" From 27a821cc410f06f27fda3f7c392a64957cd78af7 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Tue, 31 May 2016 18:11:32 -0600 Subject: [PATCH 018/183] [fix: #160] Use custom media queries and media ranges --- dist/concise.css | 38 ++++++++++++------------ dist/concise.min.css | 2 +- src/_globals.scss | 15 ++++++---- src/core/layout/_buttons.scss | 2 +- src/core/layout/_forms.scss | 4 +-- src/core/layout/_headings.scss | 12 ++++---- src/core/layout/_lists.scss | 2 +- src/core/layout/_normalization.scss | 2 +- src/core/layout/_print.scss | 2 +- src/core/layout/_tables.scss | 4 +-- src/core/utils/_atgrid.scss | 6 ++-- src/core/utils/_conditional-styling.scss | 8 ++--- 12 files changed, 50 insertions(+), 47 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index e77e7b1..5153449 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -115,7 +115,7 @@ textarea { font-size: 14px; line-height: 1.5; text-rendering: optimizeLegibility; } - @media (min-width: 30em) { + @media (min-width: 480px) { :root { font-size: 16px; } } @@ -312,11 +312,11 @@ button, input[type="submit"], .button--collapse { width: 100%; } - @media (min-width: 30em) { + @media (min-width: 480px) { .button--collapse { width: auto; } } -@media (min-width: 30em) { +@media (min-width: 480px) { form, form [row] { margin-bottom: 24px; } } @@ -473,7 +473,7 @@ input[type="range"] { .form--inline textarea { margin-bottom: 20px; } -@media (min-width: 30em) { +@media (min-width: 480px) { .form--inline input, .form--inline select, .form--inline textarea { @@ -599,7 +599,7 @@ h4, h5, h6, h1, .h1 { font-size: 2.368em; } - @media (min-width: 48em) { + @media (min-width: 768px) { h1, .h1 { font-size: 3.15733em; } } @@ -607,7 +607,7 @@ h1, h2, .h2 { font-size: 1.77644em; } - @media (min-width: 48em) { + @media (min-width: 768px) { h2, .h2 { font-size: 2.36859em; } } @@ -615,7 +615,7 @@ h2, h3, .h3 { font-size: 1.33267em; } - @media (min-width: 48em) { + @media (min-width: 768px) { h3, .h3 { font-size: 1.77689em; } } @@ -634,19 +634,19 @@ h6, .giga { font-size: 5.60883em; } - @media (min-width: 48em) { + @media (min-width: 768px) { .giga { font-size: 7.47844em; } } .mega { font-size: 4.20767em; } - @media (min-width: 48em) { + @media (min-width: 768px) { .mega { font-size: 5.61023em; } } .kilo { font-size: 3.15655em; } - @media (min-width: 48em) { + @media (min-width: 768px) { .kilo { font-size: 4.20873em; } } @@ -722,7 +722,7 @@ dt, dd { margin-bottom: 10px; } -@media (min-width: 60em) { +@media (min-width: 960px) { .dl--horizontal dt { clear: left; float: left; @@ -836,7 +836,7 @@ dd { ol li { content: "» "; } } -@media print and (min-width: 30em) { +@media print and (min-width: 480px) { table { page-break-inside: avoid; width: 100% !important; } @@ -899,7 +899,7 @@ table { line-height: 24px; overflow: visible; padding: 8px 1em; } - @media (min-width: 30em) { + @media (min-width: 480px) { table th, table td { line-height: 48px; } } @@ -909,7 +909,7 @@ table { table tr, table td { transition: background-color 150ms; } - @media (min-width: 30em) { + @media (min-width: 480px) { table { width: auto; } table th, @@ -1116,7 +1116,7 @@ address { padding-left: 15px; padding-right: 15px; } -@media (min-width: 48em) { +@media (min-width: 768px) { [column~="1"] { width: 8.33333%; } [column~="2"] { @@ -1283,7 +1283,7 @@ address { display: none; visibility: hidden; } -@media (min-width: 48em) { +@media (min-width: 480px) { .show--sm, .hide--xsm, .hide--md, @@ -1299,7 +1299,7 @@ address { display: none; visibility: hidden; } } -@media (min-width: 60em) { +@media (min-width: 768px) { .show--md, .hide--sm, .hide--xsm, @@ -1315,7 +1315,7 @@ address { display: none; visibility: hidden; } } -@media (min-width: 70em) { +@media (min-width: 960px) { .show--lg, .hide--xsm, .hide--sm, @@ -1331,7 +1331,7 @@ address { display: none; visibility: hidden; } } -@media (min-width: 80em) { +@media (min-width: 1100px) { .show--xlg, .hide--xsm, .hide--sm, diff --git a/dist/concise.min.css b/dist/concise.min.css index 424adb8..40f3563 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:24px 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;text-rendering:optimizeLegibility}@media (min-width:30em){:root{font-size:16px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:20px;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:10px}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;line-height:48px;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;transition:.15s;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:inherit;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75em;line-height:32px;padding:0 1.5em}.button--sm{font-size:.875em;line-height:40px;padding:0 2em}.button--lg{font-size:1.125em;line-height:56px;padding:0 3em}.button--xlg{font-size:1.125em;line-height:64px;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:30em){.button--collapse{width:auto}}@media (min-width:30em){form,form [row]{margin-bottom:24px}}.nonresponsive form,.nonresponsive form [row]{margin-bottom:24px}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875em;height:32px;padding:0 .75em;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:24px}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875em}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:24px 1em;margin-bottom:24px}legend{font-size:.875em;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:30px;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:8px 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75em;font-weight:700;margin-top:8px}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:20px}@media (min-width:30em){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.nonresponsive .form--inline input,.nonresponsive .form--inline select,.nonresponsive .form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.nonresponsive .form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.nonresponsive .form--inline input+label{margin-left:1em}.input--small{font-size:.75em!important;height:24px!important}.input--large{font-size:1em!important;height:48px!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:20px 0 10px}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:10px 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368em}@media (min-width:48em){.h1,h1{font-size:3.15733em}}.h2,h2{font-size:1.77644em}@media (min-width:48em){.h2,h2{font-size:2.36859em}}.h3,h3{font-size:1.33267em}@media (min-width:48em){.h3,h3{font-size:1.77689em}}.h4,h4{font-size:1.333em}.h5,h5{font-size:1em}.h6,h6{font-size:.75019em}.giga{font-size:5.60883em}@media (min-width:48em){.giga{font-size:7.47844em}}.mega{font-size:4.20767em}@media (min-width:48em){.mega{font-size:5.61023em}}.kilo{font-size:3.15655em}@media (min-width:48em){.kilo{font-size:4.20873em}}.nonresponsive .h1,.nonresponsive h1{font-size:3.15733em}.nonresponsive .h2,.nonresponsive h2{font-size:2.36859em}.nonresponsive .h3,.nonresponsive h3{font-size:1.77689em}.nonresponsive .giga{font-size:7.47844em}.nonresponsive .mega{font-size:5.61023em}.nonresponsive .kilo{font-size:4.20873em}ol,ul{padding-left:1.5em;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:24px}dt{font-weight:700}dd,dt{margin-bottom:10px}@media (min-width:60em){.dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.dl--horizontal dd{margin-left:165px}.dl--horizontal dd:after,.dl--horizontal dd:before{content:"";display:table}.dl--horizontal dd:after{clear:both}}.nonresponsive .dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.nonresponsive .dl--horizontal dd{margin-left:165px}.nonresponsive .dl--horizontal dd:after,.nonresponsive .dl--horizontal dd:before{content:"";display:table}.nonresponsive .dl--horizontal dd:after{clear:both}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:none;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}@media print and (min-width:30em){table{page-break-inside:avoid;width:100%!important}table td,table th{line-height:40px!important}}@media print{.alert,.alert :after,.alert:before,.badge,.badge :after,.badge:before,.breadcrumbs,.breadcrumbs :after,.breadcrumbs:before,.label,.label :after,.label:before,.modal,.modal :after,.modal:before,.progress,.progress :after,.progress:before,.spinner,.spinner :after,.spinner:before,.tooltip,.tooltip :after,.tooltip:before,[data-hint],[data-hint] :after,[data-hint]:before{display:none;visibility:hidden}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:24px;width:100%}table caption{color:#555;font-size:85%;font-style:italic;line-height:48px;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:24px;overflow:visible;padding:8px 1em}@media (min-width:30em){table td,table th{line-height:48px}}table td:last-child,table th:last-child{border-right:none}table td,table tr{transition:background-color .15s}@media (min-width:30em){table{width:auto}table td,table th{padding:0 2.5em}}.nonresponsive{width:auto}.nonresponsive td,.nonresponsive th{padding:0 2.5em;line-height:48px}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}s{text-decoration:line-through}p:not(:last-child){margin-bottom:20px}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr[title]{border-bottom:1px dotted #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875em}pre{padding:16px 1.5em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:24px}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:none}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;line-height:1.75;margin:-3px 2px 0;padding:2px 6px 0;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:after,[row]:before{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media (min-width:48em){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.nonresponsive [column~="1"]{width:8.33333%}.nonresponsive [column~="2"]{width:16.66667%}.nonresponsive [column~="3"]{width:25%}.nonresponsive [column~="4"]{width:33.33333%}.nonresponsive [column~="5"]{width:41.66667%}.nonresponsive [column~="6"]{width:50%}.nonresponsive [column~="7"]{width:58.33333%}.nonresponsive [column~="8"]{width:66.66667%}.nonresponsive [column~="9"]{width:75%}.nonresponsive [column~="10"]{width:83.33333%}.nonresponsive [column~="11"]{width:91.66667%}.nonresponsive [column~="12"]{width:100%}.nonresponsive [column~="+1"]{margin-left:8.33333%}.nonresponsive [column~="+2"]{margin-left:16.66667%}.nonresponsive [column~="+3"]{margin-left:25%}.nonresponsive [column~="+4"]{margin-left:33.33333%}.nonresponsive [column~="+5"]{margin-left:41.66667%}.nonresponsive [column~="+6"]{margin-left:50%}.nonresponsive [column~="+7"]{margin-left:58.33333%}.nonresponsive [column~="+8"]{margin-left:66.66667%}.nonresponsive [column~="+9"]{margin-left:75%}.nonresponsive [column~="+10"]{margin-left:83.33333%}.nonresponsive [column~="+11"]{margin-left:91.66667%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:48em){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:60em){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:70em){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:80em){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:24px 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:16px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:20px;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:10px}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;line-height:48px;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;transition:.15s;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:inherit;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75em;line-height:32px;padding:0 1.5em}.button--sm{font-size:.875em;line-height:40px;padding:0 2em}.button--lg{font-size:1.125em;line-height:56px;padding:0 3em}.button--xlg{font-size:1.125em;line-height:64px;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:480px){.button--collapse{width:auto}}@media (min-width:480px){form,form [row]{margin-bottom:24px}}.nonresponsive form,.nonresponsive form [row]{margin-bottom:24px}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875em;height:32px;padding:0 .75em;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:24px}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875em}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:24px 1em;margin-bottom:24px}legend{font-size:.875em;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:30px;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:8px 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75em;font-weight:700;margin-top:8px}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:20px}@media (min-width:480px){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.nonresponsive .form--inline input,.nonresponsive .form--inline select,.nonresponsive .form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.nonresponsive .form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.nonresponsive .form--inline input+label{margin-left:1em}.input--small{font-size:.75em!important;height:24px!important}.input--large{font-size:1em!important;height:48px!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:20px 0 10px}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:10px 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368em}@media (min-width:768px){.h1,h1{font-size:3.15733em}}.h2,h2{font-size:1.77644em}@media (min-width:768px){.h2,h2{font-size:2.36859em}}.h3,h3{font-size:1.33267em}@media (min-width:768px){.h3,h3{font-size:1.77689em}}.h4,h4{font-size:1.333em}.h5,h5{font-size:1em}.h6,h6{font-size:.75019em}.giga{font-size:5.60883em}@media (min-width:768px){.giga{font-size:7.47844em}}.mega{font-size:4.20767em}@media (min-width:768px){.mega{font-size:5.61023em}}.kilo{font-size:3.15655em}@media (min-width:768px){.kilo{font-size:4.20873em}}.nonresponsive .h1,.nonresponsive h1{font-size:3.15733em}.nonresponsive .h2,.nonresponsive h2{font-size:2.36859em}.nonresponsive .h3,.nonresponsive h3{font-size:1.77689em}.nonresponsive .giga{font-size:7.47844em}.nonresponsive .mega{font-size:5.61023em}.nonresponsive .kilo{font-size:4.20873em}ol,ul{padding-left:1.5em;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:24px}dt{font-weight:700}dd,dt{margin-bottom:10px}@media (min-width:960px){.dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.dl--horizontal dd{margin-left:165px}.dl--horizontal dd:after,.dl--horizontal dd:before{content:"";display:table}.dl--horizontal dd:after{clear:both}}.nonresponsive .dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.nonresponsive .dl--horizontal dd{margin-left:165px}.nonresponsive .dl--horizontal dd:after,.nonresponsive .dl--horizontal dd:before{content:"";display:table}.nonresponsive .dl--horizontal dd:after{clear:both}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:none;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}@media print and (min-width:480px){table{page-break-inside:avoid;width:100%!important}table td,table th{line-height:40px!important}}@media print{.alert,.alert :after,.alert:before,.badge,.badge :after,.badge:before,.breadcrumbs,.breadcrumbs :after,.breadcrumbs:before,.label,.label :after,.label:before,.modal,.modal :after,.modal:before,.progress,.progress :after,.progress:before,.spinner,.spinner :after,.spinner:before,.tooltip,.tooltip :after,.tooltip:before,[data-hint],[data-hint] :after,[data-hint]:before{display:none;visibility:hidden}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:24px;width:100%}table caption{color:#555;font-size:85%;font-style:italic;line-height:48px;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:24px;overflow:visible;padding:8px 1em}@media (min-width:480px){table td,table th{line-height:48px}}table td:last-child,table th:last-child{border-right:none}table td,table tr{transition:background-color .15s}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}.nonresponsive{width:auto}.nonresponsive td,.nonresponsive th{padding:0 2.5em;line-height:48px}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}s{text-decoration:line-through}p:not(:last-child){margin-bottom:20px}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr[title]{border-bottom:1px dotted #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875em}pre{padding:16px 1.5em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:24px}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:none}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;line-height:1.75;margin:-3px 2px 0;padding:2px 6px 0;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:after,[row]:before{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media (min-width:768px){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.nonresponsive [column~="1"]{width:8.33333%}.nonresponsive [column~="2"]{width:16.66667%}.nonresponsive [column~="3"]{width:25%}.nonresponsive [column~="4"]{width:33.33333%}.nonresponsive [column~="5"]{width:41.66667%}.nonresponsive [column~="6"]{width:50%}.nonresponsive [column~="7"]{width:58.33333%}.nonresponsive [column~="8"]{width:66.66667%}.nonresponsive [column~="9"]{width:75%}.nonresponsive [column~="10"]{width:83.33333%}.nonresponsive [column~="11"]{width:91.66667%}.nonresponsive [column~="12"]{width:100%}.nonresponsive [column~="+1"]{margin-left:8.33333%}.nonresponsive [column~="+2"]{margin-left:16.66667%}.nonresponsive [column~="+3"]{margin-left:25%}.nonresponsive [column~="+4"]{margin-left:33.33333%}.nonresponsive [column~="+5"]{margin-left:41.66667%}.nonresponsive [column~="+6"]{margin-left:50%}.nonresponsive [column~="+7"]{margin-left:58.33333%}.nonresponsive [column~="+8"]{margin-left:66.66667%}.nonresponsive [column~="+9"]{margin-left:75%}.nonresponsive [column~="+10"]{margin-left:83.33333%}.nonresponsive [column~="+11"]{margin-left:91.66667%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:480px){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:768px){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:960px){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:1100px){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file diff --git a/src/_globals.scss b/src/_globals.scss index 38c34da..92b5e7d 100644 --- a/src/_globals.scss +++ b/src/_globals.scss @@ -19,12 +19,15 @@ $non-responsive: true !default; // Transition duration $transition-duration: 150ms !default; -// Breakpoints -$bp-extra-small: 30em !default; -$bp-small: 48em !default; -$bp-medium: 60em !default; -$bp-large: 70em !default; -$bp-extra-large: 80em !default; +// Custom media queries +@custom-media --extra-small (width <= 480px); +@custom-media --small (width >= 480px); +@custom-media --medium (width >= 768px); +@custom-media --large (width >= 960px); +@custom-media --extra-large (width >= 1100px); +@custom-media --only-small (480px < width <= 768px); +@custom-media --only-medium (768px < width <= 980px); +@custom-media --only-large (980px < width <= 1100px); // Spacing $spacing-xs: unitSize(1) !default; diff --git a/src/core/layout/_buttons.scss b/src/core/layout/_buttons.scss index 99d742a..238d584 100644 --- a/src/core/layout/_buttons.scss +++ b/src/core/layout/_buttons.scss @@ -122,5 +122,5 @@ button, .button--collapse { width: 100%; - @media (min-width: $bp-extra-small) { width: auto; } + @media (--small) { width: auto; } } diff --git a/src/core/layout/_forms.scss b/src/core/layout/_forms.scss index ed4e5f5..0a424c1 100644 --- a/src/core/layout/_forms.scss +++ b/src/core/layout/_forms.scss @@ -4,7 +4,7 @@ form, form [row] { - @media (min-width: $bp-extra-small) { + @media (--small) { margin-bottom: unitSize(3); } @@ -221,7 +221,7 @@ input[type="range"] { select, textarea { margin-bottom: unitSize(3, -4); } - @media (min-width: $bp-extra-small) { + @media (--small) { input, select, textarea { diff --git a/src/core/layout/_headings.scss b/src/core/layout/_headings.scss index 072fd99..3f87c07 100644 --- a/src/core/layout/_headings.scss +++ b/src/core/layout/_headings.scss @@ -76,7 +76,7 @@ h1, .h1 { font-size: pxToEm($h1-size * .75); - @media (min-width: $bp-small) { + @media (--medium) { font-size: pxToEm($h1-size); } } @@ -85,7 +85,7 @@ h2, .h2 { font-size: pxToEm($h2-size * .75); - @media (min-width: $bp-small) { + @media (--medium) { font-size: pxToEm($h2-size); } } @@ -94,7 +94,7 @@ h3, .h3 { font-size: pxToEm($h3-size * .75); - @media (min-width: $bp-small) { + @media (--medium) { font-size: pxToEm($h3-size); } } @@ -117,7 +117,7 @@ h6, .giga { font-size: pxToEm($giga-size * .75); - @media (min-width: $bp-small) { + @media (--medium) { font-size: pxToEm($giga-size); } } @@ -126,7 +126,7 @@ h6, .mega { font-size: pxToEm($mega-size * .75); - @media (min-width: $bp-small) { + @media (--medium) { font-size: pxToEm($mega-size); } } @@ -135,7 +135,7 @@ h6, .kilo { font-size: pxToEm($kilo-size * .75); - @media (min-width: $bp-small) { + @media (--medium) { font-size: pxToEm($kilo-size); } } diff --git a/src/core/layout/_lists.scss b/src/core/layout/_lists.scss index 4019044..867b9db 100644 --- a/src/core/layout/_lists.scss +++ b/src/core/layout/_lists.scss @@ -68,7 +68,7 @@ dd { margin-bottom: unitSize(1, 2); } // Horizontal definition list .dl--horizontal { - @media (min-width: $bp-medium) { + @media (--large) { dt { clear: left; float: left; diff --git a/src/core/layout/_normalization.scss b/src/core/layout/_normalization.scss index 3a9aaea..1946ec4 100644 --- a/src/core/layout/_normalization.scss +++ b/src/core/layout/_normalization.scss @@ -157,7 +157,7 @@ textarea { line-height: 1.5; text-rendering: optimizeLegibility; - @media (min-width: $bp-extra-small) { + @media (--small) { font-size: $font-base-size + px; } } diff --git a/src/core/layout/_print.scss b/src/core/layout/_print.scss index f74deff..23d253a 100644 --- a/src/core/layout/_print.scss +++ b/src/core/layout/_print.scss @@ -120,7 +120,7 @@ $font-family-print: "Georgia", "Times New Roman", "Times", serif !default; } table { - @media (min-width: $bp-extra-small) { + @media (--small) { & { page-break-inside: avoid; width: 100% !important; diff --git a/src/core/layout/_tables.scss b/src/core/layout/_tables.scss index 69841a0..bcc31cf 100644 --- a/src/core/layout/_tables.scss +++ b/src/core/layout/_tables.scss @@ -35,7 +35,7 @@ table { overflow: visible; padding: unitSize(1) 1em; - @media (min-width: $bp-extra-small) { + @media (--small) { line-height: unitSize(6); } @@ -45,7 +45,7 @@ table { tr, td { transition: background-color $transition-duration; } - @media (min-width: $bp-extra-small) { + @media (--small) { & { width: auto; diff --git a/src/core/utils/_atgrid.scss b/src/core/utils/_atgrid.scss index f0a4b4a..abb8691 100644 --- a/src/core/utils/_atgrid.scss +++ b/src/core/utils/_atgrid.scss @@ -95,7 +95,7 @@ $only-semantic: false !default; width: 100%; @if $size < 1 { - @media (min-width: $bp-small) { + @media (--medium) { width: ($size * 100%); } } @@ -167,8 +167,8 @@ $only-semantic: false !default; // // - // Create columns on devices larger than 48em - @media (min-width: $bp-small) { + // Create columns on devices larger than 768px + @media (--medium) { // Create columns @for $i from 1 through $num-columns { [#{$prefix}column~="#{$i}"] { diff --git a/src/core/utils/_conditional-styling.scss b/src/core/utils/_conditional-styling.scss index 812dc89..e7c4215 100644 --- a/src/core/utils/_conditional-styling.scss +++ b/src/core/utils/_conditional-styling.scss @@ -46,7 +46,7 @@ // Small Devices // ------------- -@media (min-width: $bp-small) { +@media (--small) { .show--sm, .hide--xsm, .hide--md, @@ -69,7 +69,7 @@ // Medium Devices // -------------- -@media (min-width: $bp-medium) { +@media (--medium) { .show--md, .hide--sm, .hide--xsm, @@ -92,7 +92,7 @@ // Large Devices // ------------- -@media (min-width: $bp-large) { +@media (--large) { .show--lg, .hide--xsm, .hide--sm, @@ -115,7 +115,7 @@ // Extra-Large Devices // ------------------- -@media (min-width: $bp-extra-large) { +@media (--extra-large) { .show--xlg, .hide--xsm, .hide--sm, From 048dec10492aa105bfbec3c30a2fa0017df4cf09 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Wed, 1 Jun 2016 15:33:50 -0600 Subject: [PATCH 019/183] Recompile with the latest version of concise-cli --- dist/concise.css | 18 ++++++++++++++---- dist/concise.min.css | 2 +- 2 files changed, 15 insertions(+), 5 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index 5153449..df1f335 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -139,7 +139,8 @@ label, select, textarea, [tabindex] { - touch-action: manipulation; } + -ms-touch-action: manipulation; + touch-action: manipulation; } select { -moz-appearance: none; @@ -216,8 +217,12 @@ button, input[type="submit"], padding: 0 2.5em; text-align: center; text-decoration: none; + -webkit-transition: 150ms; transition: 150ms; - user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; vertical-align: middle; white-space: nowrap; } button:hover, input[type="submit"]:hover, button:focus, input[type="submit"]:focus, @@ -333,6 +338,7 @@ textarea { font-size: 0.875em; height: 32px; padding: 0 .75em; + -webkit-transition: 150ms; transition: 150ms; width: 100%; } input:not([type="submit"]):focus, @@ -764,7 +770,8 @@ dd { *:after { background: transparent !important; color: black !important; - filter: none !important; + -webkit-filter: none !important; + filter: none !important; text-shadow: none !important; } :root { background-color: white; @@ -908,6 +915,7 @@ table { border-right: none; } table tr, table td { + -webkit-transition: background-color 150ms; transition: background-color 150ms; } @media (min-width: 480px) { table { @@ -1018,6 +1026,7 @@ a { color: #4591aa; cursor: pointer; text-decoration: none; + -webkit-transition: 150ms; transition: 150ms; } a:hover, a:focus { color: #2f6374; } @@ -1388,7 +1397,8 @@ address { position: absolute; text-align: center; top: 50%; - transform: translate(-50%, -50%); } + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); } .media--fluid { max-width: 100%; diff --git a/dist/concise.min.css b/dist/concise.min.css index 40f3563..40a2102 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:24px 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:16px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:20px;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:10px}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;line-height:48px;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;transition:.15s;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:inherit;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75em;line-height:32px;padding:0 1.5em}.button--sm{font-size:.875em;line-height:40px;padding:0 2em}.button--lg{font-size:1.125em;line-height:56px;padding:0 3em}.button--xlg{font-size:1.125em;line-height:64px;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:480px){.button--collapse{width:auto}}@media (min-width:480px){form,form [row]{margin-bottom:24px}}.nonresponsive form,.nonresponsive form [row]{margin-bottom:24px}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875em;height:32px;padding:0 .75em;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:24px}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875em}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:24px 1em;margin-bottom:24px}legend{font-size:.875em;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:30px;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:8px 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75em;font-weight:700;margin-top:8px}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:20px}@media (min-width:480px){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.nonresponsive .form--inline input,.nonresponsive .form--inline select,.nonresponsive .form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.nonresponsive .form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.nonresponsive .form--inline input+label{margin-left:1em}.input--small{font-size:.75em!important;height:24px!important}.input--large{font-size:1em!important;height:48px!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:20px 0 10px}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:10px 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368em}@media (min-width:768px){.h1,h1{font-size:3.15733em}}.h2,h2{font-size:1.77644em}@media (min-width:768px){.h2,h2{font-size:2.36859em}}.h3,h3{font-size:1.33267em}@media (min-width:768px){.h3,h3{font-size:1.77689em}}.h4,h4{font-size:1.333em}.h5,h5{font-size:1em}.h6,h6{font-size:.75019em}.giga{font-size:5.60883em}@media (min-width:768px){.giga{font-size:7.47844em}}.mega{font-size:4.20767em}@media (min-width:768px){.mega{font-size:5.61023em}}.kilo{font-size:3.15655em}@media (min-width:768px){.kilo{font-size:4.20873em}}.nonresponsive .h1,.nonresponsive h1{font-size:3.15733em}.nonresponsive .h2,.nonresponsive h2{font-size:2.36859em}.nonresponsive .h3,.nonresponsive h3{font-size:1.77689em}.nonresponsive .giga{font-size:7.47844em}.nonresponsive .mega{font-size:5.61023em}.nonresponsive .kilo{font-size:4.20873em}ol,ul{padding-left:1.5em;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:24px}dt{font-weight:700}dd,dt{margin-bottom:10px}@media (min-width:960px){.dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.dl--horizontal dd{margin-left:165px}.dl--horizontal dd:after,.dl--horizontal dd:before{content:"";display:table}.dl--horizontal dd:after{clear:both}}.nonresponsive .dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.nonresponsive .dl--horizontal dd{margin-left:165px}.nonresponsive .dl--horizontal dd:after,.nonresponsive .dl--horizontal dd:before{content:"";display:table}.nonresponsive .dl--horizontal dd:after{clear:both}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:none;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}@media print and (min-width:480px){table{page-break-inside:avoid;width:100%!important}table td,table th{line-height:40px!important}}@media print{.alert,.alert :after,.alert:before,.badge,.badge :after,.badge:before,.breadcrumbs,.breadcrumbs :after,.breadcrumbs:before,.label,.label :after,.label:before,.modal,.modal :after,.modal:before,.progress,.progress :after,.progress:before,.spinner,.spinner :after,.spinner:before,.tooltip,.tooltip :after,.tooltip:before,[data-hint],[data-hint] :after,[data-hint]:before{display:none;visibility:hidden}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:24px;width:100%}table caption{color:#555;font-size:85%;font-style:italic;line-height:48px;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:24px;overflow:visible;padding:8px 1em}@media (min-width:480px){table td,table th{line-height:48px}}table td:last-child,table th:last-child{border-right:none}table td,table tr{transition:background-color .15s}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}.nonresponsive{width:auto}.nonresponsive td,.nonresponsive th{padding:0 2.5em;line-height:48px}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}s{text-decoration:line-through}p:not(:last-child){margin-bottom:20px}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr[title]{border-bottom:1px dotted #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875em}pre{padding:16px 1.5em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:24px}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:none}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;line-height:1.75;margin:-3px 2px 0;padding:2px 6px 0;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:after,[row]:before{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media (min-width:768px){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.nonresponsive [column~="1"]{width:8.33333%}.nonresponsive [column~="2"]{width:16.66667%}.nonresponsive [column~="3"]{width:25%}.nonresponsive [column~="4"]{width:33.33333%}.nonresponsive [column~="5"]{width:41.66667%}.nonresponsive [column~="6"]{width:50%}.nonresponsive [column~="7"]{width:58.33333%}.nonresponsive [column~="8"]{width:66.66667%}.nonresponsive [column~="9"]{width:75%}.nonresponsive [column~="10"]{width:83.33333%}.nonresponsive [column~="11"]{width:91.66667%}.nonresponsive [column~="12"]{width:100%}.nonresponsive [column~="+1"]{margin-left:8.33333%}.nonresponsive [column~="+2"]{margin-left:16.66667%}.nonresponsive [column~="+3"]{margin-left:25%}.nonresponsive [column~="+4"]{margin-left:33.33333%}.nonresponsive [column~="+5"]{margin-left:41.66667%}.nonresponsive [column~="+6"]{margin-left:50%}.nonresponsive [column~="+7"]{margin-left:58.33333%}.nonresponsive [column~="+8"]{margin-left:66.66667%}.nonresponsive [column~="+9"]{margin-left:75%}.nonresponsive [column~="+10"]{margin-left:83.33333%}.nonresponsive [column~="+11"]{margin-left:91.66667%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:480px){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:768px){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:960px){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:1100px){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:24px 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:16px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:20px;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:10px}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;line-height:48px;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:inherit;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75em;line-height:32px;padding:0 1.5em}.button--sm{font-size:.875em;line-height:40px;padding:0 2em}.button--lg{font-size:1.125em;line-height:56px;padding:0 3em}.button--xlg{font-size:1.125em;line-height:64px;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:480px){.button--collapse{width:auto}}@media (min-width:480px){form,form [row]{margin-bottom:24px}}.nonresponsive form,.nonresponsive form [row]{margin-bottom:24px}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875em;height:32px;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:24px}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875em}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:24px 1em;margin-bottom:24px}legend{font-size:.875em;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:30px;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:8px 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75em;font-weight:700;margin-top:8px}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:20px}@media (min-width:480px){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.nonresponsive .form--inline input,.nonresponsive .form--inline select,.nonresponsive .form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.nonresponsive .form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.nonresponsive .form--inline input+label{margin-left:1em}.input--small{font-size:.75em!important;height:24px!important}.input--large{font-size:1em!important;height:48px!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:20px 0 10px}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:10px 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368em}@media (min-width:768px){.h1,h1{font-size:3.15733em}}.h2,h2{font-size:1.77644em}@media (min-width:768px){.h2,h2{font-size:2.36859em}}.h3,h3{font-size:1.33267em}@media (min-width:768px){.h3,h3{font-size:1.77689em}}.h4,h4{font-size:1.333em}.h5,h5{font-size:1em}.h6,h6{font-size:.75019em}.giga{font-size:5.60883em}@media (min-width:768px){.giga{font-size:7.47844em}}.mega{font-size:4.20767em}@media (min-width:768px){.mega{font-size:5.61023em}}.kilo{font-size:3.15655em}@media (min-width:768px){.kilo{font-size:4.20873em}}.nonresponsive .h1,.nonresponsive h1{font-size:3.15733em}.nonresponsive .h2,.nonresponsive h2{font-size:2.36859em}.nonresponsive .h3,.nonresponsive h3{font-size:1.77689em}.nonresponsive .giga{font-size:7.47844em}.nonresponsive .mega{font-size:5.61023em}.nonresponsive .kilo{font-size:4.20873em}ol,ul{padding-left:1.5em;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:24px}dt{font-weight:700}dd,dt{margin-bottom:10px}@media (min-width:960px){.dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.dl--horizontal dd{margin-left:165px}.dl--horizontal dd:after,.dl--horizontal dd:before{content:"";display:table}.dl--horizontal dd:after{clear:both}}.nonresponsive .dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.nonresponsive .dl--horizontal dd{margin-left:165px}.nonresponsive .dl--horizontal dd:after,.nonresponsive .dl--horizontal dd:before{content:"";display:table}.nonresponsive .dl--horizontal dd:after{clear:both}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:none;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}@media print and (min-width:480px){table{page-break-inside:avoid;width:100%!important}table td,table th{line-height:40px!important}}@media print{.alert,.alert :after,.alert:before,.badge,.badge :after,.badge:before,.breadcrumbs,.breadcrumbs :after,.breadcrumbs:before,.label,.label :after,.label:before,.modal,.modal :after,.modal:before,.progress,.progress :after,.progress:before,.spinner,.spinner :after,.spinner:before,.tooltip,.tooltip :after,.tooltip:before,[data-hint],[data-hint] :after,[data-hint]:before{display:none;visibility:hidden}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:24px;width:100%}table caption{color:#555;font-size:85%;font-style:italic;line-height:48px;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:24px;overflow:visible;padding:8px 1em}@media (min-width:480px){table td,table th{line-height:48px}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}.nonresponsive{width:auto}.nonresponsive td,.nonresponsive th{padding:0 2.5em;line-height:48px}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}s{text-decoration:line-through}p:not(:last-child){margin-bottom:20px}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr[title]{border-bottom:1px dotted #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875em}pre{padding:16px 1.5em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:24px}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:none}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;line-height:1.75;margin:-3px 2px 0;padding:2px 6px 0;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:after,[row]:before{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media (min-width:768px){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.nonresponsive [column~="1"]{width:8.33333%}.nonresponsive [column~="2"]{width:16.66667%}.nonresponsive [column~="3"]{width:25%}.nonresponsive [column~="4"]{width:33.33333%}.nonresponsive [column~="5"]{width:41.66667%}.nonresponsive [column~="6"]{width:50%}.nonresponsive [column~="7"]{width:58.33333%}.nonresponsive [column~="8"]{width:66.66667%}.nonresponsive [column~="9"]{width:75%}.nonresponsive [column~="10"]{width:83.33333%}.nonresponsive [column~="11"]{width:91.66667%}.nonresponsive [column~="12"]{width:100%}.nonresponsive [column~="+1"]{margin-left:8.33333%}.nonresponsive [column~="+2"]{margin-left:16.66667%}.nonresponsive [column~="+3"]{margin-left:25%}.nonresponsive [column~="+4"]{margin-left:33.33333%}.nonresponsive [column~="+5"]{margin-left:41.66667%}.nonresponsive [column~="+6"]{margin-left:50%}.nonresponsive [column~="+7"]{margin-left:58.33333%}.nonresponsive [column~="+8"]{margin-left:66.66667%}.nonresponsive [column~="+9"]{margin-left:75%}.nonresponsive [column~="+10"]{margin-left:83.33333%}.nonresponsive [column~="+11"]{margin-left:91.66667%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:480px){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:768px){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:960px){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:1100px){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file From eca9e4e0e5c2d7e08c4914c0525f4d41ccc1db1c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=E1=B4=80=E1=B4=8D=E1=B4=87s=20K=E1=B4=8F=CA=9F=E1=B4=84?= =?UTF-8?q?=E1=B4=87?= Date: Wed, 1 Jun 2016 22:07:37 -0600 Subject: [PATCH 020/183] Update README.md Since the master branch includes development changes, it is unsafe to clone the repository for final use. --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index 8a0622b..1522177 100644 --- a/README.md +++ b/README.md @@ -9,7 +9,6 @@ Concise is a lightweight, front-end framework that provides a number of great fe It's easy to get started with Concise: - [Download the latest release (SASS Included)](https://github.com/ConciseCSS/concise.css/archive/v3.4.0.zip) -- Clone the repo: `git clone https://github.com/ConciseCSS/concise.css.git` - Install with [Bower](http://bower.io/): `bower install concise` - Install with [NPM](https://www.npmjs.com/): `npm install concise.css` From 6f8b097b491c333c5613b98e75e617d7dbe0cc91 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Thu, 2 Jun 2016 21:33:13 -0600 Subject: [PATCH 021/183] [ref: #163] Replace unitSize() with a "lh" custom unit for vertical rhythm --- dist/concise.css | 74 ++++++++++++++--------------- dist/concise.min.css | 2 +- src/_globals.scss | 12 ++--- src/core/globals/_functions.scss | 28 ----------- src/core/layout/_buttons.scss | 10 ++-- src/core/layout/_forms.scss | 20 ++++---- src/core/layout/_lists.scss | 2 +- src/core/layout/_normalization.scss | 6 +-- src/core/layout/_print.scss | 2 +- src/core/layout/_tables.scss | 12 ++--- src/core/layout/_type.scss | 4 +- 11 files changed, 70 insertions(+), 102 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index df1f335..f17bb10 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -40,7 +40,7 @@ details { hr { overflow: visible; - margin: 24px 0; + margin: 1rem 0; background-color: #e0e0e0; height: 1px; } @@ -111,9 +111,7 @@ textarea { box-sizing: border-box; color: #555; cursor: default; - font-family: "Helvetica", "Arial", sans-serif; - font-size: 14px; - line-height: 1.5; + font: 14px/1.5 "Helvetica", "Arial", sans-serif; text-rendering: optimizeLegibility; } @media (min-width: 480px) { :root { @@ -188,14 +186,14 @@ video { blockquote { border-left: 1px solid #e0e0e0; color: #666; - margin-bottom: 20px; + margin-bottom: unitSize(3, -4); padding: 0 1em; } blockquote cite, blockquote footer { display: block; font-size: 80%; font-style: italic; - margin-top: 10px; } + margin-top: unitSize(1, 2); } blockquote cite:before, blockquote footer:before { content: "\2014 \00A0"; } @@ -212,7 +210,7 @@ button, input[type="submit"], color: white; cursor: pointer; display: inline-block; - line-height: 48px; + line-height: 3rem; overflow: visible; padding: 0 2.5em; text-align: center; @@ -281,22 +279,22 @@ button, input[type="submit"], .button--xsm { font-size: 0.75em; - line-height: 32px; + line-height: 1.875rem; padding: 0 1.5em; } .button--sm { font-size: 0.875em; - line-height: 40px; + line-height: 2.25rem; padding: 0 2em; } .button--lg { font-size: 1.125em; - line-height: 56px; + line-height: 3.375rem; padding: 0 3em; } .button--xlg { font-size: 1.125em; - line-height: 64px; + line-height: 3.75rem; padding: 0 3.5em; } .button--full { @@ -324,11 +322,11 @@ button, input[type="submit"], @media (min-width: 480px) { form, form [row] { - margin-bottom: 24px; } } + margin-bottom: 1.5rem; } } .nonresponsive form, .nonresponsive form [row] { - margin-bottom: 24px; } + margin-bottom: 1.5rem; } input:not([type="submit"]), select, @@ -336,7 +334,7 @@ textarea { border: 1px solid #e0e0e0; border-radius: 3px; font-size: 0.875em; - height: 32px; + height: 1.875rem; padding: 0 .75em; -webkit-transition: 150ms; transition: 150ms; @@ -355,7 +353,7 @@ textarea { input:not([type="submit"]) { line-height: normal; - min-height: 24px; } + min-height: 1.5rem; } input:not([type="submit"])[type="checkbox"]:focus, input:not([type="submit"])[type="radio"]:focus, input:not([type="submit"])[type="range"]:focus, input:not([type="submit"])[type="file"]:focus, input:not([type="submit"])[type="color"]:focus, input:not([type="submit"])[type="submit"]:focus { border-color: transparent; box-shadow: none; @@ -368,8 +366,8 @@ label { fieldset { border: 1px solid #e0e0e0; border-radius: 3px; - padding: 24px 1em; - margin-bottom: 24px; } + padding: 1.5rem 1em; + margin-bottom: 1.5rem; } legend { font-size: 0.875em; @@ -393,7 +391,7 @@ input[type="checkbox"] + label, input[type="radio"] + label { display: inline-block; margin: 0 0 0 .5em; - line-height: 30px; + line-height: unitSize(4, -2); vertical-align: middle; } input[type="file"] { @@ -403,7 +401,7 @@ input[type="file"] { textarea { height: auto; - padding: 8px 1em; + padding: 0.375rem 1em; resize: vertical; } select { @@ -472,12 +470,12 @@ input[type="range"] { display: block; font-size: 0.75em; font-weight: bold; - margin-top: 8px; } + margin-top: 0.375rem; } .form--inline input, .form--inline select, .form--inline textarea { - margin-bottom: 20px; } + margin-bottom: unitSize(3, -4); } @media (min-width: 480px) { .form--inline input, @@ -512,11 +510,11 @@ input[type="range"] { .input--small { font-size: 0.75em !important; - height: 24px !important; } + height: 1.5rem !important; } .input--large { font-size: 1em !important; - height: 48px !important; } + height: 3rem !important; } .input--flat { background-color: transparent; @@ -574,7 +572,7 @@ h1, h2, h3, h4, h5, h6, h1, h2, h3, .h1, .h2, .h3, .giga, .mega, .kilo { - margin: 20px 0 10px; } + margin: unitSize(3, -4) 0 unitSize(1, 2); } h1 small, h1 .small, h2 small, h2 .small, h3 small, @@ -591,7 +589,7 @@ h1, h2, h3, h4, h5, h6, .h4, .h5, .h6 { - margin: 10px 0; } + margin: unitSize(1, 2) 0; } h4 small, h4 .small, h5 small, h5 .small, h6 small, @@ -680,7 +678,7 @@ h6, ul, ol { padding-left: 1.5em; - margin-bottom: 10px; } + margin-bottom: unitSize(1, 2); } ul ul, ul ol, ol ul, @@ -719,14 +717,14 @@ nav li { padding-left: 0; } dl { - margin-bottom: 24px; } + margin-bottom: 1.5rem; } dt { font-weight: bold; } dt, dd { - margin-bottom: 10px; } + margin-bottom: unitSize(1, 2); } @media (min-width: 960px) { .dl--horizontal dt { @@ -849,7 +847,7 @@ dd { width: 100% !important; } table th, table td { - line-height: 40px !important; } } + line-height: 2.25rem !important; } } @media print { .badge, .badge:before, @@ -886,13 +884,13 @@ table { border-collapse: collapse; border-spacing: 0; empty-cells: show; - margin-bottom: 24px; + margin-bottom: 1.5rem; width: 100%; } table caption { color: #555; font-size: 85%; font-style: italic; - line-height: 48px; + line-height: 3rem; text-align: center; } table thead { background-color: #f5f5f5; @@ -903,13 +901,13 @@ table { table th, table td { border-right: 1px solid #e0e0e0; - line-height: 24px; + line-height: 1.5rem; overflow: visible; - padding: 8px 1em; } + padding: 0.375rem 1em; } @media (min-width: 480px) { table th, table td { - line-height: 48px; } } + line-height: 3rem; } } table th:last-child, table td:last-child { border-right: none; } @@ -932,7 +930,7 @@ table { .nonresponsive th, .nonresponsive td { - line-height: 48px; } + line-height: 3rem; } .table--responsive { overflow: auto; @@ -1019,7 +1017,7 @@ s { text-decoration: line-through; } p:not(:last-child) { - margin-bottom: 20px; } + margin-bottom: unitSize(3, -4); } a { background-color: transparent; @@ -1052,7 +1050,7 @@ samp { font-size: 0.875em; } pre { - padding: 16px 1.5em; } + padding: 0.75rem 1.5em; } code { vertical-align: middle; @@ -1064,7 +1062,7 @@ pre { border: 1px solid #e0e0e0; border-radius: 3px; color: #484848; - margin-bottom: 24px; } + margin-bottom: 1.5rem; } code { padding: 2px 3px; } diff --git a/dist/concise.min.css b/dist/concise.min.css index 40a2102..3f19461 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:24px 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:16px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:20px;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:10px}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;line-height:48px;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:inherit;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75em;line-height:32px;padding:0 1.5em}.button--sm{font-size:.875em;line-height:40px;padding:0 2em}.button--lg{font-size:1.125em;line-height:56px;padding:0 3em}.button--xlg{font-size:1.125em;line-height:64px;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:480px){.button--collapse{width:auto}}@media (min-width:480px){form,form [row]{margin-bottom:24px}}.nonresponsive form,.nonresponsive form [row]{margin-bottom:24px}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875em;height:32px;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:24px}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875em}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:24px 1em;margin-bottom:24px}legend{font-size:.875em;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:30px;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:8px 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75em;font-weight:700;margin-top:8px}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:20px}@media (min-width:480px){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.nonresponsive .form--inline input,.nonresponsive .form--inline select,.nonresponsive .form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.nonresponsive .form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.nonresponsive .form--inline input+label{margin-left:1em}.input--small{font-size:.75em!important;height:24px!important}.input--large{font-size:1em!important;height:48px!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:20px 0 10px}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:10px 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368em}@media (min-width:768px){.h1,h1{font-size:3.15733em}}.h2,h2{font-size:1.77644em}@media (min-width:768px){.h2,h2{font-size:2.36859em}}.h3,h3{font-size:1.33267em}@media (min-width:768px){.h3,h3{font-size:1.77689em}}.h4,h4{font-size:1.333em}.h5,h5{font-size:1em}.h6,h6{font-size:.75019em}.giga{font-size:5.60883em}@media (min-width:768px){.giga{font-size:7.47844em}}.mega{font-size:4.20767em}@media (min-width:768px){.mega{font-size:5.61023em}}.kilo{font-size:3.15655em}@media (min-width:768px){.kilo{font-size:4.20873em}}.nonresponsive .h1,.nonresponsive h1{font-size:3.15733em}.nonresponsive .h2,.nonresponsive h2{font-size:2.36859em}.nonresponsive .h3,.nonresponsive h3{font-size:1.77689em}.nonresponsive .giga{font-size:7.47844em}.nonresponsive .mega{font-size:5.61023em}.nonresponsive .kilo{font-size:4.20873em}ol,ul{padding-left:1.5em;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:24px}dt{font-weight:700}dd,dt{margin-bottom:10px}@media (min-width:960px){.dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.dl--horizontal dd{margin-left:165px}.dl--horizontal dd:after,.dl--horizontal dd:before{content:"";display:table}.dl--horizontal dd:after{clear:both}}.nonresponsive .dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.nonresponsive .dl--horizontal dd{margin-left:165px}.nonresponsive .dl--horizontal dd:after,.nonresponsive .dl--horizontal dd:before{content:"";display:table}.nonresponsive .dl--horizontal dd:after{clear:both}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:none;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}@media print and (min-width:480px){table{page-break-inside:avoid;width:100%!important}table td,table th{line-height:40px!important}}@media print{.alert,.alert :after,.alert:before,.badge,.badge :after,.badge:before,.breadcrumbs,.breadcrumbs :after,.breadcrumbs:before,.label,.label :after,.label:before,.modal,.modal :after,.modal:before,.progress,.progress :after,.progress:before,.spinner,.spinner :after,.spinner:before,.tooltip,.tooltip :after,.tooltip:before,[data-hint],[data-hint] :after,[data-hint]:before{display:none;visibility:hidden}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:24px;width:100%}table caption{color:#555;font-size:85%;font-style:italic;line-height:48px;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:24px;overflow:visible;padding:8px 1em}@media (min-width:480px){table td,table th{line-height:48px}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}.nonresponsive{width:auto}.nonresponsive td,.nonresponsive th{padding:0 2.5em;line-height:48px}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}s{text-decoration:line-through}p:not(:last-child){margin-bottom:20px}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr[title]{border-bottom:1px dotted #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875em}pre{padding:16px 1.5em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:24px}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:none}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;line-height:1.75;margin:-3px 2px 0;padding:2px 6px 0;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:after,[row]:before{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media (min-width:768px){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.nonresponsive [column~="1"]{width:8.33333%}.nonresponsive [column~="2"]{width:16.66667%}.nonresponsive [column~="3"]{width:25%}.nonresponsive [column~="4"]{width:33.33333%}.nonresponsive [column~="5"]{width:41.66667%}.nonresponsive [column~="6"]{width:50%}.nonresponsive [column~="7"]{width:58.33333%}.nonresponsive [column~="8"]{width:66.66667%}.nonresponsive [column~="9"]{width:75%}.nonresponsive [column~="10"]{width:83.33333%}.nonresponsive [column~="11"]{width:91.66667%}.nonresponsive [column~="12"]{width:100%}.nonresponsive [column~="+1"]{margin-left:8.33333%}.nonresponsive [column~="+2"]{margin-left:16.66667%}.nonresponsive [column~="+3"]{margin-left:25%}.nonresponsive [column~="+4"]{margin-left:33.33333%}.nonresponsive [column~="+5"]{margin-left:41.66667%}.nonresponsive [column~="+6"]{margin-left:50%}.nonresponsive [column~="+7"]{margin-left:58.33333%}.nonresponsive [column~="+8"]{margin-left:66.66667%}.nonresponsive [column~="+9"]{margin-left:75%}.nonresponsive [column~="+10"]{margin-left:83.33333%}.nonresponsive [column~="+11"]{margin-left:91.66667%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:480px){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:768px){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:960px){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:1100px){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:14px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:16px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:unitSize(3,-4);padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:unitSize(1,2)}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;line-height:3rem;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:inherit;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75em;line-height:1.875rem;padding:0 1.5em}.button--sm{font-size:.875em;line-height:2.25rem;padding:0 2em}.button--lg{font-size:1.125em;line-height:3.375rem;padding:0 3em}.button--xlg{font-size:1.125em;line-height:3.75rem;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:480px){.button--collapse{width:auto}}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}.nonresponsive form,.nonresponsive form [row]{margin-bottom:1.5rem}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875em;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875em}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875em;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:unitSize(4,-2);vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75em;font-weight:700;margin-top:.375rem}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:unitSize(3,-4)}@media (min-width:480px){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.nonresponsive .form--inline input,.nonresponsive .form--inline select,.nonresponsive .form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.nonresponsive .form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.nonresponsive .form--inline input+label{margin-left:1em}.input--small{font-size:.75em!important;height:1.5rem!important}.input--large{font-size:1em!important;height:3rem!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:unitSize(3,-4) 0 unitSize(1,2)}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:unitSize(1,2) 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368em}@media (min-width:768px){.h1,h1{font-size:3.15733em}}.h2,h2{font-size:1.77644em}@media (min-width:768px){.h2,h2{font-size:2.36859em}}.h3,h3{font-size:1.33267em}@media (min-width:768px){.h3,h3{font-size:1.77689em}}.h4,h4{font-size:1.333em}.h5,h5{font-size:1em}.h6,h6{font-size:.75019em}.giga{font-size:5.60883em}@media (min-width:768px){.giga{font-size:7.47844em}}.mega{font-size:4.20767em}@media (min-width:768px){.mega{font-size:5.61023em}}.kilo{font-size:3.15655em}@media (min-width:768px){.kilo{font-size:4.20873em}}.nonresponsive .h1,.nonresponsive h1{font-size:3.15733em}.nonresponsive .h2,.nonresponsive h2{font-size:2.36859em}.nonresponsive .h3,.nonresponsive h3{font-size:1.77689em}.nonresponsive .giga{font-size:7.47844em}.nonresponsive .mega{font-size:5.61023em}.nonresponsive .kilo{font-size:4.20873em}ol,ul{padding-left:1.5em;margin-bottom:unitSize(1,2)}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:unitSize(1,2)}@media (min-width:960px){.dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.dl--horizontal dd{margin-left:165px}.dl--horizontal dd:after,.dl--horizontal dd:before{content:"";display:table}.dl--horizontal dd:after{clear:both}}.nonresponsive .dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.nonresponsive .dl--horizontal dd{margin-left:165px}.nonresponsive .dl--horizontal dd:after,.nonresponsive .dl--horizontal dd:before{content:"";display:table}.nonresponsive .dl--horizontal dd:after{clear:both}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:none;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}@media print and (min-width:480px){table{page-break-inside:avoid;width:100%!important}table td,table th{line-height:2.25rem!important}}@media print{.alert,.alert :after,.alert:before,.badge,.badge :after,.badge:before,.breadcrumbs,.breadcrumbs :after,.breadcrumbs:before,.label,.label :after,.label:before,.modal,.modal :after,.modal:before,.progress,.progress :after,.progress:before,.spinner,.spinner :after,.spinner:before,.tooltip,.tooltip :after,.tooltip:before,[data-hint],[data-hint] :after,[data-hint]:before{display:none;visibility:hidden}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:1.5rem;width:100%}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:.375rem 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}.nonresponsive{width:auto}.nonresponsive td,.nonresponsive th{padding:0 2.5em;line-height:3rem}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}s{text-decoration:line-through}p:not(:last-child){margin-bottom:unitSize(3,-4)}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr[title]{border-bottom:1px dotted #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875em}pre{padding:.75rem 1.5em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:none}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;line-height:1.75;margin:-3px 2px 0;padding:2px 6px 0;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:after,[row]:before{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media (min-width:768px){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.nonresponsive [column~="1"]{width:8.33333%}.nonresponsive [column~="2"]{width:16.66667%}.nonresponsive [column~="3"]{width:25%}.nonresponsive [column~="4"]{width:33.33333%}.nonresponsive [column~="5"]{width:41.66667%}.nonresponsive [column~="6"]{width:50%}.nonresponsive [column~="7"]{width:58.33333%}.nonresponsive [column~="8"]{width:66.66667%}.nonresponsive [column~="9"]{width:75%}.nonresponsive [column~="10"]{width:83.33333%}.nonresponsive [column~="11"]{width:91.66667%}.nonresponsive [column~="12"]{width:100%}.nonresponsive [column~="+1"]{margin-left:8.33333%}.nonresponsive [column~="+2"]{margin-left:16.66667%}.nonresponsive [column~="+3"]{margin-left:25%}.nonresponsive [column~="+4"]{margin-left:33.33333%}.nonresponsive [column~="+5"]{margin-left:41.66667%}.nonresponsive [column~="+6"]{margin-left:50%}.nonresponsive [column~="+7"]{margin-left:58.33333%}.nonresponsive [column~="+8"]{margin-left:66.66667%}.nonresponsive [column~="+9"]{margin-left:75%}.nonresponsive [column~="+10"]{margin-left:83.33333%}.nonresponsive [column~="+11"]{margin-left:91.66667%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:480px){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:768px){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:960px){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:1100px){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file diff --git a/src/_globals.scss b/src/_globals.scss index 92b5e7d..ce1ec39 100644 --- a/src/_globals.scss +++ b/src/_globals.scss @@ -11,7 +11,7 @@ // Automatic margins $automargin: false !default; -$block-margin: unitSize(3) !default; +$block-margin: 1lh !default; // Non-responsive website $non-responsive: true !default; @@ -30,11 +30,11 @@ $transition-duration: 150ms !default; @custom-media --only-large (980px < width <= 1100px); // Spacing -$spacing-xs: unitSize(1) !default; -$spacing-s: unitSize(2) !default; -$spacing-m: unitSize(3) !default; -$spacing-l: unitSize(4) !default; -$spacing-xl: unitSize(5) !default; +$spacing-xs: 0.25lh !default; +$spacing-s: 0.5lh !default; +$spacing-m: 1lh !default; +$spacing-l: 1.25lh !default; +$spacing-xl: 1.5lh !default; // diff --git a/src/core/globals/_functions.scss b/src/core/globals/_functions.scss index 0b46102..0ba9c1d 100644 --- a/src/core/globals/_functions.scss +++ b/src/core/globals/_functions.scss @@ -2,34 +2,6 @@ // Functions // ============================================================================= -// -// Variables -// --------- - -// Base Size -$base-unit: 8 !default; - - -// -// unitSize -// -------- -// Use this function to set sizes with proportions. -// -// @access public -// -// @param {String} $multiplier - times the base unit ($base-unit by default) -// @param {Number} $offset - A value in pixels which will be added to the -// result, can be positive for addition or negative for -// subtraction -// -// @return {Number} Value in px, equal to the number of times the base unit -// plus the offset -// - -@function unitSize($multiplier, $offset: 0) { - @return ($base-unit * $multiplier + $offset) + px; -} - // // pxToEm diff --git a/src/core/layout/_buttons.scss b/src/core/layout/_buttons.scss index 238d584..c70fc3b 100644 --- a/src/core/layout/_buttons.scss +++ b/src/core/layout/_buttons.scss @@ -9,7 +9,7 @@ button, color: getColor(text, ui); cursor: pointer; display: inline-block; - line-height: unitSize(6); + line-height: 2lh; overflow: visible; padding: 0 2.5em; text-align: center; @@ -66,28 +66,28 @@ button, // Extra small .button--xsm { font-size: pxToEm(12); - line-height: unitSize(4); + line-height: 1.25lh; padding: 0 1.5em; } // Small .button--sm { font-size: pxToEm(14); - line-height: unitSize(5); + line-height: 1.5lh; padding: 0 2em; } // Large .button--lg { font-size: pxToEm(18); - line-height: unitSize(7); + line-height: 2.25lh; padding: 0 3em; } // Extra large .button--xlg { font-size: pxToEm(18); - line-height: unitSize(8); + line-height: 2.5lh; padding: 0 3.5em; } diff --git a/src/core/layout/_forms.scss b/src/core/layout/_forms.scss index 0a424c1..8dc73dc 100644 --- a/src/core/layout/_forms.scss +++ b/src/core/layout/_forms.scss @@ -5,11 +5,11 @@ form, form [row] { @media (--small) { - margin-bottom: unitSize(3); + margin-bottom: 1lh; } @if $non-responsive == true { - .nonresponsive & { margin-bottom: unitSize(3); } + .nonresponsive & { margin-bottom: 1lh; } } } @@ -19,7 +19,7 @@ textarea { border: 1px solid getColor(base, lines); border-radius: 3px; font-size: pxToEm(14); - height: unitSize(4); + height: 1.25lh; padding: 0 .75em; transition: $transition-duration; width: 100%; @@ -40,7 +40,7 @@ textarea { input:not([type="submit"]) { line-height: normal; - min-height: unitSize(3); + min-height: 1lh; // Remove focus styles &[type="checkbox"], @@ -69,8 +69,8 @@ label { fieldset { border: 1px solid getColor(base, lines); border-radius: 3px; - padding: unitSize(3) 1em; - margin-bottom: unitSize(3); + padding: 1lh 1em; + margin-bottom: 1lh; } legend { @@ -115,7 +115,7 @@ input[type="file"] { // Textarea textarea { height: auto; - padding: unitSize(1) 1em; + padding: 0.25lh 1em; resize: vertical; } @@ -207,7 +207,7 @@ input[type="range"] { display: block; font-size: pxToEm(12); font-weight: bold; - margin-top: unitSize(1); + margin-top: 0.25lh; } @@ -272,13 +272,13 @@ input[type="range"] { // Small .input--small { font-size: pxToEm(12) !important; - height: unitSize(3) !important; + height: 1lh !important; } // Large .input--large { font-size: pxToEm(16) !important; - height: unitSize(6) !important; + height: 2lh !important; } // Flat diff --git a/src/core/layout/_lists.scss b/src/core/layout/_lists.scss index 867b9db..9b396db 100644 --- a/src/core/layout/_lists.scss +++ b/src/core/layout/_lists.scss @@ -59,7 +59,7 @@ nav { // Definition Lists // ---------------- -dl { margin-bottom: unitSize(3); } +dl { margin-bottom: 1lh; } dt { font-weight: bold; } diff --git a/src/core/layout/_normalization.scss b/src/core/layout/_normalization.scss index 1946ec4..2fcfc1e 100644 --- a/src/core/layout/_normalization.scss +++ b/src/core/layout/_normalization.scss @@ -55,7 +55,7 @@ details { display: block; } hr { overflow: visible; // Internet Explorer 11-, Edge 12+ - margin: unitSize(3) 0; + margin: 1lh 0; background-color: getColor(base, lines); height: 1px; } @@ -152,9 +152,7 @@ textarea { box-sizing: border-box; color: getColor(text, primary); cursor: default; - font-family: $font-family; - font-size: ($font-base-size * .875) + px; - line-height: 1.5; + font: (($font-base-size * .875) + px) / 1.5 $font-family; text-rendering: optimizeLegibility; @media (--small) { diff --git a/src/core/layout/_print.scss b/src/core/layout/_print.scss index 23d253a..bd6a203 100644 --- a/src/core/layout/_print.scss +++ b/src/core/layout/_print.scss @@ -126,7 +126,7 @@ $font-family-print: "Georgia", "Times New Roman", "Times", serif !default; width: 100% !important; th, - td { line-height: unitSize(5) !important; } + td { line-height: 1.5lh !important; } } } } diff --git a/src/core/layout/_tables.scss b/src/core/layout/_tables.scss index bcc31cf..0f3626f 100644 --- a/src/core/layout/_tables.scss +++ b/src/core/layout/_tables.scss @@ -7,14 +7,14 @@ table { border-collapse: collapse; border-spacing: 0; empty-cells: show; - margin-bottom: unitSize(3); + margin-bottom: 1lh; width: 100%; caption { color: getColor(text, primary); font-size: 85%; font-style: italic; - line-height: unitSize(6); + line-height: 2lh; text-align: center; } @@ -31,12 +31,12 @@ table { th, td { border-right: 1px solid getColor(base, lines); - line-height: unitSize(3); + line-height: 1lh; overflow: visible; - padding: unitSize(1) 1em; + padding: 0.25lh 1em; @media (--small) { - line-height: unitSize(6); + line-height: 2lh; } &:last-child { border-right: none; } @@ -65,7 +65,7 @@ table { } th, - td { line-height: unitSize(6); } + td { line-height: 2lh; } } } diff --git a/src/core/layout/_type.scss b/src/core/layout/_type.scss index 73f36a8..ab8d8b8 100644 --- a/src/core/layout/_type.scss +++ b/src/core/layout/_type.scss @@ -84,7 +84,7 @@ samp { font-size: pxToEm(14); } -pre { padding: unitSize(2) 1.5em; } +pre { padding: 0.5lh 1.5em; } code { vertical-align: middle; @@ -97,7 +97,7 @@ pre { border: 1px solid getColor(base, lines); border-radius: 3px; color: darken(getColor(text, primary), 5%); - margin-bottom: unitSize(3); + margin-bottom: 1lh; } code { padding: 2px 3px; } From 42132fc229146d011aede69c1cb4b6a9ba5c66ec Mon Sep 17 00:00:00 2001 From: James Kolce Date: Thu, 2 Jun 2016 21:41:02 -0600 Subject: [PATCH 022/183] [ref: #163] Replace unitSize() with lh unit --- dist/concise.css | 18 +++++++++--------- dist/concise.min.css | 2 +- src/core/layout/_blockquotes.scss | 4 ++-- src/core/layout/_forms.scss | 4 ++-- src/core/layout/_headings.scss | 4 ++-- src/core/layout/_lists.scss | 4 ++-- src/core/layout/_type.scss | 2 +- 7 files changed, 19 insertions(+), 19 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index f17bb10..ee2252e 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -186,14 +186,14 @@ video { blockquote { border-left: 1px solid #e0e0e0; color: #666; - margin-bottom: unitSize(3, -4); + margin-bottom: 1.5rem; padding: 0 1em; } blockquote cite, blockquote footer { display: block; font-size: 80%; font-style: italic; - margin-top: unitSize(1, 2); } + margin-top: 0.375rem; } blockquote cite:before, blockquote footer:before { content: "\2014 \00A0"; } @@ -391,7 +391,7 @@ input[type="checkbox"] + label, input[type="radio"] + label { display: inline-block; margin: 0 0 0 .5em; - line-height: unitSize(4, -2); + line-height: 1.875rem; vertical-align: middle; } input[type="file"] { @@ -475,7 +475,7 @@ input[type="range"] { .form--inline input, .form--inline select, .form--inline textarea { - margin-bottom: unitSize(3, -4); } + margin-bottom: 1.5rem; } @media (min-width: 480px) { .form--inline input, @@ -572,7 +572,7 @@ h1, h2, h3, h4, h5, h6, h1, h2, h3, .h1, .h2, .h3, .giga, .mega, .kilo { - margin: unitSize(3, -4) 0 unitSize(1, 2); } + margin: 1.5rem 0 0.375rem; } h1 small, h1 .small, h2 small, h2 .small, h3 small, @@ -589,7 +589,7 @@ h1, h2, h3, h4, h5, h6, .h4, .h5, .h6 { - margin: unitSize(1, 2) 0; } + margin: 0.375rem 0; } h4 small, h4 .small, h5 small, h5 .small, h6 small, @@ -678,7 +678,7 @@ h6, ul, ol { padding-left: 1.5em; - margin-bottom: unitSize(1, 2); } + margin-bottom: 0.375rem; } ul ul, ul ol, ol ul, @@ -724,7 +724,7 @@ dt { dt, dd { - margin-bottom: unitSize(1, 2); } + margin-bottom: 0.375rem; } @media (min-width: 960px) { .dl--horizontal dt { @@ -1017,7 +1017,7 @@ s { text-decoration: line-through; } p:not(:last-child) { - margin-bottom: unitSize(3, -4); } + margin-bottom: 1.5rem; } a { background-color: transparent; diff --git a/dist/concise.min.css b/dist/concise.min.css index 3f19461..6fd728c 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:14px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:16px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:unitSize(3,-4);padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:unitSize(1,2)}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;line-height:3rem;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:inherit;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75em;line-height:1.875rem;padding:0 1.5em}.button--sm{font-size:.875em;line-height:2.25rem;padding:0 2em}.button--lg{font-size:1.125em;line-height:3.375rem;padding:0 3em}.button--xlg{font-size:1.125em;line-height:3.75rem;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:480px){.button--collapse{width:auto}}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}.nonresponsive form,.nonresponsive form [row]{margin-bottom:1.5rem}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875em;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875em}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875em;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:unitSize(4,-2);vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75em;font-weight:700;margin-top:.375rem}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:unitSize(3,-4)}@media (min-width:480px){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.nonresponsive .form--inline input,.nonresponsive .form--inline select,.nonresponsive .form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.nonresponsive .form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.nonresponsive .form--inline input+label{margin-left:1em}.input--small{font-size:.75em!important;height:1.5rem!important}.input--large{font-size:1em!important;height:3rem!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:unitSize(3,-4) 0 unitSize(1,2)}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:unitSize(1,2) 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368em}@media (min-width:768px){.h1,h1{font-size:3.15733em}}.h2,h2{font-size:1.77644em}@media (min-width:768px){.h2,h2{font-size:2.36859em}}.h3,h3{font-size:1.33267em}@media (min-width:768px){.h3,h3{font-size:1.77689em}}.h4,h4{font-size:1.333em}.h5,h5{font-size:1em}.h6,h6{font-size:.75019em}.giga{font-size:5.60883em}@media (min-width:768px){.giga{font-size:7.47844em}}.mega{font-size:4.20767em}@media (min-width:768px){.mega{font-size:5.61023em}}.kilo{font-size:3.15655em}@media (min-width:768px){.kilo{font-size:4.20873em}}.nonresponsive .h1,.nonresponsive h1{font-size:3.15733em}.nonresponsive .h2,.nonresponsive h2{font-size:2.36859em}.nonresponsive .h3,.nonresponsive h3{font-size:1.77689em}.nonresponsive .giga{font-size:7.47844em}.nonresponsive .mega{font-size:5.61023em}.nonresponsive .kilo{font-size:4.20873em}ol,ul{padding-left:1.5em;margin-bottom:unitSize(1,2)}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:unitSize(1,2)}@media (min-width:960px){.dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.dl--horizontal dd{margin-left:165px}.dl--horizontal dd:after,.dl--horizontal dd:before{content:"";display:table}.dl--horizontal dd:after{clear:both}}.nonresponsive .dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.nonresponsive .dl--horizontal dd{margin-left:165px}.nonresponsive .dl--horizontal dd:after,.nonresponsive .dl--horizontal dd:before{content:"";display:table}.nonresponsive .dl--horizontal dd:after{clear:both}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:none;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}@media print and (min-width:480px){table{page-break-inside:avoid;width:100%!important}table td,table th{line-height:2.25rem!important}}@media print{.alert,.alert :after,.alert:before,.badge,.badge :after,.badge:before,.breadcrumbs,.breadcrumbs :after,.breadcrumbs:before,.label,.label :after,.label:before,.modal,.modal :after,.modal:before,.progress,.progress :after,.progress:before,.spinner,.spinner :after,.spinner:before,.tooltip,.tooltip :after,.tooltip:before,[data-hint],[data-hint] :after,[data-hint]:before{display:none;visibility:hidden}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:1.5rem;width:100%}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:.375rem 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}.nonresponsive{width:auto}.nonresponsive td,.nonresponsive th{padding:0 2.5em;line-height:3rem}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}s{text-decoration:line-through}p:not(:last-child){margin-bottom:unitSize(3,-4)}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr[title]{border-bottom:1px dotted #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875em}pre{padding:.75rem 1.5em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:none}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;line-height:1.75;margin:-3px 2px 0;padding:2px 6px 0;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:after,[row]:before{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media (min-width:768px){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.nonresponsive [column~="1"]{width:8.33333%}.nonresponsive [column~="2"]{width:16.66667%}.nonresponsive [column~="3"]{width:25%}.nonresponsive [column~="4"]{width:33.33333%}.nonresponsive [column~="5"]{width:41.66667%}.nonresponsive [column~="6"]{width:50%}.nonresponsive [column~="7"]{width:58.33333%}.nonresponsive [column~="8"]{width:66.66667%}.nonresponsive [column~="9"]{width:75%}.nonresponsive [column~="10"]{width:83.33333%}.nonresponsive [column~="11"]{width:91.66667%}.nonresponsive [column~="12"]{width:100%}.nonresponsive [column~="+1"]{margin-left:8.33333%}.nonresponsive [column~="+2"]{margin-left:16.66667%}.nonresponsive [column~="+3"]{margin-left:25%}.nonresponsive [column~="+4"]{margin-left:33.33333%}.nonresponsive [column~="+5"]{margin-left:41.66667%}.nonresponsive [column~="+6"]{margin-left:50%}.nonresponsive [column~="+7"]{margin-left:58.33333%}.nonresponsive [column~="+8"]{margin-left:66.66667%}.nonresponsive [column~="+9"]{margin-left:75%}.nonresponsive [column~="+10"]{margin-left:83.33333%}.nonresponsive [column~="+11"]{margin-left:91.66667%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:480px){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:768px){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:960px){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:1100px){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:14px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:16px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;line-height:3rem;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:inherit;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75em;line-height:1.875rem;padding:0 1.5em}.button--sm{font-size:.875em;line-height:2.25rem;padding:0 2em}.button--lg{font-size:1.125em;line-height:3.375rem;padding:0 3em}.button--xlg{font-size:1.125em;line-height:3.75rem;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:480px){.button--collapse{width:auto}}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}.nonresponsive form,.nonresponsive form [row]{margin-bottom:1.5rem}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875em;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875em}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875em;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75em;font-weight:700;margin-top:.375rem}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:1.5rem}@media (min-width:480px){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.nonresponsive .form--inline input,.nonresponsive .form--inline select,.nonresponsive .form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.nonresponsive .form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.nonresponsive .form--inline input+label{margin-left:1em}.input--small{font-size:.75em!important;height:1.5rem!important}.input--large{font-size:1em!important;height:3rem!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:1.5rem 0 .375rem}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:.375rem 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368em}@media (min-width:768px){.h1,h1{font-size:3.15733em}}.h2,h2{font-size:1.77644em}@media (min-width:768px){.h2,h2{font-size:2.36859em}}.h3,h3{font-size:1.33267em}@media (min-width:768px){.h3,h3{font-size:1.77689em}}.h4,h4{font-size:1.333em}.h5,h5{font-size:1em}.h6,h6{font-size:.75019em}.giga{font-size:5.60883em}@media (min-width:768px){.giga{font-size:7.47844em}}.mega{font-size:4.20767em}@media (min-width:768px){.mega{font-size:5.61023em}}.kilo{font-size:3.15655em}@media (min-width:768px){.kilo{font-size:4.20873em}}.nonresponsive .h1,.nonresponsive h1{font-size:3.15733em}.nonresponsive .h2,.nonresponsive h2{font-size:2.36859em}.nonresponsive .h3,.nonresponsive h3{font-size:1.77689em}.nonresponsive .giga{font-size:7.47844em}.nonresponsive .mega{font-size:5.61023em}.nonresponsive .kilo{font-size:4.20873em}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}@media (min-width:960px){.dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.dl--horizontal dd{margin-left:165px}.dl--horizontal dd:after,.dl--horizontal dd:before{content:"";display:table}.dl--horizontal dd:after{clear:both}}.nonresponsive .dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.nonresponsive .dl--horizontal dd{margin-left:165px}.nonresponsive .dl--horizontal dd:after,.nonresponsive .dl--horizontal dd:before{content:"";display:table}.nonresponsive .dl--horizontal dd:after{clear:both}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:none;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}@media print and (min-width:480px){table{page-break-inside:avoid;width:100%!important}table td,table th{line-height:2.25rem!important}}@media print{.alert,.alert :after,.alert:before,.badge,.badge :after,.badge:before,.breadcrumbs,.breadcrumbs :after,.breadcrumbs:before,.label,.label :after,.label:before,.modal,.modal :after,.modal:before,.progress,.progress :after,.progress:before,.spinner,.spinner :after,.spinner:before,.tooltip,.tooltip :after,.tooltip:before,[data-hint],[data-hint] :after,[data-hint]:before{display:none;visibility:hidden}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:1.5rem;width:100%}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:.375rem 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}.nonresponsive{width:auto}.nonresponsive td,.nonresponsive th{padding:0 2.5em;line-height:3rem}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}s{text-decoration:line-through}p:not(:last-child){margin-bottom:1.5rem}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr[title]{border-bottom:1px dotted #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875em}pre{padding:.75rem 1.5em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:none}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;line-height:1.75;margin:-3px 2px 0;padding:2px 6px 0;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:after,[row]:before{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media (min-width:768px){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.nonresponsive [column~="1"]{width:8.33333%}.nonresponsive [column~="2"]{width:16.66667%}.nonresponsive [column~="3"]{width:25%}.nonresponsive [column~="4"]{width:33.33333%}.nonresponsive [column~="5"]{width:41.66667%}.nonresponsive [column~="6"]{width:50%}.nonresponsive [column~="7"]{width:58.33333%}.nonresponsive [column~="8"]{width:66.66667%}.nonresponsive [column~="9"]{width:75%}.nonresponsive [column~="10"]{width:83.33333%}.nonresponsive [column~="11"]{width:91.66667%}.nonresponsive [column~="12"]{width:100%}.nonresponsive [column~="+1"]{margin-left:8.33333%}.nonresponsive [column~="+2"]{margin-left:16.66667%}.nonresponsive [column~="+3"]{margin-left:25%}.nonresponsive [column~="+4"]{margin-left:33.33333%}.nonresponsive [column~="+5"]{margin-left:41.66667%}.nonresponsive [column~="+6"]{margin-left:50%}.nonresponsive [column~="+7"]{margin-left:58.33333%}.nonresponsive [column~="+8"]{margin-left:66.66667%}.nonresponsive [column~="+9"]{margin-left:75%}.nonresponsive [column~="+10"]{margin-left:83.33333%}.nonresponsive [column~="+11"]{margin-left:91.66667%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:480px){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:768px){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:960px){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:1100px){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file diff --git a/src/core/layout/_blockquotes.scss b/src/core/layout/_blockquotes.scss index b33910c..650c813 100644 --- a/src/core/layout/_blockquotes.scss +++ b/src/core/layout/_blockquotes.scss @@ -5,7 +5,7 @@ blockquote { border-left: 1px solid getColor(base, lines); color: getColor(text, secondary); - margin-bottom: unitSize(3, -4); + margin-bottom: 1lh; padding: 0 1em; cite, @@ -13,7 +13,7 @@ blockquote { display: block; font-size: 80%; font-style: italic; - margin-top: unitSize(1, 2); + margin-top: 0.25lh; } cite:before, diff --git a/src/core/layout/_forms.scss b/src/core/layout/_forms.scss index 8dc73dc..9bcd416 100644 --- a/src/core/layout/_forms.scss +++ b/src/core/layout/_forms.scss @@ -101,7 +101,7 @@ input[type="checkbox"] + label, input[type="radio"] + label { display: inline-block; margin: 0 0 0 .5em; - line-height: unitSize(4, -2); + line-height: 1.25lh; vertical-align: middle; } @@ -219,7 +219,7 @@ input[type="range"] { .form--inline { input, select, - textarea { margin-bottom: unitSize(3, -4); } + textarea { margin-bottom: 1lh; } @media (--small) { input, diff --git a/src/core/layout/_headings.scss b/src/core/layout/_headings.scss index 3f87c07..7cb48a9 100644 --- a/src/core/layout/_headings.scss +++ b/src/core/layout/_headings.scss @@ -58,7 +58,7 @@ h1, h2, h3, h4, h5, h6, h1, h2, h3, .h1, .h2, .h3, .giga, .mega, .kilo { - margin: unitSize(3, -4) 0 unitSize(1, 2); + margin: 1lh 0 0.25lh; small, .small { font-size: 65%; } @@ -66,7 +66,7 @@ h1, h2, h3, h4, h5, h6, .h4, .h5, .h6 { - margin: unitSize(1, 2) 0; + margin: 0.25lh 0; small, .small { font-size: 75%; } diff --git a/src/core/layout/_lists.scss b/src/core/layout/_lists.scss index 9b396db..400f75d 100644 --- a/src/core/layout/_lists.scss +++ b/src/core/layout/_lists.scss @@ -5,7 +5,7 @@ ul, ol { padding-left: 1.5em; - margin-bottom: unitSize(1, 2); + margin-bottom: 0.25lh; ul, ol { margin-bottom: 0; } @@ -64,7 +64,7 @@ dl { margin-bottom: 1lh; } dt { font-weight: bold; } dt, -dd { margin-bottom: unitSize(1, 2); } +dd { margin-bottom: 0.25lh; } // Horizontal definition list .dl--horizontal { diff --git a/src/core/layout/_type.scss b/src/core/layout/_type.scss index ab8d8b8..7523069 100644 --- a/src/core/layout/_type.scss +++ b/src/core/layout/_type.scss @@ -30,7 +30,7 @@ s { text-decoration: line-through; } // Paragraphs // -------- -p:not(:last-child) { margin-bottom: unitSize(3, -4); } +p:not(:last-child) { margin-bottom: 1lh; } // From 8b28c5a64f3c59b21121f82f991197f3566f2f46 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Fri, 3 Jun 2016 14:36:04 -0600 Subject: [PATCH 023/183] [fix: #164] Move the type scale to the globals file --- src/_globals.scss | 29 +++++++++++++++++++++++++++++ src/core/layout/_headings.scss | 25 ------------------------- 2 files changed, 29 insertions(+), 25 deletions(-) diff --git a/src/_globals.scss b/src/_globals.scss index ce1ec39..1f0fbf8 100644 --- a/src/_globals.scss +++ b/src/_globals.scss @@ -37,6 +37,35 @@ $spacing-l: 1.25lh !default; $spacing-xl: 1.5lh !default; +// +// Type Scale Ratio +// ------------- + +// Suggested ratios +// Source: http://type-scale.com/ +$minor-second: 1.067; +$major-second: 1.125; +$minor-third: 1.200; +$major-third: 1.250; +$perfect-fourth: 1.333; +$augmented-fourth:1.414; +$perfect-fifth: 1.500; +$golden-ratio: 1.618; + +// Ratio +$font-ratio-size: $perfect-fourth !default; + +// Scale +$h5-size: $font-base-size !default; +$h6-size: $h5-size / $font-ratio-size !default; +$h4-size: $h5-size * $font-ratio-size !default; +$h3-size: $h4-size * $font-ratio-size !default; +$h2-size: $h3-size * $font-ratio-size !default; +$h1-size: $h2-size * $font-ratio-size !default; +$kilo-size: $h1-size * $font-ratio-size !default; +$mega-size: $kilo-size * $font-ratio-size !default; +$giga-size: $mega-size * $font-ratio-size !default; + // // Color Palette // ------------- diff --git a/src/core/layout/_headings.scss b/src/core/layout/_headings.scss index 7cb48a9..73b306f 100644 --- a/src/core/layout/_headings.scss +++ b/src/core/layout/_headings.scss @@ -7,31 +7,6 @@ // Variables // --------- -// Type Scale Ratio -// -// Suggested ratios: -// 1.067 — Minor Second -// 1.125 — Major Second -// 1.200 — Minor Third -// 1.250 — Major Third -// 1.333 — Perfect Fourth -// 1.414 — Augmented Fourth -// 1.500 — Perfect Fifth -// 1.618 — Golden Ratio -// Source: http://type-scale.com/ -$font-ratio-size: 1.333 !default; - -// Scale -$h6-size: $font-base-size / $font-ratio-size !default; -$h5-size: $font-base-size !default; -$h4-size: $font-base-size * $font-ratio-size !default; -$h3-size: $h4-size * $font-ratio-size !default; -$h2-size: $h3-size * $font-ratio-size !default; -$h1-size: $h2-size * $font-ratio-size !default; -$kilo-size: $h1-size * $font-ratio-size !default; -$mega-size: $kilo-size * $font-ratio-size !default; -$giga-size: $mega-size * $font-ratio-size !default; - // Font family $font-family-headings: "Helvetica", "Arial", sans-serif !default; From 569215a82756aa63b55945079177468eae162305 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Fri, 3 Jun 2016 14:48:01 -0600 Subject: [PATCH 024/183] [ref: #164] Move the $font-base-size variable to the globals file --- src/_globals.scss | 2 ++ src/core/layout/_normalization.scss | 1 - 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/src/_globals.scss b/src/_globals.scss index 1f0fbf8..bf07ade 100644 --- a/src/_globals.scss +++ b/src/_globals.scss @@ -9,6 +9,8 @@ // Base // ---- +$font-base-size: 16 !default; + // Automatic margins $automargin: false !default; $block-margin: 1lh !default; diff --git a/src/core/layout/_normalization.scss b/src/core/layout/_normalization.scss index 2fcfc1e..863d65a 100644 --- a/src/core/layout/_normalization.scss +++ b/src/core/layout/_normalization.scss @@ -11,7 +11,6 @@ // Font families $font-family: "Helvetica", "Arial", sans-serif !default; $font-family-mono: "Consolas", monospace !default; -$font-base-size: 16 !default; // // Normalization From 902ce7f8fde2589ce69b691d2647311268af4996 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Fri, 3 Jun 2016 14:48:29 -0600 Subject: [PATCH 025/183] Update concise-cli dependency in the package.json file --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index f7a0141..7343c29 100644 --- a/package.json +++ b/package.json @@ -24,7 +24,7 @@ "node": "<=4.2.3" }, "devDependencies": { - "concise-cli": "github:concisecss/concise-cli", + "concise-cli": "^0.1.0", "cssnano-cli": "^1.0.4", "node-sass": "^3.7.0", "stylestats": "^6.3.0", From 2bfbdf9adaad4677cb2242fd57e8264f0aac3424 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Sat, 4 Jun 2016 15:07:31 -0600 Subject: [PATCH 026/183] [fix: #166] Replace 'watch' with 'chokidar' --- package.json | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/package.json b/package.json index 7343c29..f912c60 100644 --- a/package.json +++ b/package.json @@ -24,15 +24,15 @@ "node": "<=4.2.3" }, "devDependencies": { + "chokidar-cli": "^1.2.0", "concise-cli": "^0.1.0", "cssnano-cli": "^1.0.4", "node-sass": "^3.7.0", - "stylestats": "^6.3.0", - "watch": "^0.18.0" + "stylestats": "^6.3.0" }, "scripts": { "build": "concise compile src/concise.scss dist/concise.css && cssnano dist/concise.css dist/concise.min.css", - "build:watch": "watch \"npm run build\" src", + "build:watch": "chokidar 'src/**/*.scss' -c 'npm run build'", "stats": "stylestats dist/concise.css", "stats:min": "stylestats dist/concise.css" } From cfff70be2a08be90c285ef46ecf2268a7a74066b Mon Sep 17 00:00:00 2001 From: James Kolce Date: Sat, 4 Jun 2016 15:10:05 -0600 Subject: [PATCH 027/183] [fix: #165] Increase size of spacing variables --- src/_globals.scss | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/_globals.scss b/src/_globals.scss index bf07ade..1033051 100644 --- a/src/_globals.scss +++ b/src/_globals.scss @@ -32,11 +32,11 @@ $transition-duration: 150ms !default; @custom-media --only-large (980px < width <= 1100px); // Spacing -$spacing-xs: 0.25lh !default; -$spacing-s: 0.5lh !default; -$spacing-m: 1lh !default; -$spacing-l: 1.25lh !default; -$spacing-xl: 1.5lh !default; +$spacing-xs: 0.5lh !default; +$spacing-s: 1lh !default; +$spacing-m: 1.5lh !default; +$spacing-l: 2lh !default; +$spacing-xl: 2.5lh !default; // From 1b0c8147c39fccb0496676688b87fef0e09b5a8e Mon Sep 17 00:00:00 2001 From: James Kolce Date: Sat, 11 Jun 2016 17:53:51 -0600 Subject: [PATCH 028/183] Use HTTPS for the CDN --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 1522177..76691ac 100644 --- a/README.md +++ b/README.md @@ -18,10 +18,10 @@ You can also use our CDN: ```CSS /* Normal */ - + /* Minified */ - + ``` After you download or install the package, [check out our documentation](http://concisecss.com/documentation) to get up and running. From 5ebb9d522141aa89b4a1258ce31e6f0fd9001222 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Tue, 14 Jun 2016 14:27:25 -0600 Subject: [PATCH 029/183] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 76691ac..6c3585c 100644 --- a/README.md +++ b/README.md @@ -14,7 +14,7 @@ It's easy to get started with Concise: **Note:** If you just want the CSS files, please refer to the downloads section for each release: [https://github.com/ConciseCSS/concise.css/releases](https://github.com/ConciseCSS/concise.css/releases) -You can also use our CDN: +#### Using our CDN: ```CSS /* Normal */ From 417822eb73863849d2a07e846bdb747c63fd8312 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Fri, 17 Jun 2016 16:39:26 -0600 Subject: [PATCH 030/183] [fix: #167] Round base font-size --- src/core/layout/_normalization.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/core/layout/_normalization.scss b/src/core/layout/_normalization.scss index 863d65a..d839455 100644 --- a/src/core/layout/_normalization.scss +++ b/src/core/layout/_normalization.scss @@ -151,7 +151,7 @@ textarea { box-sizing: border-box; color: getColor(text, primary); cursor: default; - font: (($font-base-size * .875) + px) / 1.5 $font-family; + font: (round($font-base-size * .875) + px) / 1.5 $font-family; text-rendering: optimizeLegibility; @media (--small) { From 80f54cb2d2ea36f11e0780488dfd446d2cff560f Mon Sep 17 00:00:00 2001 From: James Kolce Date: Fri, 17 Jun 2016 16:53:31 -0600 Subject: [PATCH 031/183] [fix: #168] Add opentype features for sup, sub and abbr --- src/core/layout/_type.scss | 24 +++++++++++++++++++----- 1 file changed, 19 insertions(+), 5 deletions(-) diff --git a/src/core/layout/_type.scss b/src/core/layout/_type.scss index 7523069..305dea3 100644 --- a/src/core/layout/_type.scss +++ b/src/core/layout/_type.scss @@ -19,9 +19,15 @@ sub { vertical-align: baseline; } -sup { top: -0.5em; } +sup { + top: -0.5em; + font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "sups" 1; +} -sub { bottom: -0.25em; } +sub { + bottom: -0.25em; + font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "subs" 1; +} s { text-decoration: line-through; } @@ -65,10 +71,18 @@ h1, h2, h3, // // Abbreviations // ------------- +// 1. Change all letters to uppercase +// 2. Turn on small caps for upper and lowercase letters +// + +abbr { + text-transform: uppercase; /* 1 */ + font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "smcp" 1, "c2sc" 1; /* 2 */ -abbr[title] { - border-bottom: 1px dotted getColor(base, lines); - cursor: help; + &[title] { + border-bottom: 1px dotted getColor(base, lines); + cursor: help; + } } From e23234583c02955d8a12dd83631d167bd27a32cf Mon Sep 17 00:00:00 2001 From: James Kolce Date: Fri, 17 Jun 2016 16:58:40 -0600 Subject: [PATCH 032/183] [fix: #170] Delete 'custom' directory --- src/concise.scss | 6 -- src/custom/_custom.scss | 3 - src/custom/_globals.scss | 152 --------------------------------------- 3 files changed, 161 deletions(-) delete mode 100644 src/custom/_custom.scss delete mode 100644 src/custom/_globals.scss diff --git a/src/concise.scss b/src/concise.scss index 97725a3..121e625 100644 --- a/src/concise.scss +++ b/src/concise.scss @@ -11,14 +11,8 @@ // Globals @import 'globals'; -// Custom globals -@import 'custom/globals'; - // Base styles @import 'base'; // Utils @import 'utils'; - -// Custom styles -@import 'custom/custom'; diff --git a/src/custom/_custom.scss b/src/custom/_custom.scss deleted file mode 100644 index 291feea..0000000 --- a/src/custom/_custom.scss +++ /dev/null @@ -1,3 +0,0 @@ -// -// -// ============================================================================= diff --git a/src/custom/_globals.scss b/src/custom/_globals.scss deleted file mode 100644 index 90a5358..0000000 --- a/src/custom/_globals.scss +++ /dev/null @@ -1,152 +0,0 @@ -// -// Custom Global Variables -// ============================================================================= - - -// -// Base -// ---- - -// Non-responsive website -// $non-responsive: true !default; - -// Transition duration -// $transition-duration: 150ms; - -// Breakpoints -// $bp-extra-small: 30em; -// $bp-small: 48em; -// $bp-medium: 60em; -// $bp-large: 70em; -// $bp-extra-large: 80em; - -// Base Size (used in unitSize() for proportions) -// $base-unit: 8; - -// Spacing -// $spacing-xs: unitSize(1); -// $spacing-s: unitSize(2); -// $spacing-m: unitSize(3); -// $spacing-l: unitSize(4); -// $spacing-xl: unitSize(5); - - -// -// Grid -// ---- - -// Prefix for the attributes, you can use 'data-' to make your markup valid -// $prefix: ""; - -// Max width for container -// $container-width: 1200px; - -// Gutter size in pixels (without the unit we can do math easily) -// $gutter: 30; - -// Number of columns in a row -// $num-columns: 12; - -// If you only want to use the mixins for "semantic grids" set this to true -// $only-semantic: false; - - -// -// Typography -// ---------- - -// $font-family: "Helvetica", "Arial", sans-serif; -// $font-family-headings: "Helvetica", "Arial", sans-serif; -// $font-family-print: "Georgia", "Times New Roman", "Times", serif; -// $font-family-mono: "Consolas", monospace; -// $font-base-size: 16; - - -// -// Heading sizes -// ---------- - -// $h1-size: 48; -// $h2-size: 36; -// $h3-size: 28; -// $h4-size: 18; -// $h5-size: 16; -// $h6-size: 14; -// $giga-size: 80; -// $mega-size: 64; -// $kilo-size: 52; - - -// -// Color Palette -// ------------- - -// Colors -// $colors: ( -// base: ( -// "primary": #4591aa, -// "selection": #d6d6d6, -// "lines": #e0e0e0 -// ), -// -// text: ( -// "primary": #666, -// "secondary": #aaa, -// "heading": #222, -// "ui": white -// ), -// -// background: ( -// "dark": #282E31, -// "light": #f5f5f5, -// "body": white -// ), -// -// state: ( -// "muted": #aaa, -// "primary": #4591aa, -// "success": #45ca69, -// "warning": #ffb800, -// "error": #ca4829 -// ), -// -// blue: ( -// "darker": #495b61, -// "dark": #447281, -// "base": #4591aa, -// "light": #5ab0cc, -// "lighter": #74cbe8 -// ), -// -// green: ( -// "darker": #3b6e6e, -// "dark": #3b8686, -// "base": #37a1a1, -// "light": #2dbaba, -// "lighter": #69d1d1 -// ), -// -// cream: ( -// "darker": #c47858, -// "dark": #e29372, -// "base": #ecac91, -// "light": #f9c2ab, -// "lighter": #fdd5c3 -// ), -// -// red: ( -// "darker": #653131, -// "dark": #b73333, -// "base": #da3c3c, -// "light": #f25a5a, -// "lighter": #fa8181 -// ), -// -// gray: ( -// "darker": #333333, -// "dark": #4d4d4d, -// "base": #666666, -// "light": #808080, -// "lighter": #999999 -// ) -// ); From 2a0ada6de5d7fc53fe0a4fedbe0c539d666029a9 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Fri, 17 Jun 2016 20:22:04 -0600 Subject: [PATCH 033/183] [fix: #172] Delete clearfix mixin Also includes compilation for the last commit... --- dist/concise.css | 20 +++++++++++++++----- dist/concise.min.css | 2 +- src/_globals.scss | 1 - src/core/globals/_mixins.scss | 22 ---------------------- src/core/layout/_lists.scss | 16 ++++++++++++++-- src/core/utils/_helpers.scss | 10 +++++++++- 6 files changed, 39 insertions(+), 32 deletions(-) delete mode 100644 src/core/globals/_mixins.scss diff --git a/dist/concise.css b/dist/concise.css index ee2252e..27c56fb 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -1008,10 +1008,14 @@ sub { vertical-align: baseline; } sup { - top: -0.5em; } + top: -0.5em; + -webkit-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "sups" 1; + font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "sups" 1; } sub { - bottom: -0.25em; } + bottom: -0.25em; + -webkit-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "subs" 1; + font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "subs" 1; } s { text-decoration: line-through; } @@ -1038,9 +1042,15 @@ h1 a, h2 a, h3 a, color: #4591aa; text-decoration: none; } -abbr[title] { - border-bottom: 1px dotted #e0e0e0; - cursor: help; } +abbr { + text-transform: uppercase; + /* 1 */ + -webkit-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "smcp" 1, "c2sc" 1; + font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "smcp" 1, "c2sc" 1; + /* 2 */ } + abbr[title] { + border-bottom: 1px dotted #e0e0e0; + cursor: help; } code, pre, diff --git a/dist/concise.min.css b/dist/concise.min.css index 6fd728c..4861259 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:14px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:16px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;line-height:3rem;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:inherit;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75em;line-height:1.875rem;padding:0 1.5em}.button--sm{font-size:.875em;line-height:2.25rem;padding:0 2em}.button--lg{font-size:1.125em;line-height:3.375rem;padding:0 3em}.button--xlg{font-size:1.125em;line-height:3.75rem;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:480px){.button--collapse{width:auto}}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}.nonresponsive form,.nonresponsive form [row]{margin-bottom:1.5rem}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875em;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875em}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875em;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75em;font-weight:700;margin-top:.375rem}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:1.5rem}@media (min-width:480px){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.nonresponsive .form--inline input,.nonresponsive .form--inline select,.nonresponsive .form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.nonresponsive .form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.nonresponsive .form--inline input+label{margin-left:1em}.input--small{font-size:.75em!important;height:1.5rem!important}.input--large{font-size:1em!important;height:3rem!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:1.5rem 0 .375rem}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:.375rem 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368em}@media (min-width:768px){.h1,h1{font-size:3.15733em}}.h2,h2{font-size:1.77644em}@media (min-width:768px){.h2,h2{font-size:2.36859em}}.h3,h3{font-size:1.33267em}@media (min-width:768px){.h3,h3{font-size:1.77689em}}.h4,h4{font-size:1.333em}.h5,h5{font-size:1em}.h6,h6{font-size:.75019em}.giga{font-size:5.60883em}@media (min-width:768px){.giga{font-size:7.47844em}}.mega{font-size:4.20767em}@media (min-width:768px){.mega{font-size:5.61023em}}.kilo{font-size:3.15655em}@media (min-width:768px){.kilo{font-size:4.20873em}}.nonresponsive .h1,.nonresponsive h1{font-size:3.15733em}.nonresponsive .h2,.nonresponsive h2{font-size:2.36859em}.nonresponsive .h3,.nonresponsive h3{font-size:1.77689em}.nonresponsive .giga{font-size:7.47844em}.nonresponsive .mega{font-size:5.61023em}.nonresponsive .kilo{font-size:4.20873em}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}@media (min-width:960px){.dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.dl--horizontal dd{margin-left:165px}.dl--horizontal dd:after,.dl--horizontal dd:before{content:"";display:table}.dl--horizontal dd:after{clear:both}}.nonresponsive .dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.nonresponsive .dl--horizontal dd{margin-left:165px}.nonresponsive .dl--horizontal dd:after,.nonresponsive .dl--horizontal dd:before{content:"";display:table}.nonresponsive .dl--horizontal dd:after{clear:both}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:none;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}@media print and (min-width:480px){table{page-break-inside:avoid;width:100%!important}table td,table th{line-height:2.25rem!important}}@media print{.alert,.alert :after,.alert:before,.badge,.badge :after,.badge:before,.breadcrumbs,.breadcrumbs :after,.breadcrumbs:before,.label,.label :after,.label:before,.modal,.modal :after,.modal:before,.progress,.progress :after,.progress:before,.spinner,.spinner :after,.spinner:before,.tooltip,.tooltip :after,.tooltip:before,[data-hint],[data-hint] :after,[data-hint]:before{display:none;visibility:hidden}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:1.5rem;width:100%}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:.375rem 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}.nonresponsive{width:auto}.nonresponsive td,.nonresponsive th{padding:0 2.5em;line-height:3rem}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}s{text-decoration:line-through}p:not(:last-child){margin-bottom:1.5rem}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr[title]{border-bottom:1px dotted #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875em}pre{padding:.75rem 1.5em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:none}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;line-height:1.75;margin:-3px 2px 0;padding:2px 6px 0;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:after,[row]:before{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media (min-width:768px){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.nonresponsive [column~="1"]{width:8.33333%}.nonresponsive [column~="2"]{width:16.66667%}.nonresponsive [column~="3"]{width:25%}.nonresponsive [column~="4"]{width:33.33333%}.nonresponsive [column~="5"]{width:41.66667%}.nonresponsive [column~="6"]{width:50%}.nonresponsive [column~="7"]{width:58.33333%}.nonresponsive [column~="8"]{width:66.66667%}.nonresponsive [column~="9"]{width:75%}.nonresponsive [column~="10"]{width:83.33333%}.nonresponsive [column~="11"]{width:91.66667%}.nonresponsive [column~="12"]{width:100%}.nonresponsive [column~="+1"]{margin-left:8.33333%}.nonresponsive [column~="+2"]{margin-left:16.66667%}.nonresponsive [column~="+3"]{margin-left:25%}.nonresponsive [column~="+4"]{margin-left:33.33333%}.nonresponsive [column~="+5"]{margin-left:41.66667%}.nonresponsive [column~="+6"]{margin-left:50%}.nonresponsive [column~="+7"]{margin-left:58.33333%}.nonresponsive [column~="+8"]{margin-left:66.66667%}.nonresponsive [column~="+9"]{margin-left:75%}.nonresponsive [column~="+10"]{margin-left:83.33333%}.nonresponsive [column~="+11"]{margin-left:91.66667%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:480px){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:768px){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:960px){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:1100px){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:14px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:16px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;line-height:3rem;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:inherit;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75em;line-height:1.875rem;padding:0 1.5em}.button--sm{font-size:.875em;line-height:2.25rem;padding:0 2em}.button--lg{font-size:1.125em;line-height:3.375rem;padding:0 3em}.button--xlg{font-size:1.125em;line-height:3.75rem;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:480px){.button--collapse{width:auto}}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}.nonresponsive form,.nonresponsive form [row]{margin-bottom:1.5rem}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875em;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875em}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875em;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75em;font-weight:700;margin-top:.375rem}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:1.5rem}@media (min-width:480px){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.nonresponsive .form--inline input,.nonresponsive .form--inline select,.nonresponsive .form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.nonresponsive .form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.nonresponsive .form--inline input+label{margin-left:1em}.input--small{font-size:.75em!important;height:1.5rem!important}.input--large{font-size:1em!important;height:3rem!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:1.5rem 0 .375rem}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:.375rem 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368em}@media (min-width:768px){.h1,h1{font-size:3.15733em}}.h2,h2{font-size:1.77644em}@media (min-width:768px){.h2,h2{font-size:2.36859em}}.h3,h3{font-size:1.33267em}@media (min-width:768px){.h3,h3{font-size:1.77689em}}.h4,h4{font-size:1.333em}.h5,h5{font-size:1em}.h6,h6{font-size:.75019em}.giga{font-size:5.60883em}@media (min-width:768px){.giga{font-size:7.47844em}}.mega{font-size:4.20767em}@media (min-width:768px){.mega{font-size:5.61023em}}.kilo{font-size:3.15655em}@media (min-width:768px){.kilo{font-size:4.20873em}}.nonresponsive .h1,.nonresponsive h1{font-size:3.15733em}.nonresponsive .h2,.nonresponsive h2{font-size:2.36859em}.nonresponsive .h3,.nonresponsive h3{font-size:1.77689em}.nonresponsive .giga{font-size:7.47844em}.nonresponsive .mega{font-size:5.61023em}.nonresponsive .kilo{font-size:4.20873em}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}@media (min-width:960px){.dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.dl--horizontal dd{margin-left:165px}.dl--horizontal dd:after,.dl--horizontal dd:before{content:"";display:table}.dl--horizontal dd:after{clear:both}}.nonresponsive .dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.nonresponsive .dl--horizontal dd{margin-left:165px}.nonresponsive .dl--horizontal dd:after,.nonresponsive .dl--horizontal dd:before{content:"";display:table}.nonresponsive .dl--horizontal dd:after{clear:both}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:none;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}@media print and (min-width:480px){table{page-break-inside:avoid;width:100%!important}table td,table th{line-height:2.25rem!important}}@media print{.alert,.alert :after,.alert:before,.badge,.badge :after,.badge:before,.breadcrumbs,.breadcrumbs :after,.breadcrumbs:before,.label,.label :after,.label:before,.modal,.modal :after,.modal:before,.progress,.progress :after,.progress:before,.spinner,.spinner :after,.spinner:before,.tooltip,.tooltip :after,.tooltip:before,[data-hint],[data-hint] :after,[data-hint]:before{display:none;visibility:hidden}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:1.5rem;width:100%}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:.375rem 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}.nonresponsive{width:auto}.nonresponsive td,.nonresponsive th{padding:0 2.5em;line-height:3rem}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}p:not(:last-child){margin-bottom:1.5rem}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}abbr[title]{border-bottom:1px dotted #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875em}pre{padding:.75rem 1.5em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:none}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;line-height:1.75;margin:-3px 2px 0;padding:2px 6px 0;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:after,[row]:before{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media (min-width:768px){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.nonresponsive [column~="1"]{width:8.33333%}.nonresponsive [column~="2"]{width:16.66667%}.nonresponsive [column~="3"]{width:25%}.nonresponsive [column~="4"]{width:33.33333%}.nonresponsive [column~="5"]{width:41.66667%}.nonresponsive [column~="6"]{width:50%}.nonresponsive [column~="7"]{width:58.33333%}.nonresponsive [column~="8"]{width:66.66667%}.nonresponsive [column~="9"]{width:75%}.nonresponsive [column~="10"]{width:83.33333%}.nonresponsive [column~="11"]{width:91.66667%}.nonresponsive [column~="12"]{width:100%}.nonresponsive [column~="+1"]{margin-left:8.33333%}.nonresponsive [column~="+2"]{margin-left:16.66667%}.nonresponsive [column~="+3"]{margin-left:25%}.nonresponsive [column~="+4"]{margin-left:33.33333%}.nonresponsive [column~="+5"]{margin-left:41.66667%}.nonresponsive [column~="+6"]{margin-left:50%}.nonresponsive [column~="+7"]{margin-left:58.33333%}.nonresponsive [column~="+8"]{margin-left:66.66667%}.nonresponsive [column~="+9"]{margin-left:75%}.nonresponsive [column~="+10"]{margin-left:83.33333%}.nonresponsive [column~="+11"]{margin-left:91.66667%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:480px){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:768px){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:960px){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:1100px){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file diff --git a/src/_globals.scss b/src/_globals.scss index 1033051..9a7e511 100644 --- a/src/_globals.scss +++ b/src/_globals.scss @@ -3,7 +3,6 @@ // ============================================================================= @import 'core/globals/functions'; -@import 'core/globals/mixins'; // // Base diff --git a/src/core/globals/_mixins.scss b/src/core/globals/_mixins.scss deleted file mode 100644 index 38ab208..0000000 --- a/src/core/globals/_mixins.scss +++ /dev/null @@ -1,22 +0,0 @@ -// -// Mixins -// ============================================================================= - -// -// Clearfix -// -------- -// Generates CSS that will clear both left -// and right floats. -// - -@mixin clearfix() { - & { - &:before, - &:after { - content: ""; - display: table; - } - - &:after { clear: both; } - } -} diff --git a/src/core/layout/_lists.scss b/src/core/layout/_lists.scss index 400f75d..4471485 100644 --- a/src/core/layout/_lists.scss +++ b/src/core/layout/_lists.scss @@ -80,7 +80,13 @@ dd { margin-bottom: 0.25lh; } } dd { - @include clearfix(); + &:before, + &:after { + content: ""; + display: table; + } + + &:after { clear: both; } margin-left: 165px; } @@ -101,7 +107,13 @@ dd { margin-bottom: 0.25lh; } } dd { - @include clearfix(); + &:before, + &:after { + content: ""; + display: table; + } + + &:after { clear: both; } margin-left: 165px; } diff --git a/src/core/utils/_helpers.scss b/src/core/utils/_helpers.scss index 4a0b28d..4ab0fc3 100644 --- a/src/core/utils/_helpers.scss +++ b/src/core/utils/_helpers.scss @@ -25,7 +25,15 @@ .float--left { float: left; } -.clearfix { @include clearfix(); } +.clearfix { + &:before, + &:after { + content: ""; + display: table; + } + + &:after { clear: both; } +} // From a0728976a006ec59bbec061d9b185dfa0a70bdca Mon Sep 17 00:00:00 2001 From: James Kolce Date: Sun, 19 Jun 2016 21:09:51 -0600 Subject: [PATCH 034/183] [fix: #178] Make the $base-font-size mobile-first and increase its value --- dist/concise.css | 6 +++--- dist/concise.min.css | 2 +- package.json | 2 +- src/core/layout/_normalization.scss | 4 ++-- 4 files changed, 7 insertions(+), 7 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index 27c56fb..ca312a4 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -40,7 +40,7 @@ details { hr { overflow: visible; - margin: 1rem 0; + margin: 1.5rem 0; background-color: #e0e0e0; height: 1px; } @@ -111,11 +111,11 @@ textarea { box-sizing: border-box; color: #555; cursor: default; - font: 14px/1.5 "Helvetica", "Arial", sans-serif; + font: 16px/1.5 "Helvetica", "Arial", sans-serif; text-rendering: optimizeLegibility; } @media (min-width: 480px) { :root { - font-size: 16px; } } + font-size: 18px; } } * { margin: 0; diff --git a/dist/concise.min.css b/dist/concise.min.css index 4861259..c5bbf5b 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:14px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:16px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;line-height:3rem;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:inherit;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75em;line-height:1.875rem;padding:0 1.5em}.button--sm{font-size:.875em;line-height:2.25rem;padding:0 2em}.button--lg{font-size:1.125em;line-height:3.375rem;padding:0 3em}.button--xlg{font-size:1.125em;line-height:3.75rem;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:480px){.button--collapse{width:auto}}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}.nonresponsive form,.nonresponsive form [row]{margin-bottom:1.5rem}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875em;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875em}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875em;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75em;font-weight:700;margin-top:.375rem}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:1.5rem}@media (min-width:480px){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.nonresponsive .form--inline input,.nonresponsive .form--inline select,.nonresponsive .form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.nonresponsive .form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.nonresponsive .form--inline input+label{margin-left:1em}.input--small{font-size:.75em!important;height:1.5rem!important}.input--large{font-size:1em!important;height:3rem!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:1.5rem 0 .375rem}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:.375rem 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368em}@media (min-width:768px){.h1,h1{font-size:3.15733em}}.h2,h2{font-size:1.77644em}@media (min-width:768px){.h2,h2{font-size:2.36859em}}.h3,h3{font-size:1.33267em}@media (min-width:768px){.h3,h3{font-size:1.77689em}}.h4,h4{font-size:1.333em}.h5,h5{font-size:1em}.h6,h6{font-size:.75019em}.giga{font-size:5.60883em}@media (min-width:768px){.giga{font-size:7.47844em}}.mega{font-size:4.20767em}@media (min-width:768px){.mega{font-size:5.61023em}}.kilo{font-size:3.15655em}@media (min-width:768px){.kilo{font-size:4.20873em}}.nonresponsive .h1,.nonresponsive h1{font-size:3.15733em}.nonresponsive .h2,.nonresponsive h2{font-size:2.36859em}.nonresponsive .h3,.nonresponsive h3{font-size:1.77689em}.nonresponsive .giga{font-size:7.47844em}.nonresponsive .mega{font-size:5.61023em}.nonresponsive .kilo{font-size:4.20873em}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}@media (min-width:960px){.dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.dl--horizontal dd{margin-left:165px}.dl--horizontal dd:after,.dl--horizontal dd:before{content:"";display:table}.dl--horizontal dd:after{clear:both}}.nonresponsive .dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.nonresponsive .dl--horizontal dd{margin-left:165px}.nonresponsive .dl--horizontal dd:after,.nonresponsive .dl--horizontal dd:before{content:"";display:table}.nonresponsive .dl--horizontal dd:after{clear:both}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:none;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}@media print and (min-width:480px){table{page-break-inside:avoid;width:100%!important}table td,table th{line-height:2.25rem!important}}@media print{.alert,.alert :after,.alert:before,.badge,.badge :after,.badge:before,.breadcrumbs,.breadcrumbs :after,.breadcrumbs:before,.label,.label :after,.label:before,.modal,.modal :after,.modal:before,.progress,.progress :after,.progress:before,.spinner,.spinner :after,.spinner:before,.tooltip,.tooltip :after,.tooltip:before,[data-hint],[data-hint] :after,[data-hint]:before{display:none;visibility:hidden}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:1.5rem;width:100%}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:.375rem 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}.nonresponsive{width:auto}.nonresponsive td,.nonresponsive th{padding:0 2.5em;line-height:3rem}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}p:not(:last-child){margin-bottom:1.5rem}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}abbr[title]{border-bottom:1px dotted #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875em}pre{padding:.75rem 1.5em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:none}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;line-height:1.75;margin:-3px 2px 0;padding:2px 6px 0;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:after,[row]:before{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media (min-width:768px){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.nonresponsive [column~="1"]{width:8.33333%}.nonresponsive [column~="2"]{width:16.66667%}.nonresponsive [column~="3"]{width:25%}.nonresponsive [column~="4"]{width:33.33333%}.nonresponsive [column~="5"]{width:41.66667%}.nonresponsive [column~="6"]{width:50%}.nonresponsive [column~="7"]{width:58.33333%}.nonresponsive [column~="8"]{width:66.66667%}.nonresponsive [column~="9"]{width:75%}.nonresponsive [column~="10"]{width:83.33333%}.nonresponsive [column~="11"]{width:91.66667%}.nonresponsive [column~="12"]{width:100%}.nonresponsive [column~="+1"]{margin-left:8.33333%}.nonresponsive [column~="+2"]{margin-left:16.66667%}.nonresponsive [column~="+3"]{margin-left:25%}.nonresponsive [column~="+4"]{margin-left:33.33333%}.nonresponsive [column~="+5"]{margin-left:41.66667%}.nonresponsive [column~="+6"]{margin-left:50%}.nonresponsive [column~="+7"]{margin-left:58.33333%}.nonresponsive [column~="+8"]{margin-left:66.66667%}.nonresponsive [column~="+9"]{margin-left:75%}.nonresponsive [column~="+10"]{margin-left:83.33333%}.nonresponsive [column~="+11"]{margin-left:91.66667%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:480px){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:768px){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:960px){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:1100px){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;line-height:3rem;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:inherit;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75em;line-height:1.875rem;padding:0 1.5em}.button--sm{font-size:.875em;line-height:2.25rem;padding:0 2em}.button--lg{font-size:1.125em;line-height:3.375rem;padding:0 3em}.button--xlg{font-size:1.125em;line-height:3.75rem;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:480px){.button--collapse{width:auto}}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}.nonresponsive form,.nonresponsive form [row]{margin-bottom:1.5rem}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875em;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875em}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875em;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75em;font-weight:700;margin-top:.375rem}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:1.5rem}@media (min-width:480px){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.nonresponsive .form--inline input,.nonresponsive .form--inline select,.nonresponsive .form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.nonresponsive .form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.nonresponsive .form--inline input+label{margin-left:1em}.input--small{font-size:.75em!important;height:1.5rem!important}.input--large{font-size:1em!important;height:3rem!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:1.5rem 0 .375rem}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:.375rem 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368em}@media (min-width:768px){.h1,h1{font-size:3.15733em}}.h2,h2{font-size:1.77644em}@media (min-width:768px){.h2,h2{font-size:2.36859em}}.h3,h3{font-size:1.33267em}@media (min-width:768px){.h3,h3{font-size:1.77689em}}.h4,h4{font-size:1.333em}.h5,h5{font-size:1em}.h6,h6{font-size:.75019em}.giga{font-size:5.60883em}@media (min-width:768px){.giga{font-size:7.47844em}}.mega{font-size:4.20767em}@media (min-width:768px){.mega{font-size:5.61023em}}.kilo{font-size:3.15655em}@media (min-width:768px){.kilo{font-size:4.20873em}}.nonresponsive .h1,.nonresponsive h1{font-size:3.15733em}.nonresponsive .h2,.nonresponsive h2{font-size:2.36859em}.nonresponsive .h3,.nonresponsive h3{font-size:1.77689em}.nonresponsive .giga{font-size:7.47844em}.nonresponsive .mega{font-size:5.61023em}.nonresponsive .kilo{font-size:4.20873em}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}@media (min-width:960px){.dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.dl--horizontal dd{margin-left:165px}.dl--horizontal dd:after,.dl--horizontal dd:before{content:"";display:table}.dl--horizontal dd:after{clear:both}}.nonresponsive .dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.nonresponsive .dl--horizontal dd{margin-left:165px}.nonresponsive .dl--horizontal dd:after,.nonresponsive .dl--horizontal dd:before{content:"";display:table}.nonresponsive .dl--horizontal dd:after{clear:both}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:none;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}@media print and (min-width:480px){table{page-break-inside:avoid;width:100%!important}table td,table th{line-height:2.25rem!important}}@media print{.alert,.alert :after,.alert:before,.badge,.badge :after,.badge:before,.breadcrumbs,.breadcrumbs :after,.breadcrumbs:before,.label,.label :after,.label:before,.modal,.modal :after,.modal:before,.progress,.progress :after,.progress:before,.spinner,.spinner :after,.spinner:before,.tooltip,.tooltip :after,.tooltip:before,[data-hint],[data-hint] :after,[data-hint]:before{display:none;visibility:hidden}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:1.5rem;width:100%}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:.375rem 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}.nonresponsive{width:auto}.nonresponsive td,.nonresponsive th{padding:0 2.5em;line-height:3rem}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}p:not(:last-child){margin-bottom:1.5rem}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}abbr[title]{border-bottom:1px dotted #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875em}pre{padding:.75rem 1.5em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:none}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;line-height:1.75;margin:-3px 2px 0;padding:2px 6px 0;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:after,[row]:before{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media (min-width:768px){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.nonresponsive [column~="1"]{width:8.33333%}.nonresponsive [column~="2"]{width:16.66667%}.nonresponsive [column~="3"]{width:25%}.nonresponsive [column~="4"]{width:33.33333%}.nonresponsive [column~="5"]{width:41.66667%}.nonresponsive [column~="6"]{width:50%}.nonresponsive [column~="7"]{width:58.33333%}.nonresponsive [column~="8"]{width:66.66667%}.nonresponsive [column~="9"]{width:75%}.nonresponsive [column~="10"]{width:83.33333%}.nonresponsive [column~="11"]{width:91.66667%}.nonresponsive [column~="12"]{width:100%}.nonresponsive [column~="+1"]{margin-left:8.33333%}.nonresponsive [column~="+2"]{margin-left:16.66667%}.nonresponsive [column~="+3"]{margin-left:25%}.nonresponsive [column~="+4"]{margin-left:33.33333%}.nonresponsive [column~="+5"]{margin-left:41.66667%}.nonresponsive [column~="+6"]{margin-left:50%}.nonresponsive [column~="+7"]{margin-left:58.33333%}.nonresponsive [column~="+8"]{margin-left:66.66667%}.nonresponsive [column~="+9"]{margin-left:75%}.nonresponsive [column~="+10"]{margin-left:83.33333%}.nonresponsive [column~="+11"]{margin-left:91.66667%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:480px){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:768px){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:960px){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:1100px){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file diff --git a/package.json b/package.json index f912c60..857abc1 100644 --- a/package.json +++ b/package.json @@ -25,7 +25,7 @@ }, "devDependencies": { "chokidar-cli": "^1.2.0", - "concise-cli": "^0.1.0", + "concise-cli": "^0.2.0", "cssnano-cli": "^1.0.4", "node-sass": "^3.7.0", "stylestats": "^6.3.0" diff --git a/src/core/layout/_normalization.scss b/src/core/layout/_normalization.scss index d839455..e0c7513 100644 --- a/src/core/layout/_normalization.scss +++ b/src/core/layout/_normalization.scss @@ -151,11 +151,11 @@ textarea { box-sizing: border-box; color: getColor(text, primary); cursor: default; - font: (round($font-base-size * .875) + px) / 1.5 $font-family; + font: $font-base-size + px / 1.5 $font-family; text-rendering: optimizeLegibility; @media (--small) { - font-size: $font-base-size + px; + font-size: $font-base-size * 1.125 + px; } } From 7421e9f0074cfe49641cf685b02903b4199621c7 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Sun, 19 Jun 2016 21:29:56 -0600 Subject: [PATCH 035/183] [fix: #171] Replace pxToEm() with new 'pe' unit --- dist/concise.css | 38 ++++++++++++++--------------- dist/concise.min.css | 2 +- src/core/globals/_functions.scss | 18 -------------- src/core/layout/_buttons.scss | 8 +++--- src/core/layout/_forms.scss | 12 ++++----- src/core/layout/_headings.scss | 42 ++++++++++++++++---------------- src/core/layout/_type.scss | 2 +- 7 files changed, 52 insertions(+), 70 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index ca312a4..734797d 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -602,27 +602,27 @@ h4, h5, h6, h1, .h1 { - font-size: 2.368em; } + font-size: 2.368000625em; } @media (min-width: 768px) { h1, .h1 { - font-size: 3.15733em; } } + font-size: 3.157334375em; } } h2, .h2 { - font-size: 1.77644em; } + font-size: 1.776445em; } @media (min-width: 768px) { h2, .h2 { - font-size: 2.36859em; } } + font-size: 2.368593125em; } } h3, .h3 { - font-size: 1.33267em; } + font-size: 1.332666875em; } @media (min-width: 768px) { h3, .h3 { - font-size: 1.77689em; } } + font-size: 1.77688875em; } } h4, .h4 { @@ -634,46 +634,46 @@ h5, h6, .h6 { - font-size: 0.75019em; } + font-size: 0.7501875em; } .giga { - font-size: 5.60883em; } + font-size: 5.608830625em; } @media (min-width: 768px) { .giga { - font-size: 7.47844em; } } + font-size: 7.478440625em; } } .mega { - font-size: 4.20767em; } + font-size: 4.207675em; } @media (min-width: 768px) { .mega { - font-size: 5.61023em; } } + font-size: 5.610233125em; } } .kilo { - font-size: 3.15655em; } + font-size: 3.156545em; } @media (min-width: 768px) { .kilo { - font-size: 4.20873em; } } + font-size: 4.208726875em; } } .nonresponsive h1, .nonresponsive .h1 { - font-size: 3.15733em; } + font-size: 3.157334375em; } .nonresponsive h2, .nonresponsive .h2 { - font-size: 2.36859em; } + font-size: 2.368593125em; } .nonresponsive h3, .nonresponsive .h3 { - font-size: 1.77689em; } + font-size: 1.77688875em; } .nonresponsive .giga { - font-size: 7.47844em; } + font-size: 7.478440625em; } .nonresponsive .mega { - font-size: 5.61023em; } + font-size: 5.610233125em; } .nonresponsive .kilo { - font-size: 4.20873em; } + font-size: 4.208726875em; } ul, ol { diff --git a/dist/concise.min.css b/dist/concise.min.css index c5bbf5b..2c6acaa 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;line-height:3rem;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:inherit;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75em;line-height:1.875rem;padding:0 1.5em}.button--sm{font-size:.875em;line-height:2.25rem;padding:0 2em}.button--lg{font-size:1.125em;line-height:3.375rem;padding:0 3em}.button--xlg{font-size:1.125em;line-height:3.75rem;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:480px){.button--collapse{width:auto}}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}.nonresponsive form,.nonresponsive form [row]{margin-bottom:1.5rem}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875em;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875em}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875em;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75em;font-weight:700;margin-top:.375rem}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:1.5rem}@media (min-width:480px){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.nonresponsive .form--inline input,.nonresponsive .form--inline select,.nonresponsive .form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.nonresponsive .form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.nonresponsive .form--inline input+label{margin-left:1em}.input--small{font-size:.75em!important;height:1.5rem!important}.input--large{font-size:1em!important;height:3rem!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:1.5rem 0 .375rem}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:.375rem 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368em}@media (min-width:768px){.h1,h1{font-size:3.15733em}}.h2,h2{font-size:1.77644em}@media (min-width:768px){.h2,h2{font-size:2.36859em}}.h3,h3{font-size:1.33267em}@media (min-width:768px){.h3,h3{font-size:1.77689em}}.h4,h4{font-size:1.333em}.h5,h5{font-size:1em}.h6,h6{font-size:.75019em}.giga{font-size:5.60883em}@media (min-width:768px){.giga{font-size:7.47844em}}.mega{font-size:4.20767em}@media (min-width:768px){.mega{font-size:5.61023em}}.kilo{font-size:3.15655em}@media (min-width:768px){.kilo{font-size:4.20873em}}.nonresponsive .h1,.nonresponsive h1{font-size:3.15733em}.nonresponsive .h2,.nonresponsive h2{font-size:2.36859em}.nonresponsive .h3,.nonresponsive h3{font-size:1.77689em}.nonresponsive .giga{font-size:7.47844em}.nonresponsive .mega{font-size:5.61023em}.nonresponsive .kilo{font-size:4.20873em}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}@media (min-width:960px){.dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.dl--horizontal dd{margin-left:165px}.dl--horizontal dd:after,.dl--horizontal dd:before{content:"";display:table}.dl--horizontal dd:after{clear:both}}.nonresponsive .dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.nonresponsive .dl--horizontal dd{margin-left:165px}.nonresponsive .dl--horizontal dd:after,.nonresponsive .dl--horizontal dd:before{content:"";display:table}.nonresponsive .dl--horizontal dd:after{clear:both}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:none;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}@media print and (min-width:480px){table{page-break-inside:avoid;width:100%!important}table td,table th{line-height:2.25rem!important}}@media print{.alert,.alert :after,.alert:before,.badge,.badge :after,.badge:before,.breadcrumbs,.breadcrumbs :after,.breadcrumbs:before,.label,.label :after,.label:before,.modal,.modal :after,.modal:before,.progress,.progress :after,.progress:before,.spinner,.spinner :after,.spinner:before,.tooltip,.tooltip :after,.tooltip:before,[data-hint],[data-hint] :after,[data-hint]:before{display:none;visibility:hidden}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:1.5rem;width:100%}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:.375rem 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}.nonresponsive{width:auto}.nonresponsive td,.nonresponsive th{padding:0 2.5em;line-height:3rem}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}p:not(:last-child){margin-bottom:1.5rem}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}abbr[title]{border-bottom:1px dotted #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875em}pre{padding:.75rem 1.5em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:none}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;line-height:1.75;margin:-3px 2px 0;padding:2px 6px 0;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:after,[row]:before{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media (min-width:768px){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.nonresponsive [column~="1"]{width:8.33333%}.nonresponsive [column~="2"]{width:16.66667%}.nonresponsive [column~="3"]{width:25%}.nonresponsive [column~="4"]{width:33.33333%}.nonresponsive [column~="5"]{width:41.66667%}.nonresponsive [column~="6"]{width:50%}.nonresponsive [column~="7"]{width:58.33333%}.nonresponsive [column~="8"]{width:66.66667%}.nonresponsive [column~="9"]{width:75%}.nonresponsive [column~="10"]{width:83.33333%}.nonresponsive [column~="11"]{width:91.66667%}.nonresponsive [column~="12"]{width:100%}.nonresponsive [column~="+1"]{margin-left:8.33333%}.nonresponsive [column~="+2"]{margin-left:16.66667%}.nonresponsive [column~="+3"]{margin-left:25%}.nonresponsive [column~="+4"]{margin-left:33.33333%}.nonresponsive [column~="+5"]{margin-left:41.66667%}.nonresponsive [column~="+6"]{margin-left:50%}.nonresponsive [column~="+7"]{margin-left:58.33333%}.nonresponsive [column~="+8"]{margin-left:66.66667%}.nonresponsive [column~="+9"]{margin-left:75%}.nonresponsive [column~="+10"]{margin-left:83.33333%}.nonresponsive [column~="+11"]{margin-left:91.66667%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:480px){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:768px){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:960px){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:1100px){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;line-height:3rem;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:inherit;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75em;line-height:1.875rem;padding:0 1.5em}.button--sm{font-size:.875em;line-height:2.25rem;padding:0 2em}.button--lg{font-size:1.125em;line-height:3.375rem;padding:0 3em}.button--xlg{font-size:1.125em;line-height:3.75rem;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:480px){.button--collapse{width:auto}}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}.nonresponsive form,.nonresponsive form [row]{margin-bottom:1.5rem}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875em;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875em}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875em;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75em;font-weight:700;margin-top:.375rem}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:1.5rem}@media (min-width:480px){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.nonresponsive .form--inline input,.nonresponsive .form--inline select,.nonresponsive .form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.nonresponsive .form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.nonresponsive .form--inline input+label{margin-left:1em}.input--small{font-size:.75em!important;height:1.5rem!important}.input--large{font-size:1em!important;height:3rem!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:1.5rem 0 .375rem}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:.375rem 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368000625em}@media (min-width:768px){.h1,h1{font-size:3.157334375em}}.h2,h2{font-size:1.776445em}@media (min-width:768px){.h2,h2{font-size:2.368593125em}}.h3,h3{font-size:1.332666875em}@media (min-width:768px){.h3,h3{font-size:1.77688875em}}.h4,h4{font-size:1.333em}.h5,h5{font-size:1em}.h6,h6{font-size:.7501875em}.giga{font-size:5.608830625em}@media (min-width:768px){.giga{font-size:7.478440625em}}.mega{font-size:4.207675em}@media (min-width:768px){.mega{font-size:5.610233125em}}.kilo{font-size:3.156545em}@media (min-width:768px){.kilo{font-size:4.208726875em}}.nonresponsive .h1,.nonresponsive h1{font-size:3.157334375em}.nonresponsive .h2,.nonresponsive h2{font-size:2.368593125em}.nonresponsive .h3,.nonresponsive h3{font-size:1.77688875em}.nonresponsive .giga{font-size:7.478440625em}.nonresponsive .mega{font-size:5.610233125em}.nonresponsive .kilo{font-size:4.208726875em}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}@media (min-width:960px){.dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.dl--horizontal dd{margin-left:165px}.dl--horizontal dd:after,.dl--horizontal dd:before{content:"";display:table}.dl--horizontal dd:after{clear:both}}.nonresponsive .dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.nonresponsive .dl--horizontal dd{margin-left:165px}.nonresponsive .dl--horizontal dd:after,.nonresponsive .dl--horizontal dd:before{content:"";display:table}.nonresponsive .dl--horizontal dd:after{clear:both}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:none;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}@media print and (min-width:480px){table{page-break-inside:avoid;width:100%!important}table td,table th{line-height:2.25rem!important}}@media print{.alert,.alert :after,.alert:before,.badge,.badge :after,.badge:before,.breadcrumbs,.breadcrumbs :after,.breadcrumbs:before,.label,.label :after,.label:before,.modal,.modal :after,.modal:before,.progress,.progress :after,.progress:before,.spinner,.spinner :after,.spinner:before,.tooltip,.tooltip :after,.tooltip:before,[data-hint],[data-hint] :after,[data-hint]:before{display:none;visibility:hidden}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:1.5rem;width:100%}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:.375rem 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}.nonresponsive{width:auto}.nonresponsive td,.nonresponsive th{padding:0 2.5em;line-height:3rem}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}p:not(:last-child){margin-bottom:1.5rem}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}abbr[title]{border-bottom:1px dotted #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875em}pre{padding:.75rem 1.5em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:none}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;line-height:1.75;margin:-3px 2px 0;padding:2px 6px 0;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:after,[row]:before{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media (min-width:768px){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.nonresponsive [column~="1"]{width:8.33333%}.nonresponsive [column~="2"]{width:16.66667%}.nonresponsive [column~="3"]{width:25%}.nonresponsive [column~="4"]{width:33.33333%}.nonresponsive [column~="5"]{width:41.66667%}.nonresponsive [column~="6"]{width:50%}.nonresponsive [column~="7"]{width:58.33333%}.nonresponsive [column~="8"]{width:66.66667%}.nonresponsive [column~="9"]{width:75%}.nonresponsive [column~="10"]{width:83.33333%}.nonresponsive [column~="11"]{width:91.66667%}.nonresponsive [column~="12"]{width:100%}.nonresponsive [column~="+1"]{margin-left:8.33333%}.nonresponsive [column~="+2"]{margin-left:16.66667%}.nonresponsive [column~="+3"]{margin-left:25%}.nonresponsive [column~="+4"]{margin-left:33.33333%}.nonresponsive [column~="+5"]{margin-left:41.66667%}.nonresponsive [column~="+6"]{margin-left:50%}.nonresponsive [column~="+7"]{margin-left:58.33333%}.nonresponsive [column~="+8"]{margin-left:66.66667%}.nonresponsive [column~="+9"]{margin-left:75%}.nonresponsive [column~="+10"]{margin-left:83.33333%}.nonresponsive [column~="+11"]{margin-left:91.66667%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:480px){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:768px){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:960px){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:1100px){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file diff --git a/src/core/globals/_functions.scss b/src/core/globals/_functions.scss index 0ba9c1d..09d8b5a 100644 --- a/src/core/globals/_functions.scss +++ b/src/core/globals/_functions.scss @@ -3,24 +3,6 @@ // ============================================================================= -// -// pxToEm -// ------ -// Converts a Px value into a Em value -// -// @access public -// -// @param {Number} $px - value in pixels -// @param {Number} $base - Base font size -// -// @return {Number} Value in Ems -// - -@function pxToEm($px, $base: $font-base-size) { - @return ($px / $base) + em; -} - - // // pxToRem // ------ diff --git a/src/core/layout/_buttons.scss b/src/core/layout/_buttons.scss index c70fc3b..1caabbf 100644 --- a/src/core/layout/_buttons.scss +++ b/src/core/layout/_buttons.scss @@ -65,28 +65,28 @@ button, // Extra small .button--xsm { - font-size: pxToEm(12); + font-size: 12pe; line-height: 1.25lh; padding: 0 1.5em; } // Small .button--sm { - font-size: pxToEm(14); + font-size: 14pe; line-height: 1.5lh; padding: 0 2em; } // Large .button--lg { - font-size: pxToEm(18); + font-size: 18pe; line-height: 2.25lh; padding: 0 3em; } // Extra large .button--xlg { - font-size: pxToEm(18); + font-size: 18pe; line-height: 2.5lh; padding: 0 3.5em; } diff --git a/src/core/layout/_forms.scss b/src/core/layout/_forms.scss index 9bcd416..b6bc914 100644 --- a/src/core/layout/_forms.scss +++ b/src/core/layout/_forms.scss @@ -18,7 +18,7 @@ select, textarea { border: 1px solid getColor(base, lines); border-radius: 3px; - font-size: pxToEm(14); + font-size: 14pe; height: 1.25lh; padding: 0 .75em; transition: $transition-duration; @@ -63,7 +63,7 @@ input[type="submit"] { label { display: block; - font-size: pxToEm(14); + font-size: 14pe; } fieldset { @@ -74,7 +74,7 @@ fieldset { } legend { - font-size: pxToEm(14); + font-size: 14pe; font-weight: bold; padding: 0 1em; } @@ -205,7 +205,7 @@ input[type="range"] { .input--help { color: getColor(text, secondary); display: block; - font-size: pxToEm(12); + font-size: 12pe; font-weight: bold; margin-top: 0.25lh; } @@ -271,13 +271,13 @@ input[type="range"] { // Small .input--small { - font-size: pxToEm(12) !important; + font-size: 12pe !important; height: 1lh !important; } // Large .input--large { - font-size: pxToEm(16) !important; + font-size: 16pe !important; height: 2lh !important; } diff --git a/src/core/layout/_headings.scss b/src/core/layout/_headings.scss index 73b306f..0024e51 100644 --- a/src/core/layout/_headings.scss +++ b/src/core/layout/_headings.scss @@ -49,39 +49,39 @@ h4, h5, h6, h1, .h1 { - font-size: pxToEm($h1-size * .75); + font-size: $h1-size * .75 + pe; @media (--medium) { - font-size: pxToEm($h1-size); + font-size: $h1-size + pe; } } h2, .h2 { - font-size: pxToEm($h2-size * .75); + font-size: $h2-size * .75 + pe; @media (--medium) { - font-size: pxToEm($h2-size); + font-size: $h2-size + pe; } } h3, .h3 { - font-size: pxToEm($h3-size * .75); + font-size: $h3-size * .75 + pe; @media (--medium) { - font-size: pxToEm($h3-size); + font-size: $h3-size + pe; } } h4, -.h4 { font-size: pxToEm($h4-size); } +.h4 { font-size: $h4-size + pe; } h5, -.h5 { font-size: pxToEm($h5-size); } +.h5 { font-size: $h5-size + pe; } h6, -.h6 { font-size: pxToEm($h6-size); } +.h6 { font-size: $h6-size + pe; } // @@ -90,28 +90,28 @@ h6, // Giga .giga { - font-size: pxToEm($giga-size * .75); + font-size: $giga-size * .75 + pe; @media (--medium) { - font-size: pxToEm($giga-size); + font-size: $giga-size + pe; } } // Mega .mega { - font-size: pxToEm($mega-size * .75); + font-size: $mega-size * .75 + pe; @media (--medium) { - font-size: pxToEm($mega-size); + font-size: $mega-size + pe; } } // Kilo .kilo { - font-size: pxToEm($kilo-size * .75); + font-size: $kilo-size * .75 + pe; @media (--medium) { - font-size: pxToEm($kilo-size); + font-size: $kilo-size + pe; } } @@ -123,18 +123,18 @@ h6, @if $non-responsive == true { .nonresponsive { h1, - .h1 { font-size: pxToEm($h1-size); } + .h1 { font-size: $h1-size + pe; } h2, - .h2 { font-size: pxToEm($h2-size); } + .h2 { font-size: $h2-size + pe; } h3, - .h3 { font-size: pxToEm($h3-size); } + .h3 { font-size: $h3-size + pe; } - .giga { font-size: pxToEm($giga-size); } + .giga { font-size: $giga-size + pe; } - .mega { font-size: pxToEm($mega-size); } + .mega { font-size: $mega-size + pe; } - .kilo { font-size: pxToEm($kilo-size); } + .kilo { font-size: $kilo-size + pe; } } } diff --git a/src/core/layout/_type.scss b/src/core/layout/_type.scss index 305dea3..c1e3406 100644 --- a/src/core/layout/_type.scss +++ b/src/core/layout/_type.scss @@ -95,7 +95,7 @@ pre, kbd, samp { font-family: $font-family-mono; - font-size: pxToEm(14); + font-size: 14pe; } pre { padding: 0.5lh 1.5em; } From cef4a7f5b9c7e459b64fd3016cc96c05344d5253 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Sun, 19 Jun 2016 21:30:57 -0600 Subject: [PATCH 036/183] [ref: #171] Delete pxToRem function Use 'pr' unit instead --- src/core/globals/_functions.scss | 17 ----------------- 1 file changed, 17 deletions(-) diff --git a/src/core/globals/_functions.scss b/src/core/globals/_functions.scss index 09d8b5a..1c77b0b 100644 --- a/src/core/globals/_functions.scss +++ b/src/core/globals/_functions.scss @@ -3,23 +3,6 @@ // ============================================================================= -// -// pxToRem -// ------ -// Converts a Px value into a Rem value -// -// @access public -// -// @param {Number} $px - value in pixels -// -// @return {Number} Value in Rems -// - -@function pxToRem($px) { - @return ($px / $font-base-size) + rem; -} - - // // getColor // -------- From 2caf76b9a820248c0c8eb275100774dc57653e5f Mon Sep 17 00:00:00 2001 From: James Kolce Date: Sun, 19 Jun 2016 21:34:03 -0600 Subject: [PATCH 037/183] [fix: #175] Delete non-responsive functionality --- dist/concise.css | 137 --------------------------------- dist/concise.min.css | 2 +- src/_globals.scss | 3 - src/core/layout/_forms.scss | 27 ------- src/core/layout/_headings.scss | 24 ------ src/core/layout/_lists.scss | 28 ------- src/core/layout/_tables.scss | 14 ---- src/core/utils/_atgrid.scss | 19 ----- 8 files changed, 1 insertion(+), 253 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index 734797d..426dc10 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -324,10 +324,6 @@ button, input[type="submit"], form [row] { margin-bottom: 1.5rem; } } -.nonresponsive form, .nonresponsive -form [row] { - margin-bottom: 1.5rem; } - input:not([type="submit"]), select, textarea { @@ -492,22 +488,6 @@ input[type="range"] { .form--inline input + label { margin-left: 1em; } } -.nonresponsive .form--inline input, -.nonresponsive .form--inline select, -.nonresponsive .form--inline textarea { - display: inline-block; - margin-bottom: 0; - vertical-align: middle; - width: auto; } - -.nonresponsive .form--inline label { - display: inline; - margin-right: .5em; - vertical-align: middle; } - -.nonresponsive .form--inline input + label { - margin-left: 1em; } - .input--small { font-size: 0.75em !important; height: 1.5rem !important; } @@ -654,27 +634,6 @@ h6, .kilo { font-size: 4.208726875em; } } -.nonresponsive h1, -.nonresponsive .h1 { - font-size: 3.157334375em; } - -.nonresponsive h2, -.nonresponsive .h2 { - font-size: 2.368593125em; } - -.nonresponsive h3, -.nonresponsive .h3 { - font-size: 1.77688875em; } - -.nonresponsive .giga { - font-size: 7.478440625em; } - -.nonresponsive .mega { - font-size: 5.610233125em; } - -.nonresponsive .kilo { - font-size: 4.208726875em; } - ul, ol { padding-left: 1.5em; @@ -743,23 +702,6 @@ dd { .dl--horizontal dd:after { clear: both; } } -.nonresponsive .dl--horizontal dt { - clear: left; - float: left; - overflow: hidden; - text-align: right; - text-overflow: ellipsis; - white-space: nowrap; - width: 150px; } - -.nonresponsive .dl--horizontal dd { - margin-left: 165px; } - .nonresponsive .dl--horizontal dd:before, .nonresponsive .dl--horizontal dd:after { - content: ""; - display: table; } - .nonresponsive .dl--horizontal dd:after { - clear: both; } - @media print { @page { margin: .5cm; } @@ -922,16 +864,6 @@ table { table td { padding: 0 2.5em; } } -.nonresponsive { - width: auto; } - .nonresponsive th, - .nonresponsive td { - padding: 0 2.5em; } - -.nonresponsive th, -.nonresponsive td { - line-height: 3rem; } - .table--responsive { overflow: auto; width: 100%; } @@ -1181,75 +1113,6 @@ address { [column~="+11"] { margin-left: 91.66667%; } } -.nonresponsive [column~="1"] { - width: 8.33333%; } - -.nonresponsive [column~="2"] { - width: 16.66667%; } - -.nonresponsive [column~="3"] { - width: 25%; } - -.nonresponsive [column~="4"] { - width: 33.33333%; } - -.nonresponsive [column~="5"] { - width: 41.66667%; } - -.nonresponsive [column~="6"] { - width: 50%; } - -.nonresponsive [column~="7"] { - width: 58.33333%; } - -.nonresponsive [column~="8"] { - width: 66.66667%; } - -.nonresponsive [column~="9"] { - width: 75%; } - -.nonresponsive [column~="10"] { - width: 83.33333%; } - -.nonresponsive [column~="11"] { - width: 91.66667%; } - -.nonresponsive [column~="12"] { - width: 100%; } - -.nonresponsive [column~="+1"] { - margin-left: 8.33333%; } - -.nonresponsive [column~="+2"] { - margin-left: 16.66667%; } - -.nonresponsive [column~="+3"] { - margin-left: 25%; } - -.nonresponsive [column~="+4"] { - margin-left: 33.33333%; } - -.nonresponsive [column~="+5"] { - margin-left: 41.66667%; } - -.nonresponsive [column~="+6"] { - margin-left: 50%; } - -.nonresponsive [column~="+7"] { - margin-left: 58.33333%; } - -.nonresponsive [column~="+8"] { - margin-left: 66.66667%; } - -.nonresponsive [column~="+9"] { - margin-left: 75%; } - -.nonresponsive [column~="+10"] { - margin-left: 83.33333%; } - -.nonresponsive [column~="+11"] { - margin-left: 91.66667%; } - .text--muted { color: #aaa !important; } diff --git a/dist/concise.min.css b/dist/concise.min.css index 2c6acaa..f22adf6 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;line-height:3rem;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:inherit;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75em;line-height:1.875rem;padding:0 1.5em}.button--sm{font-size:.875em;line-height:2.25rem;padding:0 2em}.button--lg{font-size:1.125em;line-height:3.375rem;padding:0 3em}.button--xlg{font-size:1.125em;line-height:3.75rem;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:480px){.button--collapse{width:auto}}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}.nonresponsive form,.nonresponsive form [row]{margin-bottom:1.5rem}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875em;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875em}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875em;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75em;font-weight:700;margin-top:.375rem}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:1.5rem}@media (min-width:480px){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.nonresponsive .form--inline input,.nonresponsive .form--inline select,.nonresponsive .form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.nonresponsive .form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.nonresponsive .form--inline input+label{margin-left:1em}.input--small{font-size:.75em!important;height:1.5rem!important}.input--large{font-size:1em!important;height:3rem!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:1.5rem 0 .375rem}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:.375rem 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368000625em}@media (min-width:768px){.h1,h1{font-size:3.157334375em}}.h2,h2{font-size:1.776445em}@media (min-width:768px){.h2,h2{font-size:2.368593125em}}.h3,h3{font-size:1.332666875em}@media (min-width:768px){.h3,h3{font-size:1.77688875em}}.h4,h4{font-size:1.333em}.h5,h5{font-size:1em}.h6,h6{font-size:.7501875em}.giga{font-size:5.608830625em}@media (min-width:768px){.giga{font-size:7.478440625em}}.mega{font-size:4.207675em}@media (min-width:768px){.mega{font-size:5.610233125em}}.kilo{font-size:3.156545em}@media (min-width:768px){.kilo{font-size:4.208726875em}}.nonresponsive .h1,.nonresponsive h1{font-size:3.157334375em}.nonresponsive .h2,.nonresponsive h2{font-size:2.368593125em}.nonresponsive .h3,.nonresponsive h3{font-size:1.77688875em}.nonresponsive .giga{font-size:7.478440625em}.nonresponsive .mega{font-size:5.610233125em}.nonresponsive .kilo{font-size:4.208726875em}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}@media (min-width:960px){.dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.dl--horizontal dd{margin-left:165px}.dl--horizontal dd:after,.dl--horizontal dd:before{content:"";display:table}.dl--horizontal dd:after{clear:both}}.nonresponsive .dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.nonresponsive .dl--horizontal dd{margin-left:165px}.nonresponsive .dl--horizontal dd:after,.nonresponsive .dl--horizontal dd:before{content:"";display:table}.nonresponsive .dl--horizontal dd:after{clear:both}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:none;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}@media print and (min-width:480px){table{page-break-inside:avoid;width:100%!important}table td,table th{line-height:2.25rem!important}}@media print{.alert,.alert :after,.alert:before,.badge,.badge :after,.badge:before,.breadcrumbs,.breadcrumbs :after,.breadcrumbs:before,.label,.label :after,.label:before,.modal,.modal :after,.modal:before,.progress,.progress :after,.progress:before,.spinner,.spinner :after,.spinner:before,.tooltip,.tooltip :after,.tooltip:before,[data-hint],[data-hint] :after,[data-hint]:before{display:none;visibility:hidden}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:1.5rem;width:100%}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:.375rem 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}.nonresponsive{width:auto}.nonresponsive td,.nonresponsive th{padding:0 2.5em;line-height:3rem}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}p:not(:last-child){margin-bottom:1.5rem}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}abbr[title]{border-bottom:1px dotted #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875em}pre{padding:.75rem 1.5em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:none}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;line-height:1.75;margin:-3px 2px 0;padding:2px 6px 0;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:after,[row]:before{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media (min-width:768px){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.nonresponsive [column~="1"]{width:8.33333%}.nonresponsive [column~="2"]{width:16.66667%}.nonresponsive [column~="3"]{width:25%}.nonresponsive [column~="4"]{width:33.33333%}.nonresponsive [column~="5"]{width:41.66667%}.nonresponsive [column~="6"]{width:50%}.nonresponsive [column~="7"]{width:58.33333%}.nonresponsive [column~="8"]{width:66.66667%}.nonresponsive [column~="9"]{width:75%}.nonresponsive [column~="10"]{width:83.33333%}.nonresponsive [column~="11"]{width:91.66667%}.nonresponsive [column~="12"]{width:100%}.nonresponsive [column~="+1"]{margin-left:8.33333%}.nonresponsive [column~="+2"]{margin-left:16.66667%}.nonresponsive [column~="+3"]{margin-left:25%}.nonresponsive [column~="+4"]{margin-left:33.33333%}.nonresponsive [column~="+5"]{margin-left:41.66667%}.nonresponsive [column~="+6"]{margin-left:50%}.nonresponsive [column~="+7"]{margin-left:58.33333%}.nonresponsive [column~="+8"]{margin-left:66.66667%}.nonresponsive [column~="+9"]{margin-left:75%}.nonresponsive [column~="+10"]{margin-left:83.33333%}.nonresponsive [column~="+11"]{margin-left:91.66667%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:480px){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:768px){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:960px){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:1100px){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;line-height:3rem;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:inherit;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75em;line-height:1.875rem;padding:0 1.5em}.button--sm{font-size:.875em;line-height:2.25rem;padding:0 2em}.button--lg{font-size:1.125em;line-height:3.375rem;padding:0 3em}.button--xlg{font-size:1.125em;line-height:3.75rem;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:480px){.button--collapse{width:auto}}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875em;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875em}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875em;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75em;font-weight:700;margin-top:.375rem}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:1.5rem}@media (min-width:480px){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.input--small{font-size:.75em!important;height:1.5rem!important}.input--large{font-size:1em!important;height:3rem!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:1.5rem 0 .375rem}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:.375rem 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368000625em}@media (min-width:768px){.h1,h1{font-size:3.157334375em}}.h2,h2{font-size:1.776445em}@media (min-width:768px){.h2,h2{font-size:2.368593125em}}.h3,h3{font-size:1.332666875em}@media (min-width:768px){.h3,h3{font-size:1.77688875em}}.h4,h4{font-size:1.333em}.h5,h5{font-size:1em}.h6,h6{font-size:.7501875em}.giga{font-size:5.608830625em}@media (min-width:768px){.giga{font-size:7.478440625em}}.mega{font-size:4.207675em}@media (min-width:768px){.mega{font-size:5.610233125em}}.kilo{font-size:3.156545em}@media (min-width:768px){.kilo{font-size:4.208726875em}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}@media (min-width:960px){.dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.dl--horizontal dd{margin-left:165px}.dl--horizontal dd:after,.dl--horizontal dd:before{content:"";display:table}.dl--horizontal dd:after{clear:both}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:none;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}@media print and (min-width:480px){table{page-break-inside:avoid;width:100%!important}table td,table th{line-height:2.25rem!important}}@media print{.alert,.alert :after,.alert:before,.badge,.badge :after,.badge:before,.breadcrumbs,.breadcrumbs :after,.breadcrumbs:before,.label,.label :after,.label:before,.modal,.modal :after,.modal:before,.progress,.progress :after,.progress:before,.spinner,.spinner :after,.spinner:before,.tooltip,.tooltip :after,.tooltip:before,[data-hint],[data-hint] :after,[data-hint]:before{display:none;visibility:hidden}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:1.5rem;width:100%}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:.375rem 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}p:not(:last-child){margin-bottom:1.5rem}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}abbr[title]{border-bottom:1px dotted #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875em}pre{padding:.75rem 1.5em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:none}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;line-height:1.75;margin:-3px 2px 0;padding:2px 6px 0;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:after,[row]:before{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media (min-width:768px){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:480px){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:768px){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:960px){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:1100px){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file diff --git a/src/_globals.scss b/src/_globals.scss index 9a7e511..06f6149 100644 --- a/src/_globals.scss +++ b/src/_globals.scss @@ -14,9 +14,6 @@ $font-base-size: 16 !default; $automargin: false !default; $block-margin: 1lh !default; -// Non-responsive website -$non-responsive: true !default; - // Transition duration $transition-duration: 150ms !default; diff --git a/src/core/layout/_forms.scss b/src/core/layout/_forms.scss index b6bc914..fdf3bd1 100644 --- a/src/core/layout/_forms.scss +++ b/src/core/layout/_forms.scss @@ -7,10 +7,6 @@ form [row] { @media (--small) { margin-bottom: 1lh; } - - @if $non-responsive == true { - .nonresponsive & { margin-bottom: 1lh; } - } } input:not([type="submit"]), @@ -241,29 +237,6 @@ input[type="range"] { } } -@if $non-responsive == true { - .nonresponsive { - .form--inline { - input, - select, - textarea { - display: inline-block; - margin-bottom: 0; - vertical-align: middle; - width: auto; - } - - label { - display: inline; - margin-right: .5em; - vertical-align: middle; - } - - input + label { margin-left: 1em; } - } - } -} - // // Input Modifiers diff --git a/src/core/layout/_headings.scss b/src/core/layout/_headings.scss index 0024e51..eba9714 100644 --- a/src/core/layout/_headings.scss +++ b/src/core/layout/_headings.scss @@ -114,27 +114,3 @@ h6, font-size: $kilo-size + pe; } } - - -// -// Non-Responsive -// -------------- - -@if $non-responsive == true { - .nonresponsive { - h1, - .h1 { font-size: $h1-size + pe; } - - h2, - .h2 { font-size: $h2-size + pe; } - - h3, - .h3 { font-size: $h3-size + pe; } - - .giga { font-size: $giga-size + pe; } - - .mega { font-size: $mega-size + pe; } - - .kilo { font-size: $kilo-size + pe; } - } -} diff --git a/src/core/layout/_lists.scss b/src/core/layout/_lists.scss index 4471485..58c73b9 100644 --- a/src/core/layout/_lists.scss +++ b/src/core/layout/_lists.scss @@ -92,31 +92,3 @@ dd { margin-bottom: 0.25lh; } } } } - -@if $non-responsive == true { - .nonresponsive { - .dl--horizontal { - dt { - clear: left; - float: left; - overflow: hidden; - text-align: right; - text-overflow: ellipsis; - white-space: nowrap; - width: 150px; - } - - dd { - &:before, - &:after { - content: ""; - display: table; - } - - &:after { clear: both; } - - margin-left: 165px; - } - } - } -} diff --git a/src/core/layout/_tables.scss b/src/core/layout/_tables.scss index 0f3626f..a2c30a7 100644 --- a/src/core/layout/_tables.scss +++ b/src/core/layout/_tables.scss @@ -55,20 +55,6 @@ table { } } -@if $non-responsive == true { - .nonresponsive { - & { - width: auto; - - th, - td { padding: 0 2.5em; } - } - - th, - td { line-height: 2lh; } - } -} - // // Responsive diff --git a/src/core/utils/_atgrid.scss b/src/core/utils/_atgrid.scss index abb8691..41cc793 100644 --- a/src/core/utils/_atgrid.scss +++ b/src/core/utils/_atgrid.scss @@ -183,23 +183,4 @@ $only-semantic: false !default; } } } - - // Non-responsive grid - @if $non-responsive == true { - .nonresponsive { - // Create columns - @for $i from 1 through $num-columns { - [#{$prefix}column~="#{$i}"] { - width: (($i / $num-columns) * 100%); - } - } - - // Offset for columns - @for $i from 1 through ($num-columns - 1) { - [#{$prefix}column~="+#{$i}"] { - margin-left: (($i / $num-columns) * 100%); - } - } - } - } } From 5f24f85ff6a8a4accc7913f76fd489aa2b277cd5 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Sun, 19 Jun 2016 22:59:15 -0600 Subject: [PATCH 038/183] Round the font-size in root --- src/core/layout/_normalization.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/core/layout/_normalization.scss b/src/core/layout/_normalization.scss index e0c7513..2b3a3dc 100644 --- a/src/core/layout/_normalization.scss +++ b/src/core/layout/_normalization.scss @@ -155,7 +155,7 @@ textarea { text-rendering: optimizeLegibility; @media (--small) { - font-size: $font-base-size * 1.125 + px; + font-size: round($font-base-size * 1.125) + px; } } From ac17f7124a25f5c2e349e0edfc2519783bd54fbb Mon Sep 17 00:00:00 2001 From: James Kolce Date: Mon, 20 Jun 2016 15:08:41 -0600 Subject: [PATCH 039/183] [fix: #180] Add $font-base-size-bg variable --- src/_globals.scss | 3 ++- src/core/layout/_normalization.scss | 4 ++-- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/src/_globals.scss b/src/_globals.scss index 06f6149..d5ee336 100644 --- a/src/_globals.scss +++ b/src/_globals.scss @@ -8,7 +8,8 @@ // Base // ---- -$font-base-size: 16 !default; +$font-base-size-sm: 16 !default; +$font-base-size-bg: 16 !default; // Automatic margins $automargin: false !default; diff --git a/src/core/layout/_normalization.scss b/src/core/layout/_normalization.scss index 2b3a3dc..95a41a7 100644 --- a/src/core/layout/_normalization.scss +++ b/src/core/layout/_normalization.scss @@ -151,11 +151,11 @@ textarea { box-sizing: border-box; color: getColor(text, primary); cursor: default; - font: $font-base-size + px / 1.5 $font-family; + font: $font-base-size-sm + px / 1.5 $font-family; text-rendering: optimizeLegibility; @media (--small) { - font-size: round($font-base-size * 1.125) + px; + font-size: $font-base-size-bg + px; } } From a4a8d89ff3d6a07a5bea4cfc1b7f555cd4502715 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Mon, 20 Jun 2016 15:18:52 -0600 Subject: [PATCH 040/183] [ref: #180] fix $font-base-size variables --- src/_globals.scss | 4 ++-- src/core/layout/_normalization.scss | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/_globals.scss b/src/_globals.scss index d5ee336..8f93a65 100644 --- a/src/_globals.scss +++ b/src/_globals.scss @@ -8,8 +8,8 @@ // Base // ---- -$font-base-size-sm: 16 !default; -$font-base-size-bg: 16 !default; +$font-base-size: 16 !default; +$font-base-size-bg: 18 !default; // Automatic margins $automargin: false !default; diff --git a/src/core/layout/_normalization.scss b/src/core/layout/_normalization.scss index 95a41a7..4797877 100644 --- a/src/core/layout/_normalization.scss +++ b/src/core/layout/_normalization.scss @@ -151,7 +151,7 @@ textarea { box-sizing: border-box; color: getColor(text, primary); cursor: default; - font: $font-base-size-sm + px / 1.5 $font-family; + font: $font-base-size + px / 1.5 $font-family; text-rendering: optimizeLegibility; @media (--small) { From 64cc00d4c187ab643299c3d30673021f82b64030 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Mon, 20 Jun 2016 15:25:34 -0600 Subject: [PATCH 041/183] Change em to rem using the pr unit --- dist/concise.css | 54 +++++++++++++++++----------------- dist/concise.min.css | 2 +- src/core/layout/_buttons.scss | 8 ++--- src/core/layout/_forms.scss | 12 ++++---- src/core/layout/_headings.scss | 30 +++++++++---------- src/core/layout/_type.scss | 4 +-- 6 files changed, 55 insertions(+), 55 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index 426dc10..bbe6c15 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -278,22 +278,22 @@ button, input[type="submit"], background-color: #db674b; } .button--xsm { - font-size: 0.75em; + font-size: 0.75rem; line-height: 1.875rem; padding: 0 1.5em; } .button--sm { - font-size: 0.875em; + font-size: 0.875rem; line-height: 2.25rem; padding: 0 2em; } .button--lg { - font-size: 1.125em; + font-size: 1.125rem; line-height: 3.375rem; padding: 0 3em; } .button--xlg { - font-size: 1.125em; + font-size: 1.125rem; line-height: 3.75rem; padding: 0 3.5em; } @@ -329,7 +329,7 @@ select, textarea { border: 1px solid #e0e0e0; border-radius: 3px; - font-size: 0.875em; + font-size: 0.875rem; height: 1.875rem; padding: 0 .75em; -webkit-transition: 150ms; @@ -357,7 +357,7 @@ input:not([type="submit"]) { label { display: block; - font-size: 0.875em; } + font-size: 0.875rem; } fieldset { border: 1px solid #e0e0e0; @@ -366,7 +366,7 @@ fieldset { margin-bottom: 1.5rem; } legend { - font-size: 0.875em; + font-size: 0.875rem; font-weight: bold; padding: 0 1em; } @@ -464,7 +464,7 @@ input[type="range"] { .input--help { color: #666; display: block; - font-size: 0.75em; + font-size: 0.75rem; font-weight: bold; margin-top: 0.375rem; } @@ -489,11 +489,11 @@ input[type="range"] { margin-left: 1em; } } .input--small { - font-size: 0.75em !important; + font-size: 0.75rem !important; height: 1.5rem !important; } .input--large { - font-size: 1em !important; + font-size: 1rem !important; height: 3rem !important; } .input--flat { @@ -582,57 +582,57 @@ h4, h5, h6, h1, .h1 { - font-size: 2.368000625em; } + font-size: 2.368rem; } @media (min-width: 768px) { h1, .h1 { - font-size: 3.157334375em; } } + font-size: 3.15733rem; } } h2, .h2 { - font-size: 1.776445em; } + font-size: 1.77645rem; } @media (min-width: 768px) { h2, .h2 { - font-size: 2.368593125em; } } + font-size: 2.36859rem; } } h3, .h3 { - font-size: 1.332666875em; } + font-size: 1.33267rem; } @media (min-width: 768px) { h3, .h3 { - font-size: 1.77688875em; } } + font-size: 1.77689rem; } } h4, .h4 { - font-size: 1.333em; } + font-size: 1.333rem; } h5, .h5 { - font-size: 1em; } + font-size: 1rem; } h6, .h6 { - font-size: 0.7501875em; } + font-size: 0.75019rem; } .giga { - font-size: 5.608830625em; } + font-size: 5.60883rem; } @media (min-width: 768px) { .giga { - font-size: 7.478440625em; } } + font-size: 7.47844rem; } } .mega { - font-size: 4.207675em; } + font-size: 4.20768rem; } @media (min-width: 768px) { .mega { - font-size: 5.610233125em; } } + font-size: 5.61023rem; } } .kilo { - font-size: 3.156545em; } + font-size: 3.15654rem; } @media (min-width: 768px) { .kilo { - font-size: 4.208726875em; } } + font-size: 4.20873rem; } } ul, ol { @@ -989,7 +989,7 @@ pre, kbd, samp { font-family: "Consolas", monospace; - font-size: 0.875em; } + font-size: 0.875rem; } pre { padding: 0.75rem 1.5em; } @@ -1019,7 +1019,7 @@ pre code { .pre--flat { background-color: transparent; border: 0; - border-radius: none; + border-radius: 0; padding: 0; } kbd { diff --git a/dist/concise.min.css b/dist/concise.min.css index f22adf6..41cca12 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;line-height:3rem;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:inherit;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75em;line-height:1.875rem;padding:0 1.5em}.button--sm{font-size:.875em;line-height:2.25rem;padding:0 2em}.button--lg{font-size:1.125em;line-height:3.375rem;padding:0 3em}.button--xlg{font-size:1.125em;line-height:3.75rem;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:480px){.button--collapse{width:auto}}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875em;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875em}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875em;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75em;font-weight:700;margin-top:.375rem}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:1.5rem}@media (min-width:480px){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.input--small{font-size:.75em!important;height:1.5rem!important}.input--large{font-size:1em!important;height:3rem!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:1.5rem 0 .375rem}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:.375rem 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368000625em}@media (min-width:768px){.h1,h1{font-size:3.157334375em}}.h2,h2{font-size:1.776445em}@media (min-width:768px){.h2,h2{font-size:2.368593125em}}.h3,h3{font-size:1.332666875em}@media (min-width:768px){.h3,h3{font-size:1.77688875em}}.h4,h4{font-size:1.333em}.h5,h5{font-size:1em}.h6,h6{font-size:.7501875em}.giga{font-size:5.608830625em}@media (min-width:768px){.giga{font-size:7.478440625em}}.mega{font-size:4.207675em}@media (min-width:768px){.mega{font-size:5.610233125em}}.kilo{font-size:3.156545em}@media (min-width:768px){.kilo{font-size:4.208726875em}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}@media (min-width:960px){.dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.dl--horizontal dd{margin-left:165px}.dl--horizontal dd:after,.dl--horizontal dd:before{content:"";display:table}.dl--horizontal dd:after{clear:both}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:none;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}@media print and (min-width:480px){table{page-break-inside:avoid;width:100%!important}table td,table th{line-height:2.25rem!important}}@media print{.alert,.alert :after,.alert:before,.badge,.badge :after,.badge:before,.breadcrumbs,.breadcrumbs :after,.breadcrumbs:before,.label,.label :after,.label:before,.modal,.modal :after,.modal:before,.progress,.progress :after,.progress:before,.spinner,.spinner :after,.spinner:before,.tooltip,.tooltip :after,.tooltip:before,[data-hint],[data-hint] :after,[data-hint]:before{display:none;visibility:hidden}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:1.5rem;width:100%}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:.375rem 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}p:not(:last-child){margin-bottom:1.5rem}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}abbr[title]{border-bottom:1px dotted #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875em}pre{padding:.75rem 1.5em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:none}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;line-height:1.75;margin:-3px 2px 0;padding:2px 6px 0;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:after,[row]:before{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media (min-width:768px){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:480px){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:768px){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:960px){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:1100px){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;line-height:3rem;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:inherit;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75rem;line-height:1.875rem;padding:0 1.5em}.button--sm{font-size:.875rem;line-height:2.25rem;padding:0 2em}.button--lg{font-size:1.125rem;line-height:3.375rem;padding:0 3em}.button--xlg{font-size:1.125rem;line-height:3.75rem;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:480px){.button--collapse{width:auto}}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875rem;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75rem;font-weight:700;margin-top:.375rem}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:1.5rem}@media (min-width:480px){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.input--small{font-size:.75rem!important;height:1.5rem!important}.input--large{font-size:1rem!important;height:3rem!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:1.5rem 0 .375rem}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:.375rem 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368rem}@media (min-width:768px){.h1,h1{font-size:3.15733rem}}.h2,h2{font-size:1.77645rem}@media (min-width:768px){.h2,h2{font-size:2.36859rem}}.h3,h3{font-size:1.33267rem}@media (min-width:768px){.h3,h3{font-size:1.77689rem}}.h4,h4{font-size:1.333rem}.h5,h5{font-size:1rem}.h6,h6{font-size:.75019rem}.giga{font-size:5.60883rem}@media (min-width:768px){.giga{font-size:7.47844rem}}.mega{font-size:4.20768rem}@media (min-width:768px){.mega{font-size:5.61023rem}}.kilo{font-size:3.15654rem}@media (min-width:768px){.kilo{font-size:4.20873rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}@media (min-width:960px){.dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.dl--horizontal dd{margin-left:165px}.dl--horizontal dd:after,.dl--horizontal dd:before{content:"";display:table}.dl--horizontal dd:after{clear:both}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:none;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}@media print and (min-width:480px){table{page-break-inside:avoid;width:100%!important}table td,table th{line-height:2.25rem!important}}@media print{.alert,.alert :after,.alert:before,.badge,.badge :after,.badge:before,.breadcrumbs,.breadcrumbs :after,.breadcrumbs:before,.label,.label :after,.label:before,.modal,.modal :after,.modal:before,.progress,.progress :after,.progress:before,.spinner,.spinner :after,.spinner:before,.tooltip,.tooltip :after,.tooltip:before,[data-hint],[data-hint] :after,[data-hint]:before{display:none;visibility:hidden}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:1.5rem;width:100%}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:.375rem 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}p:not(:last-child){margin-bottom:1.5rem}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}abbr[title]{border-bottom:1px dotted #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875rem}pre{padding:.75rem 1.5em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:0}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;line-height:1.75;margin:-3px 2px 0;padding:2px 6px 0;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:after,[row]:before{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media (min-width:768px){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:480px){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:768px){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:960px){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:1100px){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file diff --git a/src/core/layout/_buttons.scss b/src/core/layout/_buttons.scss index 1caabbf..8e27dd8 100644 --- a/src/core/layout/_buttons.scss +++ b/src/core/layout/_buttons.scss @@ -65,28 +65,28 @@ button, // Extra small .button--xsm { - font-size: 12pe; + font-size: 12pr; line-height: 1.25lh; padding: 0 1.5em; } // Small .button--sm { - font-size: 14pe; + font-size: 14pr; line-height: 1.5lh; padding: 0 2em; } // Large .button--lg { - font-size: 18pe; + font-size: 18pr; line-height: 2.25lh; padding: 0 3em; } // Extra large .button--xlg { - font-size: 18pe; + font-size: 18pr; line-height: 2.5lh; padding: 0 3.5em; } diff --git a/src/core/layout/_forms.scss b/src/core/layout/_forms.scss index fdf3bd1..3e2b7ef 100644 --- a/src/core/layout/_forms.scss +++ b/src/core/layout/_forms.scss @@ -14,7 +14,7 @@ select, textarea { border: 1px solid getColor(base, lines); border-radius: 3px; - font-size: 14pe; + font-size: 14pr; height: 1.25lh; padding: 0 .75em; transition: $transition-duration; @@ -59,7 +59,7 @@ input[type="submit"] { label { display: block; - font-size: 14pe; + font-size: 14pr; } fieldset { @@ -70,7 +70,7 @@ fieldset { } legend { - font-size: 14pe; + font-size: 14pr; font-weight: bold; padding: 0 1em; } @@ -201,7 +201,7 @@ input[type="range"] { .input--help { color: getColor(text, secondary); display: block; - font-size: 12pe; + font-size: 12pr; font-weight: bold; margin-top: 0.25lh; } @@ -244,13 +244,13 @@ input[type="range"] { // Small .input--small { - font-size: 12pe !important; + font-size: 12pr !important; height: 1lh !important; } // Large .input--large { - font-size: 16pe !important; + font-size: 16pr !important; height: 2lh !important; } diff --git a/src/core/layout/_headings.scss b/src/core/layout/_headings.scss index eba9714..3d217ca 100644 --- a/src/core/layout/_headings.scss +++ b/src/core/layout/_headings.scss @@ -49,39 +49,39 @@ h4, h5, h6, h1, .h1 { - font-size: $h1-size * .75 + pe; + font-size: $h1-size * .75 + pr; @media (--medium) { - font-size: $h1-size + pe; + font-size: $h1-size + pr; } } h2, .h2 { - font-size: $h2-size * .75 + pe; + font-size: $h2-size * .75 + pr; @media (--medium) { - font-size: $h2-size + pe; + font-size: $h2-size + pr; } } h3, .h3 { - font-size: $h3-size * .75 + pe; + font-size: $h3-size * .75 + pr; @media (--medium) { - font-size: $h3-size + pe; + font-size: $h3-size + pr; } } h4, -.h4 { font-size: $h4-size + pe; } +.h4 { font-size: $h4-size + pr; } h5, -.h5 { font-size: $h5-size + pe; } +.h5 { font-size: $h5-size + pr; } h6, -.h6 { font-size: $h6-size + pe; } +.h6 { font-size: $h6-size + pr; } // @@ -90,27 +90,27 @@ h6, // Giga .giga { - font-size: $giga-size * .75 + pe; + font-size: $giga-size * .75 + pr; @media (--medium) { - font-size: $giga-size + pe; + font-size: $giga-size + pr; } } // Mega .mega { - font-size: $mega-size * .75 + pe; + font-size: $mega-size * .75 + pr; @media (--medium) { - font-size: $mega-size + pe; + font-size: $mega-size + pr; } } // Kilo .kilo { - font-size: $kilo-size * .75 + pe; + font-size: $kilo-size * .75 + pr; @media (--medium) { - font-size: $kilo-size + pe; + font-size: $kilo-size + pr; } } diff --git a/src/core/layout/_type.scss b/src/core/layout/_type.scss index c1e3406..63eae52 100644 --- a/src/core/layout/_type.scss +++ b/src/core/layout/_type.scss @@ -95,7 +95,7 @@ pre, kbd, samp { font-family: $font-family-mono; - font-size: 14pe; + font-size: 14pr; } pre { padding: 0.5lh 1.5em; } @@ -127,7 +127,7 @@ pre code { .pre--flat { background-color: transparent; border: 0; - border-radius: none; + border-radius: 0; padding: 0; } From d127d42ca1d9e9703b73392ace7ad4449e13433d Mon Sep 17 00:00:00 2001 From: James Kolce Date: Mon, 20 Jun 2016 15:50:26 -0600 Subject: [PATCH 042/183] [fix: #179] Fix syntax issues and TODOs --- src/core/layout/_print.scss | 38 +----------------------------------- src/core/layout/_tables.scss | 20 ++++++++----------- 2 files changed, 9 insertions(+), 49 deletions(-) diff --git a/src/core/layout/_print.scss b/src/core/layout/_print.scss index bd6a203..9e75916 100644 --- a/src/core/layout/_print.scss +++ b/src/core/layout/_print.scss @@ -89,7 +89,7 @@ $font-family-print: "Georgia", "Times New Roman", "Times", serif !default; pre, code { - background-color: none; + background-color: transparent; border: 1px solid getColor(base, lines); page-break-inside: avoid; } @@ -118,40 +118,4 @@ $font-family-print: "Georgia", "Times New Roman", "Times", serif !default; ol { li { content: "» "; } } - - table { - @media (--small) { - & { - page-break-inside: avoid; - width: 100% !important; - - th, - td { line-height: 1.5lh !important; } - } - } - } - - - // - // Components - // - // TODO: conditional to check if Concise UI is being included - - // Base - .badge, - .label, - .spinner, - .tooltip, - [data-hint], - .progress, - .breadcrumbs, - .modal, - .alert { - &, - &:before, - *:after { - display: none; - visibility: hidden; - } - } } diff --git a/src/core/layout/_tables.scss b/src/core/layout/_tables.scss index a2c30a7..0eacb2f 100644 --- a/src/core/layout/_tables.scss +++ b/src/core/layout/_tables.scss @@ -10,6 +10,13 @@ table { margin-bottom: 1lh; width: 100%; + @media (--small) { + width: auto; + + th, + td { padding: 0 2.5em; } + } + caption { color: getColor(text, primary); font-size: 85%; @@ -35,24 +42,13 @@ table { overflow: visible; padding: 0.25lh 1em; - @media (--small) { - line-height: 2lh; - } + @media (--small) { line-height: 2lh; } &:last-child { border-right: none; } } tr, td { transition: background-color $transition-duration; } - - @media (--small) { - & { - width: auto; - - th, - td { padding: 0 2.5em; } - } - } } From 4c5022fd03692cbb9f08fca4a95ef2503dcafb4b Mon Sep 17 00:00:00 2001 From: James Kolce Date: Mon, 20 Jun 2016 16:17:58 -0600 Subject: [PATCH 043/183] Move concise.scss to the root dir --- src/concise.scss => concise.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) rename src/concise.scss => concise.scss (80%) diff --git a/src/concise.scss b/concise.scss similarity index 80% rename from src/concise.scss rename to concise.scss index 121e625..b76fa03 100644 --- a/src/concise.scss +++ b/concise.scss @@ -9,10 +9,10 @@ */ // Globals -@import 'globals'; +@import 'src/globals'; // Base styles -@import 'base'; +@import 'src/base'; // Utils -@import 'utils'; +@import 'src/utils'; From 74a0030839313d35db2760c693d3a4e2ce69f8e4 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Mon, 20 Jun 2016 16:32:48 -0600 Subject: [PATCH 044/183] Fix path for concise.scss in package.json --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 857abc1..1a88309 100644 --- a/package.json +++ b/package.json @@ -31,7 +31,7 @@ "stylestats": "^6.3.0" }, "scripts": { - "build": "concise compile src/concise.scss dist/concise.css && cssnano dist/concise.css dist/concise.min.css", + "build": "concise compile concise.scss dist/concise.css && cssnano dist/concise.css dist/concise.min.css", "build:watch": "chokidar 'src/**/*.scss' -c 'npm run build'", "stats": "stylestats dist/concise.css", "stats:min": "stylestats dist/concise.css" From 27695aef94be71a71b74aee1d86d6ecdcc2cbf53 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Mon, 20 Jun 2016 16:44:57 -0600 Subject: [PATCH 045/183] [fix: #181] Delete horizontal definition list --- src/core/layout/_lists.scss | 27 --------------------------- 1 file changed, 27 deletions(-) diff --git a/src/core/layout/_lists.scss b/src/core/layout/_lists.scss index 58c73b9..00d94d4 100644 --- a/src/core/layout/_lists.scss +++ b/src/core/layout/_lists.scss @@ -65,30 +65,3 @@ dt { font-weight: bold; } dt, dd { margin-bottom: 0.25lh; } - -// Horizontal definition list -.dl--horizontal { - @media (--large) { - dt { - clear: left; - float: left; - overflow: hidden; - text-align: right; - text-overflow: ellipsis; - white-space: nowrap; - width: 150px; - } - - dd { - &:before, - &:after { - content: ""; - display: table; - } - - &:after { clear: both; } - - margin-left: 165px; - } - } -} From 5f9d0078451aa50fcc4472c9b60a331ae3b7675b Mon Sep 17 00:00:00 2001 From: James Kolce Date: Mon, 20 Jun 2016 16:45:36 -0600 Subject: [PATCH 046/183] Clean up styles for kbd and abbr duplicates --- dist/concise.css | 78 +++++--------------------------------- dist/concise.min.css | 2 +- src/core/layout/_type.scss | 11 +----- 3 files changed, 12 insertions(+), 79 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index bbe6c15..d8ff980 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -685,23 +685,6 @@ dt, dd { margin-bottom: 0.375rem; } -@media (min-width: 960px) { - .dl--horizontal dt { - clear: left; - float: left; - overflow: hidden; - text-align: right; - text-overflow: ellipsis; - white-space: nowrap; - width: 150px; } - .dl--horizontal dd { - margin-left: 165px; } - .dl--horizontal dd:before, .dl--horizontal dd:after { - content: ""; - display: table; } - .dl--horizontal dd:after { - clear: both; } } - @media print { @page { margin: .5cm; } @@ -760,7 +743,7 @@ dd { content: ""; } pre, code { - background-color: none; + background-color: transparent; border: 1px solid #e0e0e0; page-break-inside: avoid; } blockquote { @@ -783,44 +766,6 @@ dd { ol li { content: "» "; } } -@media print and (min-width: 480px) { - table { - page-break-inside: avoid; - width: 100% !important; } - table th, - table td { - line-height: 2.25rem !important; } } - -@media print { - .badge, .badge:before, - .badge *:after, - .label, - .label:before, - .label *:after, - .spinner, - .spinner:before, - .spinner *:after, - .tooltip, - .tooltip:before, - .tooltip *:after, - [data-hint], - [data-hint]:before, - [data-hint] *:after, - .progress, - .progress:before, - .progress *:after, - .breadcrumbs, - .breadcrumbs:before, - .breadcrumbs *:after, - .modal, - .modal:before, - .modal *:after, - .alert, - .alert:before, - .alert *:after { - display: none; - visibility: hidden; } } - table { border: 1px solid #e0e0e0; border-collapse: collapse; @@ -828,6 +773,12 @@ table { empty-cells: show; margin-bottom: 1.5rem; width: 100%; } + @media (min-width: 480px) { + table { + width: auto; } + table th, + table td { + padding: 0 2.5em; } } table caption { color: #555; font-size: 85%; @@ -857,12 +808,6 @@ table { table td { -webkit-transition: background-color 150ms; transition: background-color 150ms; } - @media (min-width: 480px) { - table { - width: auto; } - table th, - table td { - padding: 0 2.5em; } } .table--responsive { overflow: auto; @@ -980,9 +925,6 @@ abbr { -webkit-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "smcp" 1, "c2sc" 1; font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "smcp" 1, "c2sc" 1; /* 2 */ } - abbr[title] { - border-bottom: 1px dotted #e0e0e0; - cursor: help; } code, pre, @@ -992,7 +934,7 @@ samp { font-size: 0.875rem; } pre { - padding: 0.75rem 1.5em; } + padding: 0.75rem 1em; } code { vertical-align: middle; @@ -1028,9 +970,7 @@ kbd { border-radius: 3px; box-shadow: 0 2px 0 -1px white, 0 2px 0 gainsboro; display: inline-block; - line-height: 1.75; - margin: -3px 2px 0; - padding: 2px 6px 0; + padding: 0 6px 0; white-space: nowrap; } samp { diff --git a/dist/concise.min.css b/dist/concise.min.css index 41cca12..1cf5e09 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;line-height:3rem;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:inherit;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75rem;line-height:1.875rem;padding:0 1.5em}.button--sm{font-size:.875rem;line-height:2.25rem;padding:0 2em}.button--lg{font-size:1.125rem;line-height:3.375rem;padding:0 3em}.button--xlg{font-size:1.125rem;line-height:3.75rem;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:480px){.button--collapse{width:auto}}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875rem;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75rem;font-weight:700;margin-top:.375rem}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:1.5rem}@media (min-width:480px){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.input--small{font-size:.75rem!important;height:1.5rem!important}.input--large{font-size:1rem!important;height:3rem!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:1.5rem 0 .375rem}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:.375rem 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368rem}@media (min-width:768px){.h1,h1{font-size:3.15733rem}}.h2,h2{font-size:1.77645rem}@media (min-width:768px){.h2,h2{font-size:2.36859rem}}.h3,h3{font-size:1.33267rem}@media (min-width:768px){.h3,h3{font-size:1.77689rem}}.h4,h4{font-size:1.333rem}.h5,h5{font-size:1rem}.h6,h6{font-size:.75019rem}.giga{font-size:5.60883rem}@media (min-width:768px){.giga{font-size:7.47844rem}}.mega{font-size:4.20768rem}@media (min-width:768px){.mega{font-size:5.61023rem}}.kilo{font-size:3.15654rem}@media (min-width:768px){.kilo{font-size:4.20873rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}@media (min-width:960px){.dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.dl--horizontal dd{margin-left:165px}.dl--horizontal dd:after,.dl--horizontal dd:before{content:"";display:table}.dl--horizontal dd:after{clear:both}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:none;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}@media print and (min-width:480px){table{page-break-inside:avoid;width:100%!important}table td,table th{line-height:2.25rem!important}}@media print{.alert,.alert :after,.alert:before,.badge,.badge :after,.badge:before,.breadcrumbs,.breadcrumbs :after,.breadcrumbs:before,.label,.label :after,.label:before,.modal,.modal :after,.modal:before,.progress,.progress :after,.progress:before,.spinner,.spinner :after,.spinner:before,.tooltip,.tooltip :after,.tooltip:before,[data-hint],[data-hint] :after,[data-hint]:before{display:none;visibility:hidden}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:1.5rem;width:100%}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:.375rem 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}p:not(:last-child){margin-bottom:1.5rem}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}abbr[title]{border-bottom:1px dotted #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875rem}pre{padding:.75rem 1.5em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:0}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;line-height:1.75;margin:-3px 2px 0;padding:2px 6px 0;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:after,[row]:before{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media (min-width:768px){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:480px){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:768px){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:960px){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:1100px){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;line-height:3rem;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:inherit;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75rem;line-height:1.875rem;padding:0 1.5em}.button--sm{font-size:.875rem;line-height:2.25rem;padding:0 2em}.button--lg{font-size:1.125rem;line-height:3.375rem;padding:0 3em}.button--xlg{font-size:1.125rem;line-height:3.75rem;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:480px){.button--collapse{width:auto}}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875rem;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75rem;font-weight:700;margin-top:.375rem}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:1.5rem}@media (min-width:480px){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.input--small{font-size:.75rem!important;height:1.5rem!important}.input--large{font-size:1rem!important;height:3rem!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:1.5rem 0 .375rem}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:.375rem 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368rem}@media (min-width:768px){.h1,h1{font-size:3.15733rem}}.h2,h2{font-size:1.77645rem}@media (min-width:768px){.h2,h2{font-size:2.36859rem}}.h3,h3{font-size:1.33267rem}@media (min-width:768px){.h3,h3{font-size:1.77689rem}}.h4,h4{font-size:1.333rem}.h5,h5{font-size:1rem}.h6,h6{font-size:.75019rem}.giga{font-size:5.60883rem}@media (min-width:768px){.giga{font-size:7.47844rem}}.mega{font-size:4.20768rem}@media (min-width:768px){.mega{font-size:5.61023rem}}.kilo{font-size:3.15654rem}@media (min-width:768px){.kilo{font-size:4.20873rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:1.5rem;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:.375rem 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}p:not(:last-child){margin-bottom:1.5rem}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875rem}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:0}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:after,[row]:before{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media (min-width:768px){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:480px){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:768px){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:960px){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:1100px){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file diff --git a/src/core/layout/_type.scss b/src/core/layout/_type.scss index 63eae52..e657e77 100644 --- a/src/core/layout/_type.scss +++ b/src/core/layout/_type.scss @@ -78,11 +78,6 @@ h1, h2, h3, abbr { text-transform: uppercase; /* 1 */ font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "smcp" 1, "c2sc" 1; /* 2 */ - - &[title] { - border-bottom: 1px dotted getColor(base, lines); - cursor: help; - } } @@ -98,7 +93,7 @@ samp { font-size: 14pr; } -pre { padding: 0.5lh 1.5em; } +pre { padding: 0.5lh 1em; } code { vertical-align: middle; @@ -137,9 +132,7 @@ kbd { border-radius: 3px; box-shadow: 0 2px 0 -1px white,0 2px 0 darken(getColor(base, lines), 1.5%); display: inline-block; - line-height: 1.75; - margin: -3px 2px 0; - padding: 2px 6px 0; + padding: 0 6px 0; white-space: nowrap; } From 84d24ca4811ad17d4abd6d76fd6ad23cc8fc122b Mon Sep 17 00:00:00 2001 From: James Kolce Date: Mon, 20 Jun 2016 18:40:49 -0600 Subject: [PATCH 047/183] [fix: #182] Reduce the size of the buttons --- dist/concise.css | 21 +++++++++++---------- dist/concise.min.css | 2 +- src/core/layout/_buttons.scss | 22 ++++++++++++---------- 3 files changed, 24 insertions(+), 21 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index d8ff980..2882438 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -210,9 +210,10 @@ button, input[type="submit"], color: white; cursor: pointer; display: inline-block; - line-height: 3rem; + font-size: 0.875rem; + line-height: 2.25rem; overflow: visible; - padding: 0 2.5em; + padding: 0 1.5em; text-align: center; text-decoration: none; -webkit-transition: 150ms; @@ -227,7 +228,7 @@ button, input[type="submit"], .button:hover, .button:focus { background-color: #75b3c7; - color: inherit; + color: white; text-decoration: none; } button:focus, input[type="submit"]:focus, button:active, input[type="submit"]:active, .button:focus, @@ -279,23 +280,23 @@ button, input[type="submit"], .button--xsm { font-size: 0.75rem; - line-height: 1.875rem; - padding: 0 1.5em; } + line-height: 1.5rem; + padding: 0 1em; } .button--sm { font-size: 0.875rem; - line-height: 2.25rem; - padding: 0 2em; } + line-height: 1.875rem; + padding: 0 1em; } .button--lg { font-size: 1.125rem; - line-height: 3.375rem; - padding: 0 3em; } + line-height: 3rem; + padding: 0 2em; } .button--xlg { font-size: 1.125rem; line-height: 3.75rem; - padding: 0 3.5em; } + padding: 0 2.5em; } .button--full { width: 100%; } diff --git a/dist/concise.min.css b/dist/concise.min.css index 1cf5e09..da4d82c 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;line-height:3rem;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:inherit;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75rem;line-height:1.875rem;padding:0 1.5em}.button--sm{font-size:.875rem;line-height:2.25rem;padding:0 2em}.button--lg{font-size:1.125rem;line-height:3.375rem;padding:0 3em}.button--xlg{font-size:1.125rem;line-height:3.75rem;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:480px){.button--collapse{width:auto}}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875rem;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75rem;font-weight:700;margin-top:.375rem}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:1.5rem}@media (min-width:480px){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.input--small{font-size:.75rem!important;height:1.5rem!important}.input--large{font-size:1rem!important;height:3rem!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:1.5rem 0 .375rem}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:.375rem 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368rem}@media (min-width:768px){.h1,h1{font-size:3.15733rem}}.h2,h2{font-size:1.77645rem}@media (min-width:768px){.h2,h2{font-size:2.36859rem}}.h3,h3{font-size:1.33267rem}@media (min-width:768px){.h3,h3{font-size:1.77689rem}}.h4,h4{font-size:1.333rem}.h5,h5{font-size:1rem}.h6,h6{font-size:.75019rem}.giga{font-size:5.60883rem}@media (min-width:768px){.giga{font-size:7.47844rem}}.mega{font-size:4.20768rem}@media (min-width:768px){.mega{font-size:5.61023rem}}.kilo{font-size:3.15654rem}@media (min-width:768px){.kilo{font-size:4.20873rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:1.5rem;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:.375rem 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}p:not(:last-child){margin-bottom:1.5rem}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875rem}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:0}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:after,[row]:before{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media (min-width:768px){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:480px){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:768px){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:960px){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:1100px){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75rem;line-height:1.5rem;padding:0 1em}.button--sm{font-size:.875rem;line-height:1.875rem;padding:0 1em}.button--lg{font-size:1.125rem;line-height:3rem;padding:0 2em}.button--xlg{font-size:1.125rem;line-height:3.75rem;padding:0 2.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:480px){.button--collapse{width:auto}}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875rem;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75rem;font-weight:700;margin-top:.375rem}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:1.5rem}@media (min-width:480px){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.input--small{font-size:.75rem!important;height:1.5rem!important}.input--large{font-size:1rem!important;height:3rem!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:1.5rem 0 .375rem}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:.375rem 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368rem}@media (min-width:768px){.h1,h1{font-size:3.15733rem}}.h2,h2{font-size:1.77645rem}@media (min-width:768px){.h2,h2{font-size:2.36859rem}}.h3,h3{font-size:1.33267rem}@media (min-width:768px){.h3,h3{font-size:1.77689rem}}.h4,h4{font-size:1.333rem}.h5,h5{font-size:1rem}.h6,h6{font-size:.75019rem}.giga{font-size:5.60883rem}@media (min-width:768px){.giga{font-size:7.47844rem}}.mega{font-size:4.20768rem}@media (min-width:768px){.mega{font-size:5.61023rem}}.kilo{font-size:3.15654rem}@media (min-width:768px){.kilo{font-size:4.20873rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:1.5rem;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:.375rem 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}p:not(:last-child){margin-bottom:1.5rem}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875rem}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:0}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:after,[row]:before{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media (min-width:768px){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:480px){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:768px){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:960px){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:1100px){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file diff --git a/src/core/layout/_buttons.scss b/src/core/layout/_buttons.scss index 8e27dd8..6ba4e79 100644 --- a/src/core/layout/_buttons.scss +++ b/src/core/layout/_buttons.scss @@ -9,9 +9,10 @@ button, color: getColor(text, ui); cursor: pointer; display: inline-block; - line-height: 2lh; + font-size: 14pr; + line-height: 1.5lh; overflow: visible; - padding: 0 2.5em; + padding: 0 1.5em; text-align: center; text-decoration: none; transition: $transition-duration; @@ -22,7 +23,7 @@ button, &:hover, &:focus { background-color: lighten(getColor(base, primary), 15%); - color: inherit; + color: getColor(text, ui); text-decoration: none; } @@ -66,29 +67,29 @@ button, // Extra small .button--xsm { font-size: 12pr; - line-height: 1.25lh; - padding: 0 1.5em; + line-height: 1lh; + padding: 0 1em; } // Small .button--sm { font-size: 14pr; - line-height: 1.5lh; - padding: 0 2em; + line-height: 1.25lh; + padding: 0 1em; } // Large .button--lg { font-size: 18pr; - line-height: 2.25lh; - padding: 0 3em; + line-height: 2lh; + padding: 0 2em; } // Extra large .button--xlg { font-size: 18pr; line-height: 2.5lh; - padding: 0 3.5em; + padding: 0 2.5em; } // Full-width @@ -100,6 +101,7 @@ button, // --------- // Pill +// TODO: use relative unit .button--pill { border-radius: 25px; } // Flat From cd3d7aa4f0ca2788367d84d5988cf8df9c1b71f8 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Mon, 20 Jun 2016 18:43:16 -0600 Subject: [PATCH 048/183] Use relative unit for radius in button--pill --- dist/concise.css | 2 +- dist/concise.min.css | 2 +- src/core/layout/_buttons.scss | 3 +-- 3 files changed, 3 insertions(+), 4 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index 2882438..ec0f413 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -302,7 +302,7 @@ button, input[type="submit"], width: 100%; } .button--pill { - border-radius: 25px; } + border-radius: 1.5em; } .button--flat { background-color: transparent; diff --git a/dist/concise.min.css b/dist/concise.min.css index da4d82c..ce72214 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75rem;line-height:1.5rem;padding:0 1em}.button--sm{font-size:.875rem;line-height:1.875rem;padding:0 1em}.button--lg{font-size:1.125rem;line-height:3rem;padding:0 2em}.button--xlg{font-size:1.125rem;line-height:3.75rem;padding:0 2.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:480px){.button--collapse{width:auto}}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875rem;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75rem;font-weight:700;margin-top:.375rem}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:1.5rem}@media (min-width:480px){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.input--small{font-size:.75rem!important;height:1.5rem!important}.input--large{font-size:1rem!important;height:3rem!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:1.5rem 0 .375rem}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:.375rem 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368rem}@media (min-width:768px){.h1,h1{font-size:3.15733rem}}.h2,h2{font-size:1.77645rem}@media (min-width:768px){.h2,h2{font-size:2.36859rem}}.h3,h3{font-size:1.33267rem}@media (min-width:768px){.h3,h3{font-size:1.77689rem}}.h4,h4{font-size:1.333rem}.h5,h5{font-size:1rem}.h6,h6{font-size:.75019rem}.giga{font-size:5.60883rem}@media (min-width:768px){.giga{font-size:7.47844rem}}.mega{font-size:4.20768rem}@media (min-width:768px){.mega{font-size:5.61023rem}}.kilo{font-size:3.15654rem}@media (min-width:768px){.kilo{font-size:4.20873rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:1.5rem;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:.375rem 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}p:not(:last-child){margin-bottom:1.5rem}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875rem}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:0}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:after,[row]:before{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media (min-width:768px){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:480px){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:768px){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:960px){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:1100px){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75rem;line-height:1.5rem;padding:0 1em}.button--sm{font-size:.875rem;line-height:1.875rem;padding:0 1em}.button--lg{font-size:1.125rem;line-height:3rem;padding:0 2em}.button--xlg{font-size:1.125rem;line-height:3.75rem;padding:0 2.5em}.button--full{width:100%}.button--pill{border-radius:1.5em}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:480px){.button--collapse{width:auto}}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875rem;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75rem;font-weight:700;margin-top:.375rem}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:1.5rem}@media (min-width:480px){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.input--small{font-size:.75rem!important;height:1.5rem!important}.input--large{font-size:1rem!important;height:3rem!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:1.5rem 0 .375rem}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:.375rem 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368rem}@media (min-width:768px){.h1,h1{font-size:3.15733rem}}.h2,h2{font-size:1.77645rem}@media (min-width:768px){.h2,h2{font-size:2.36859rem}}.h3,h3{font-size:1.33267rem}@media (min-width:768px){.h3,h3{font-size:1.77689rem}}.h4,h4{font-size:1.333rem}.h5,h5{font-size:1rem}.h6,h6{font-size:.75019rem}.giga{font-size:5.60883rem}@media (min-width:768px){.giga{font-size:7.47844rem}}.mega{font-size:4.20768rem}@media (min-width:768px){.mega{font-size:5.61023rem}}.kilo{font-size:3.15654rem}@media (min-width:768px){.kilo{font-size:4.20873rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:1.5rem;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:.375rem 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}p:not(:last-child){margin-bottom:1.5rem}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875rem}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:0}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:after,[row]:before{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media (min-width:768px){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:480px){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:768px){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:960px){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:1100px){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file diff --git a/src/core/layout/_buttons.scss b/src/core/layout/_buttons.scss index 6ba4e79..e3c66d9 100644 --- a/src/core/layout/_buttons.scss +++ b/src/core/layout/_buttons.scss @@ -101,8 +101,7 @@ button, // --------- // Pill -// TODO: use relative unit -.button--pill { border-radius: 25px; } +.button--pill { border-radius: 1.5em; } // Flat .button--flat { From 6c7da39407781f4b4432bfdcd50df39b56b3cea5 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Mon, 20 Jun 2016 18:48:26 -0600 Subject: [PATCH 049/183] Adjust size of tables --- dist/concise.css | 3 +-- dist/concise.min.css | 2 +- src/core/layout/_tables.scss | 3 +-- 3 files changed, 3 insertions(+), 5 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index ec0f413..37a42b8 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -772,7 +772,6 @@ table { border-collapse: collapse; border-spacing: 0; empty-cells: show; - margin-bottom: 1.5rem; width: 100%; } @media (min-width: 480px) { table { @@ -797,7 +796,7 @@ table { border-right: 1px solid #e0e0e0; line-height: 1.5rem; overflow: visible; - padding: 0.375rem 1em; } + padding: 0 1em; } @media (min-width: 480px) { table th, table td { diff --git a/dist/concise.min.css b/dist/concise.min.css index ce72214..1f72f95 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75rem;line-height:1.5rem;padding:0 1em}.button--sm{font-size:.875rem;line-height:1.875rem;padding:0 1em}.button--lg{font-size:1.125rem;line-height:3rem;padding:0 2em}.button--xlg{font-size:1.125rem;line-height:3.75rem;padding:0 2.5em}.button--full{width:100%}.button--pill{border-radius:1.5em}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:480px){.button--collapse{width:auto}}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875rem;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75rem;font-weight:700;margin-top:.375rem}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:1.5rem}@media (min-width:480px){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.input--small{font-size:.75rem!important;height:1.5rem!important}.input--large{font-size:1rem!important;height:3rem!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:1.5rem 0 .375rem}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:.375rem 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368rem}@media (min-width:768px){.h1,h1{font-size:3.15733rem}}.h2,h2{font-size:1.77645rem}@media (min-width:768px){.h2,h2{font-size:2.36859rem}}.h3,h3{font-size:1.33267rem}@media (min-width:768px){.h3,h3{font-size:1.77689rem}}.h4,h4{font-size:1.333rem}.h5,h5{font-size:1rem}.h6,h6{font-size:.75019rem}.giga{font-size:5.60883rem}@media (min-width:768px){.giga{font-size:7.47844rem}}.mega{font-size:4.20768rem}@media (min-width:768px){.mega{font-size:5.61023rem}}.kilo{font-size:3.15654rem}@media (min-width:768px){.kilo{font-size:4.20873rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:1.5rem;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:.375rem 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}p:not(:last-child){margin-bottom:1.5rem}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875rem}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:0}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:after,[row]:before{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media (min-width:768px){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:480px){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:768px){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:960px){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:1100px){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75rem;line-height:1.5rem;padding:0 1em}.button--sm{font-size:.875rem;line-height:1.875rem;padding:0 1em}.button--lg{font-size:1.125rem;line-height:3rem;padding:0 2em}.button--xlg{font-size:1.125rem;line-height:3.75rem;padding:0 2.5em}.button--full{width:100%}.button--pill{border-radius:1.5em}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:480px){.button--collapse{width:auto}}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875rem;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75rem;font-weight:700;margin-top:.375rem}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:1.5rem}@media (min-width:480px){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.input--small{font-size:.75rem!important;height:1.5rem!important}.input--large{font-size:1rem!important;height:3rem!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:1.5rem 0 .375rem}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:.375rem 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368rem}@media (min-width:768px){.h1,h1{font-size:3.15733rem}}.h2,h2{font-size:1.77645rem}@media (min-width:768px){.h2,h2{font-size:2.36859rem}}.h3,h3{font-size:1.33267rem}@media (min-width:768px){.h3,h3{font-size:1.77689rem}}.h4,h4{font-size:1.333rem}.h5,h5{font-size:1rem}.h6,h6{font-size:.75019rem}.giga{font-size:5.60883rem}@media (min-width:768px){.giga{font-size:7.47844rem}}.mega{font-size:4.20768rem}@media (min-width:768px){.mega{font-size:5.61023rem}}.kilo{font-size:3.15654rem}@media (min-width:768px){.kilo{font-size:4.20873rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}p:not(:last-child){margin-bottom:1.5rem}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875rem}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:0}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:after,[row]:before{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media (min-width:768px){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:480px){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:768px){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:960px){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:1100px){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file diff --git a/src/core/layout/_tables.scss b/src/core/layout/_tables.scss index 0eacb2f..9dc2993 100644 --- a/src/core/layout/_tables.scss +++ b/src/core/layout/_tables.scss @@ -7,7 +7,6 @@ table { border-collapse: collapse; border-spacing: 0; empty-cells: show; - margin-bottom: 1lh; width: 100%; @media (--small) { @@ -40,7 +39,7 @@ table { border-right: 1px solid getColor(base, lines); line-height: 1lh; overflow: visible; - padding: 0.25lh 1em; + padding: 0 1em; @media (--small) { line-height: 2lh; } From 51b20a5d33ad78634005de5d5423e208f5a0b7e9 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Mon, 20 Jun 2016 18:49:48 -0600 Subject: [PATCH 050/183] [fix: #183] Turn on automatic margins by default --- dist/concise.css | 5 +++++ dist/concise.min.css | 2 +- src/_globals.scss | 2 +- 3 files changed, 7 insertions(+), 2 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index 37a42b8..0a3c667 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -183,6 +183,11 @@ video { background-color: #d6d6d6; text-shadow: none; } +address:not(:last-child), article:not(:last-child), aside:not(:last-child), audio:not(:last-child), blockquote:not(:last-child), canvas:not(:last-child), dd:not(:last-child), +div:not(:last-child), dl:not(:last-child), fieldset:not(:last-child), figcaption:not(:last-child), figure:not(:last-child), footer:not(:last-child), form:not(:last-child), header:not(:last-child), +hr:not(:last-child), ol:not(:last-child), p:not(:last-child), pre:not(:last-child), section:not(:last-child), table:not(:last-child), table:not(:last-child), tfoot:not(:last-child), ul:not(:last-child), video:not(:last-child) { + margin-bottom: 1.5rem; } + blockquote { border-left: 1px solid #e0e0e0; color: #666; diff --git a/dist/concise.min.css b/dist/concise.min.css index 1f72f95..13b1479 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75rem;line-height:1.5rem;padding:0 1em}.button--sm{font-size:.875rem;line-height:1.875rem;padding:0 1em}.button--lg{font-size:1.125rem;line-height:3rem;padding:0 2em}.button--xlg{font-size:1.125rem;line-height:3.75rem;padding:0 2.5em}.button--full{width:100%}.button--pill{border-radius:1.5em}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:480px){.button--collapse{width:auto}}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875rem;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75rem;font-weight:700;margin-top:.375rem}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:1.5rem}@media (min-width:480px){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.input--small{font-size:.75rem!important;height:1.5rem!important}.input--large{font-size:1rem!important;height:3rem!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:1.5rem 0 .375rem}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:.375rem 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368rem}@media (min-width:768px){.h1,h1{font-size:3.15733rem}}.h2,h2{font-size:1.77645rem}@media (min-width:768px){.h2,h2{font-size:2.36859rem}}.h3,h3{font-size:1.33267rem}@media (min-width:768px){.h3,h3{font-size:1.77689rem}}.h4,h4{font-size:1.333rem}.h5,h5{font-size:1rem}.h6,h6{font-size:.75019rem}.giga{font-size:5.60883rem}@media (min-width:768px){.giga{font-size:7.47844rem}}.mega{font-size:4.20768rem}@media (min-width:768px){.mega{font-size:5.61023rem}}.kilo{font-size:3.15654rem}@media (min-width:768px){.kilo{font-size:4.20873rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}p:not(:last-child){margin-bottom:1.5rem}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875rem}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:0}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:after,[row]:before{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media (min-width:768px){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:480px){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:768px){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:960px){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:1100px){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}address:not(:last-child),article:not(:last-child),aside:not(:last-child),audio:not(:last-child),blockquote,blockquote:not(:last-child),canvas:not(:last-child),dd:not(:last-child),div:not(:last-child),dl:not(:last-child),fieldset:not(:last-child),figcaption:not(:last-child),figure:not(:last-child),footer:not(:last-child),form:not(:last-child),header:not(:last-child),hr:not(:last-child),ol:not(:last-child),p:not(:last-child),pre:not(:last-child),section:not(:last-child),table:not(:last-child),tfoot:not(:last-child),ul:not(:last-child),video:not(:last-child){margin-bottom:1.5rem}blockquote{border-left:1px solid #e0e0e0;color:#666;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75rem;line-height:1.5rem;padding:0 1em}.button--sm{font-size:.875rem;line-height:1.875rem;padding:0 1em}.button--lg{font-size:1.125rem;line-height:3rem;padding:0 2em}.button--xlg{font-size:1.125rem;line-height:3.75rem;padding:0 2.5em}.button--full{width:100%}.button--pill{border-radius:1.5em}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:480px){.button--collapse{width:auto}}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875rem;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75rem;font-weight:700;margin-top:.375rem}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:1.5rem}@media (min-width:480px){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.input--small{font-size:.75rem!important;height:1.5rem!important}.input--large{font-size:1rem!important;height:3rem!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:1.5rem 0 .375rem}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:.375rem 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368rem}@media (min-width:768px){.h1,h1{font-size:3.15733rem}}.h2,h2{font-size:1.77645rem}@media (min-width:768px){.h2,h2{font-size:2.36859rem}}.h3,h3{font-size:1.33267rem}@media (min-width:768px){.h3,h3{font-size:1.77689rem}}.h4,h4{font-size:1.333rem}.h5,h5{font-size:1rem}.h6,h6{font-size:.75019rem}.giga{font-size:5.60883rem}@media (min-width:768px){.giga{font-size:7.47844rem}}.mega{font-size:4.20768rem}@media (min-width:768px){.mega{font-size:5.61023rem}}.kilo{font-size:3.15654rem}@media (min-width:768px){.kilo{font-size:4.20873rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}p:not(:last-child){margin-bottom:1.5rem}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875rem}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:0}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:after,[row]:before{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media (min-width:768px){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:480px){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:768px){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:960px){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:1100px){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file diff --git a/src/_globals.scss b/src/_globals.scss index 8f93a65..a925391 100644 --- a/src/_globals.scss +++ b/src/_globals.scss @@ -12,7 +12,7 @@ $font-base-size: 16 !default; $font-base-size-bg: 18 !default; // Automatic margins -$automargin: false !default; +$automargin: true !default; $block-margin: 1lh !default; // Transition duration From 4a7e46af89aba8829a834110d9037d8c7c2bdd69 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Mon, 20 Jun 2016 19:06:08 -0600 Subject: [PATCH 051/183] Fix margins for tests --- test/test.html | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/test/test.html b/test/test.html index 8aeda97..bec4535 100644 --- a/test/test.html +++ b/test/test.html @@ -15,11 +15,17 @@ background-color: #D34A28; color: white; display: inline-block; - margin-bottom: 0.5em; + margin-bottom: 0.5em !important; text-align: center; width: 100%; } + [column], + [row], + [container] { + margin-bottom: 0 !important; + } + .table--truncate, .table--truncate td { width: 500px; From 424d80f27236f5023da74056a74f1de32f70570b Mon Sep 17 00:00:00 2001 From: James Kolce Date: Mon, 20 Jun 2016 19:30:30 -0600 Subject: [PATCH 052/183] [fix: #177] Clean up the test.html file and add missing cases --- test/test.html | 375 ++++--------------------------------------------- 1 file changed, 25 insertions(+), 350 deletions(-) diff --git a/test/test.html b/test/test.html index bec4535..ba1a27a 100644 --- a/test/test.html +++ b/test/test.html @@ -1,5 +1,5 @@ - + - // - // - //
- // - //
- // - // - // - - // Create columns on devices larger than 768px - @media (--medium) { - // Create columns - @for $i from 1 through $num-columns { - [#{$prefix}column~="#{$i}"] { - width: (($i / $num-columns) * 100%); - } - } - - // Offset for columns - @for $i from 1 through ($num-columns - 1) { - [#{$prefix}column~="+#{$i}"] { - margin-left: (($i / $num-columns) * 100%); - } - } +@for $i from 1 through $num-columns { + [#{$prefix}column~="+#{$i}"] { + margin-left: ($i/$num-columns) * 100%; } } From 89964c8f8e985521f0331096cce34476235797b1 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Fri, 15 Jul 2016 16:41:45 -0600 Subject: [PATCH 056/183] [fix: #186] Delete divs from automargin functionality And add a variable containing the automargin elements --- dist/concise.css | 229 +++++++++++++++++++--------- dist/concise.min.css | 2 +- src/_globals.scss | 4 + src/core/layout/_normalization.scss | 4 +- 4 files changed, 167 insertions(+), 72 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index 0a3c667..32b733e 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -184,7 +184,7 @@ video { text-shadow: none; } address:not(:last-child), article:not(:last-child), aside:not(:last-child), audio:not(:last-child), blockquote:not(:last-child), canvas:not(:last-child), dd:not(:last-child), -div:not(:last-child), dl:not(:last-child), fieldset:not(:last-child), figcaption:not(:last-child), figure:not(:last-child), footer:not(:last-child), form:not(:last-child), header:not(:last-child), +dl:not(:last-child), fieldset:not(:last-child), figcaption:not(:last-child), figure:not(:last-child), footer:not(:last-child), form:not(:last-child), header:not(:last-child), hr:not(:last-child), ol:not(:last-child), p:not(:last-child), pre:not(:last-child), section:not(:last-child), table:not(:last-child), table:not(:last-child), tfoot:not(:last-child), ul:not(:last-child), video:not(:last-child) { margin-bottom: 1.5rem; } @@ -984,79 +984,172 @@ samp { address { font-style: normal; } +/* +/* atGrid.css v4.0.0 - Attribute-based CSS Grid System +/* https://github.com/kolcethompsonco/atgrid.css +/* MIT License - James Kolce +*/ [container] { - box-sizing: border-box; - margin: 0 auto; + margin-left: auto; + margin-right: auto; max-width: 1200px; - padding-left: 15px; - padding-right: 15px; - width: 100%; } + padding-left: 1em; + padding-right: 1em; } + +[grid] { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin-left: -1em; + margin-right: -1em; } + @media (min-width: 480px) { + [grid] { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } } -[row] { - margin-left: -15px; - margin-right: -15px; - margin-bottom: 0; } - [row]:before, [row]:after { - content: ""; - display: table; } - [row]:after { - clear: both; } +[column] { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } [column] { - box-sizing: border-box; - float: left; - margin-bottom: 0; - width: 100%; - padding-left: 15px; - padding-right: 15px; } + padding-left: 1em; + padding-right: 1em; } -@media (min-width: 768px) { - [column~="1"] { - width: 8.33333%; } - [column~="2"] { - width: 16.66667%; } - [column~="3"] { - width: 25%; } - [column~="4"] { - width: 33.33333%; } - [column~="5"] { - width: 41.66667%; } - [column~="6"] { - width: 50%; } - [column~="7"] { - width: 58.33333%; } - [column~="8"] { - width: 66.66667%; } - [column~="9"] { - width: 75%; } - [column~="10"] { - width: 83.33333%; } - [column~="11"] { - width: 91.66667%; } - [column~="12"] { - width: 100%; } - [column~="+1"] { - margin-left: 8.33333%; } - [column~="+2"] { - margin-left: 16.66667%; } - [column~="+3"] { - margin-left: 25%; } - [column~="+4"] { - margin-left: 33.33333%; } - [column~="+5"] { - margin-left: 41.66667%; } - [column~="+6"] { - margin-left: 50%; } - [column~="+7"] { - margin-left: 58.33333%; } - [column~="+8"] { - margin-left: 66.66667%; } - [column~="+9"] { - margin-left: 75%; } - [column~="+10"] { - margin-left: 83.33333%; } - [column~="+11"] { - margin-left: 91.66667%; } } +[grid~="ng"] { + margin-left: 0; + margin-right: 0; } + [grid~="ng"] [column] { + padding-left: 0; + padding-right: 0; } + +[grid~="top"] { + -webkit-box-align: start; + -ms-flex-align: start; + -ms-grid-row-align: flex-start; + align-items: flex-start; } + +[grid~="center"] { + -webkit-box-align: center; + -ms-flex-align: center; + -ms-grid-row-align: center; + align-items: center; } + +[grid~="bottom"] { + -webkit-box-align: end; + -ms-flex-align: end; + -ms-grid-row-align: flex-end; + align-items: flex-end; } + +[column~="top"] { + -ms-flex-item-align: start; + align-self: flex-start; } + +[column~="center"] { + -ms-flex-item-align: end; + align-self: flex-end; } + +[column~="bottom"] { + -ms-flex-item-align: center; + align-self: center; } + +[column~="1"] { + -webkit-box-flex: 0; + -ms-flex: 0 1 8.33333%; + flex: 0 1 8.33333%; } + +[column~="2"] { + -webkit-box-flex: 0; + -ms-flex: 0 1 16.66667%; + flex: 0 1 16.66667%; } + +[column~="3"] { + -webkit-box-flex: 0; + -ms-flex: 0 1 25%; + flex: 0 1 25%; } + +[column~="4"] { + -webkit-box-flex: 0; + -ms-flex: 0 1 33.33333%; + flex: 0 1 33.33333%; } + +[column~="5"] { + -webkit-box-flex: 0; + -ms-flex: 0 1 41.66667%; + flex: 0 1 41.66667%; } + +[column~="6"] { + -webkit-box-flex: 0; + -ms-flex: 0 1 50%; + flex: 0 1 50%; } + +[column~="7"] { + -webkit-box-flex: 0; + -ms-flex: 0 1 58.33333%; + flex: 0 1 58.33333%; } + +[column~="8"] { + -webkit-box-flex: 0; + -ms-flex: 0 1 66.66667%; + flex: 0 1 66.66667%; } + +[column~="9"] { + -webkit-box-flex: 0; + -ms-flex: 0 1 75%; + flex: 0 1 75%; } + +[column~="10"] { + -webkit-box-flex: 0; + -ms-flex: 0 1 83.33333%; + flex: 0 1 83.33333%; } + +[column~="11"] { + -webkit-box-flex: 0; + -ms-flex: 0 1 91.66667%; + flex: 0 1 91.66667%; } + +[column~="12"] { + -webkit-box-flex: 0; + -ms-flex: 0 1 100%; + flex: 0 1 100%; } + +[column~="+1"] { + margin-left: 8.33333%; } + +[column~="+2"] { + margin-left: 16.66667%; } + +[column~="+3"] { + margin-left: 25%; } + +[column~="+4"] { + margin-left: 33.33333%; } + +[column~="+5"] { + margin-left: 41.66667%; } + +[column~="+6"] { + margin-left: 50%; } + +[column~="+7"] { + margin-left: 58.33333%; } + +[column~="+8"] { + margin-left: 66.66667%; } + +[column~="+9"] { + margin-left: 75%; } + +[column~="+10"] { + margin-left: 83.33333%; } + +[column~="+11"] { + margin-left: 91.66667%; } + +[column~="+12"] { + margin-left: 100%; } .text--muted { color: #aaa !important; } diff --git a/dist/concise.min.css b/dist/concise.min.css index 13b1479..a19c88f 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}address:not(:last-child),article:not(:last-child),aside:not(:last-child),audio:not(:last-child),blockquote,blockquote:not(:last-child),canvas:not(:last-child),dd:not(:last-child),div:not(:last-child),dl:not(:last-child),fieldset:not(:last-child),figcaption:not(:last-child),figure:not(:last-child),footer:not(:last-child),form:not(:last-child),header:not(:last-child),hr:not(:last-child),ol:not(:last-child),p:not(:last-child),pre:not(:last-child),section:not(:last-child),table:not(:last-child),tfoot:not(:last-child),ul:not(:last-child),video:not(:last-child){margin-bottom:1.5rem}blockquote{border-left:1px solid #e0e0e0;color:#666;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75rem;line-height:1.5rem;padding:0 1em}.button--sm{font-size:.875rem;line-height:1.875rem;padding:0 1em}.button--lg{font-size:1.125rem;line-height:3rem;padding:0 2em}.button--xlg{font-size:1.125rem;line-height:3.75rem;padding:0 2.5em}.button--full{width:100%}.button--pill{border-radius:1.5em}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:480px){.button--collapse{width:auto}}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875rem;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75rem;font-weight:700;margin-top:.375rem}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:1.5rem}@media (min-width:480px){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.input--small{font-size:.75rem!important;height:1.5rem!important}.input--large{font-size:1rem!important;height:3rem!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:1.5rem 0 .375rem}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:.375rem 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368rem}@media (min-width:768px){.h1,h1{font-size:3.15733rem}}.h2,h2{font-size:1.77645rem}@media (min-width:768px){.h2,h2{font-size:2.36859rem}}.h3,h3{font-size:1.33267rem}@media (min-width:768px){.h3,h3{font-size:1.77689rem}}.h4,h4{font-size:1.333rem}.h5,h5{font-size:1rem}.h6,h6{font-size:.75019rem}.giga{font-size:5.60883rem}@media (min-width:768px){.giga{font-size:7.47844rem}}.mega{font-size:4.20768rem}@media (min-width:768px){.mega{font-size:5.61023rem}}.kilo{font-size:3.15654rem}@media (min-width:768px){.kilo{font-size:4.20873rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}p:not(:last-child){margin-bottom:1.5rem}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875rem}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:0}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:after,[row]:before{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media (min-width:768px){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:480px){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:768px){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:960px){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:1100px){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}address:not(:last-child),article:not(:last-child),aside:not(:last-child),audio:not(:last-child),blockquote,blockquote:not(:last-child),canvas:not(:last-child),dd:not(:last-child),dl:not(:last-child),fieldset:not(:last-child),figcaption:not(:last-child),figure:not(:last-child),footer:not(:last-child),form:not(:last-child),header:not(:last-child),hr:not(:last-child),ol:not(:last-child),p:not(:last-child),pre:not(:last-child),section:not(:last-child),table:not(:last-child),tfoot:not(:last-child),ul:not(:last-child),video:not(:last-child){margin-bottom:1.5rem}blockquote{border-left:1px solid #e0e0e0;color:#666;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75rem;line-height:1.5rem;padding:0 1em}.button--sm{font-size:.875rem;line-height:1.875rem;padding:0 1em}.button--lg{font-size:1.125rem;line-height:3rem;padding:0 2em}.button--xlg{font-size:1.125rem;line-height:3.75rem;padding:0 2.5em}.button--full{width:100%}.button--pill{border-radius:1.5em}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:480px){.button--collapse{width:auto}}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875rem;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75rem;font-weight:700;margin-top:.375rem}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:1.5rem}@media (min-width:480px){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.input--small{font-size:.75rem!important;height:1.5rem!important}.input--large{font-size:1rem!important;height:3rem!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:1.5rem 0 .375rem}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:.375rem 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368rem}@media (min-width:768px){.h1,h1{font-size:3.15733rem}}.h2,h2{font-size:1.77645rem}@media (min-width:768px){.h2,h2{font-size:2.36859rem}}.h3,h3{font-size:1.33267rem}@media (min-width:768px){.h3,h3{font-size:1.77689rem}}.h4,h4{font-size:1.333rem}.h5,h5{font-size:1rem}.h6,h6{font-size:.75019rem}.giga{font-size:5.60883rem}@media (min-width:768px){.giga{font-size:7.47844rem}}.mega{font-size:4.20768rem}@media (min-width:768px){.mega{font-size:5.61023rem}}.kilo{font-size:3.15654rem}@media (min-width:768px){.kilo{font-size:4.20873rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}p:not(:last-child){margin-bottom:1.5rem}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875rem}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:0}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em}@media (min-width:480px){[grid]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:end;align-self:flex-end}[column~=bottom]{-ms-flex-item-align:center;align-self:center}[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:480px){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:768px){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:960px){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:1100px){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file diff --git a/src/_globals.scss b/src/_globals.scss index a925391..81721d4 100644 --- a/src/_globals.scss +++ b/src/_globals.scss @@ -15,6 +15,10 @@ $font-base-size-bg: 18 !default; $automargin: true !default; $block-margin: 1lh !default; +$automargin-elements: 'address, article, aside, audio, blockquote, canvas, dd, +dl, fieldset, figcaption, figure, footer, form, header, +hr, ol, p, pre, section, table, table, tfoot, ul, video' !default; + // Transition duration $transition-duration: 150ms !default; diff --git a/src/core/layout/_normalization.scss b/src/core/layout/_normalization.scss index 4797877..86ad698 100644 --- a/src/core/layout/_normalization.scss +++ b/src/core/layout/_normalization.scss @@ -239,9 +239,7 @@ video { vertical-align: middle; } // ----------------- @if $automargin { - address, article, aside, audio, blockquote, canvas, dd, - div, dl, fieldset, figcaption, figure, footer, form, header, - hr, ol, p, pre, section, table, table, tfoot, ul, video { + #{$automargin-elements} { &:not(:last-child) { margin-bottom: $block-margin; } } } From 88d65179a82eec72a173e389b349d4ca51db2897 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Fri, 15 Jul 2016 16:44:36 -0600 Subject: [PATCH 057/183] [fix: #185] Decrease opacity for disabled buttons --- dist/concise.css | 3 ++- dist/concise.min.css | 2 +- src/core/layout/_buttons.scss | 1 + 3 files changed, 4 insertions(+), 2 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index 32b733e..3ebaa31 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -246,7 +246,8 @@ button, input[type="submit"], .button[disabled] { background-color: gainsboro; color: white; - cursor: not-allowed; } + cursor: not-allowed; + opacity: 0.6; } .button--muted { background-color: #aaa; } diff --git a/dist/concise.min.css b/dist/concise.min.css index a19c88f..fb4e901 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}address:not(:last-child),article:not(:last-child),aside:not(:last-child),audio:not(:last-child),blockquote,blockquote:not(:last-child),canvas:not(:last-child),dd:not(:last-child),dl:not(:last-child),fieldset:not(:last-child),figcaption:not(:last-child),figure:not(:last-child),footer:not(:last-child),form:not(:last-child),header:not(:last-child),hr:not(:last-child),ol:not(:last-child),p:not(:last-child),pre:not(:last-child),section:not(:last-child),table:not(:last-child),tfoot:not(:last-child),ul:not(:last-child),video:not(:last-child){margin-bottom:1.5rem}blockquote{border-left:1px solid #e0e0e0;color:#666;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75rem;line-height:1.5rem;padding:0 1em}.button--sm{font-size:.875rem;line-height:1.875rem;padding:0 1em}.button--lg{font-size:1.125rem;line-height:3rem;padding:0 2em}.button--xlg{font-size:1.125rem;line-height:3.75rem;padding:0 2.5em}.button--full{width:100%}.button--pill{border-radius:1.5em}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:480px){.button--collapse{width:auto}}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875rem;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75rem;font-weight:700;margin-top:.375rem}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:1.5rem}@media (min-width:480px){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.input--small{font-size:.75rem!important;height:1.5rem!important}.input--large{font-size:1rem!important;height:3rem!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:1.5rem 0 .375rem}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:.375rem 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368rem}@media (min-width:768px){.h1,h1{font-size:3.15733rem}}.h2,h2{font-size:1.77645rem}@media (min-width:768px){.h2,h2{font-size:2.36859rem}}.h3,h3{font-size:1.33267rem}@media (min-width:768px){.h3,h3{font-size:1.77689rem}}.h4,h4{font-size:1.333rem}.h5,h5{font-size:1rem}.h6,h6{font-size:.75019rem}.giga{font-size:5.60883rem}@media (min-width:768px){.giga{font-size:7.47844rem}}.mega{font-size:4.20768rem}@media (min-width:768px){.mega{font-size:5.61023rem}}.kilo{font-size:3.15654rem}@media (min-width:768px){.kilo{font-size:4.20873rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}p:not(:last-child){margin-bottom:1.5rem}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875rem}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:0}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em}@media (min-width:480px){[grid]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:end;align-self:flex-end}[column~=bottom]{-ms-flex-item-align:center;align-self:center}[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:480px){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:768px){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:960px){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:1100px){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}address:not(:last-child),article:not(:last-child),aside:not(:last-child),audio:not(:last-child),blockquote,blockquote:not(:last-child),canvas:not(:last-child),dd:not(:last-child),dl:not(:last-child),fieldset:not(:last-child),figcaption:not(:last-child),figure:not(:last-child),footer:not(:last-child),form:not(:last-child),header:not(:last-child),hr:not(:last-child),ol:not(:last-child),p:not(:last-child),pre:not(:last-child),section:not(:last-child),table:not(:last-child),tfoot:not(:last-child),ul:not(:last-child),video:not(:last-child){margin-bottom:1.5rem}blockquote{border-left:1px solid #e0e0e0;color:#666;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75rem;line-height:1.5rem;padding:0 1em}.button--sm{font-size:.875rem;line-height:1.875rem;padding:0 1em}.button--lg{font-size:1.125rem;line-height:3rem;padding:0 2em}.button--xlg{font-size:1.125rem;line-height:3.75rem;padding:0 2.5em}.button--full{width:100%}.button--pill{border-radius:1.5em}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:480px){.button--collapse{width:auto}}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875rem;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75rem;font-weight:700;margin-top:.375rem}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:1.5rem}@media (min-width:480px){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.input--small{font-size:.75rem!important;height:1.5rem!important}.input--large{font-size:1rem!important;height:3rem!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:1.5rem 0 .375rem}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:.375rem 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368rem}@media (min-width:768px){.h1,h1{font-size:3.15733rem}}.h2,h2{font-size:1.77645rem}@media (min-width:768px){.h2,h2{font-size:2.36859rem}}.h3,h3{font-size:1.33267rem}@media (min-width:768px){.h3,h3{font-size:1.77689rem}}.h4,h4{font-size:1.333rem}.h5,h5{font-size:1rem}.h6,h6{font-size:.75019rem}.giga{font-size:5.60883rem}@media (min-width:768px){.giga{font-size:7.47844rem}}.mega{font-size:4.20768rem}@media (min-width:768px){.mega{font-size:5.61023rem}}.kilo{font-size:3.15654rem}@media (min-width:768px){.kilo{font-size:4.20873rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}p:not(:last-child){margin-bottom:1.5rem}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875rem}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:0}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em}@media (min-width:480px){[grid]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:end;align-self:flex-end}[column~=bottom]{-ms-flex-item-align:center;align-self:center}[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:480px){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:768px){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:960px){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:1100px){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file diff --git a/src/core/layout/_buttons.scss b/src/core/layout/_buttons.scss index e3c66d9..22e1e6c 100644 --- a/src/core/layout/_buttons.scss +++ b/src/core/layout/_buttons.scss @@ -36,6 +36,7 @@ button, background-color: darken(getColor(background, light), 10%); color: getColor(text, ui); cursor: not-allowed; + opacity: 0.6; } } From debd181f5a1f5d0f2f36e833847c1eac07490d55 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Fri, 15 Jul 2016 16:53:38 -0600 Subject: [PATCH 058/183] Fix atgrid media query --- dist/concise.css | 12 ++++++++---- dist/concise.min.css | 2 +- src/core/utils/_atgrid.scss | 3 ++- test/test.html | 26 +++++++++++++------------- 4 files changed, 24 insertions(+), 19 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index 3ebaa31..d2fc8bc 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -1002,13 +1002,17 @@ address { display: -ms-flexbox; display: flex; margin-left: -1em; - margin-right: -1em; } + margin-right: -1em; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } @media (min-width: 480px) { [grid] { - -webkit-box-orient: vertical; + -webkit-box-orient: horizontal; -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; } } + -ms-flex-direction: row; + flex-direction: row; } } [column] { -webkit-box-flex: 1; diff --git a/dist/concise.min.css b/dist/concise.min.css index fb4e901..de83f01 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}address:not(:last-child),article:not(:last-child),aside:not(:last-child),audio:not(:last-child),blockquote,blockquote:not(:last-child),canvas:not(:last-child),dd:not(:last-child),dl:not(:last-child),fieldset:not(:last-child),figcaption:not(:last-child),figure:not(:last-child),footer:not(:last-child),form:not(:last-child),header:not(:last-child),hr:not(:last-child),ol:not(:last-child),p:not(:last-child),pre:not(:last-child),section:not(:last-child),table:not(:last-child),tfoot:not(:last-child),ul:not(:last-child),video:not(:last-child){margin-bottom:1.5rem}blockquote{border-left:1px solid #e0e0e0;color:#666;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75rem;line-height:1.5rem;padding:0 1em}.button--sm{font-size:.875rem;line-height:1.875rem;padding:0 1em}.button--lg{font-size:1.125rem;line-height:3rem;padding:0 2em}.button--xlg{font-size:1.125rem;line-height:3.75rem;padding:0 2.5em}.button--full{width:100%}.button--pill{border-radius:1.5em}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:480px){.button--collapse{width:auto}}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875rem;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75rem;font-weight:700;margin-top:.375rem}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:1.5rem}@media (min-width:480px){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.input--small{font-size:.75rem!important;height:1.5rem!important}.input--large{font-size:1rem!important;height:3rem!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:1.5rem 0 .375rem}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:.375rem 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368rem}@media (min-width:768px){.h1,h1{font-size:3.15733rem}}.h2,h2{font-size:1.77645rem}@media (min-width:768px){.h2,h2{font-size:2.36859rem}}.h3,h3{font-size:1.33267rem}@media (min-width:768px){.h3,h3{font-size:1.77689rem}}.h4,h4{font-size:1.333rem}.h5,h5{font-size:1rem}.h6,h6{font-size:.75019rem}.giga{font-size:5.60883rem}@media (min-width:768px){.giga{font-size:7.47844rem}}.mega{font-size:4.20768rem}@media (min-width:768px){.mega{font-size:5.61023rem}}.kilo{font-size:3.15654rem}@media (min-width:768px){.kilo{font-size:4.20873rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}p:not(:last-child){margin-bottom:1.5rem}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875rem}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:0}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em}@media (min-width:480px){[grid]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:end;align-self:flex-end}[column~=bottom]{-ms-flex-item-align:center;align-self:center}[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:480px){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:768px){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:960px){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:1100px){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}address:not(:last-child),article:not(:last-child),aside:not(:last-child),audio:not(:last-child),blockquote,blockquote:not(:last-child),canvas:not(:last-child),dd:not(:last-child),dl:not(:last-child),fieldset:not(:last-child),figcaption:not(:last-child),figure:not(:last-child),footer:not(:last-child),form:not(:last-child),header:not(:last-child),hr:not(:last-child),ol:not(:last-child),p:not(:last-child),pre:not(:last-child),section:not(:last-child),table:not(:last-child),tfoot:not(:last-child),ul:not(:last-child),video:not(:last-child){margin-bottom:1.5rem}blockquote{border-left:1px solid #e0e0e0;color:#666;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75rem;line-height:1.5rem;padding:0 1em}.button--sm{font-size:.875rem;line-height:1.875rem;padding:0 1em}.button--lg{font-size:1.125rem;line-height:3rem;padding:0 2em}.button--xlg{font-size:1.125rem;line-height:3.75rem;padding:0 2.5em}.button--full{width:100%}.button--pill{border-radius:1.5em}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:480px){.button--collapse{width:auto}}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875rem;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75rem;font-weight:700;margin-top:.375rem}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:1.5rem}@media (min-width:480px){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.input--small{font-size:.75rem!important;height:1.5rem!important}.input--large{font-size:1rem!important;height:3rem!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:1.5rem 0 .375rem}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:.375rem 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368rem}@media (min-width:768px){.h1,h1{font-size:3.15733rem}}.h2,h2{font-size:1.77645rem}@media (min-width:768px){.h2,h2{font-size:2.36859rem}}.h3,h3{font-size:1.33267rem}@media (min-width:768px){.h3,h3{font-size:1.77689rem}}.h4,h4{font-size:1.333rem}.h5,h5{font-size:1rem}.h6,h6{font-size:.75019rem}.giga{font-size:5.60883rem}@media (min-width:768px){.giga{font-size:7.47844rem}}.mega{font-size:4.20768rem}@media (min-width:768px){.mega{font-size:5.61023rem}}.kilo{font-size:3.15654rem}@media (min-width:768px){.kilo{font-size:4.20873rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}p:not(:last-child){margin-bottom:1.5rem}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875rem}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:0}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:end;align-self:flex-end}[column~=bottom]{-ms-flex-item-align:center;align-self:center}[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:480px){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:768px){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:960px){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:1100px){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file diff --git a/src/core/utils/_atgrid.scss b/src/core/utils/_atgrid.scss index 130fa9c..ee19cdb 100644 --- a/src/core/utils/_atgrid.scss +++ b/src/core/utils/_atgrid.scss @@ -37,9 +37,10 @@ $prefix: '' !default; display: flex; margin-left: $gutter / -2; margin-right: $gutter / -2; + flex-direction: column; // Collapse columns on breakpoint - @media (--small) { flex-direction: column; } + @media (--small) { flex-direction: row; } } [#{$prefix}column] { flex: 1; } diff --git a/test/test.html b/test/test.html index ba1a27a..e0ea55b 100644 --- a/test/test.html +++ b/test/test.html @@ -138,13 +138,13 @@
Heading 6 Helper text
-
+
12
-
+
1
@@ -154,7 +154,7 @@
Heading 6 Helper text
-
+
2
@@ -164,7 +164,7 @@
Heading 6 Helper text
-
+
3
@@ -174,7 +174,7 @@
Heading 6 Helper text
-
+
4
@@ -184,7 +184,7 @@
Heading 6 Helper text
-
+
5
@@ -194,7 +194,7 @@
Heading 6 Helper text
-
+
6
@@ -204,7 +204,7 @@
Heading 6 Helper text
-
+
4
@@ -218,7 +218,7 @@
Heading 6 Helper text
-
+
3
@@ -236,7 +236,7 @@
Heading 6 Helper text
-
+
2
@@ -264,17 +264,17 @@
Heading 6 Helper text
-
+
1 +1
-
+
1 +2
-
+
1 +3
From 1419d091e0aa01c336433f6346b3ee3031abd2bf Mon Sep 17 00:00:00 2001 From: James Kolce Date: Fri, 15 Jul 2016 16:56:24 -0600 Subject: [PATCH 059/183] Delete unnecessary container in test page --- test/test.html | 176 ++++++++++++++++++++++++------------------------- 1 file changed, 87 insertions(+), 89 deletions(-) diff --git a/test/test.html b/test/test.html index e0ea55b..a2aeeb0 100644 --- a/test/test.html +++ b/test/test.html @@ -137,129 +137,127 @@
Heading 6 Helper text
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
-
-
-
- 12 -
+
+
+ 12
+
-
-
- 1 -
+
+
+ 1 +
-
- 11 -
+
+ 11
+
-
-
- 2 -
+
+
+ 2 +
-
- 10 -
+
+ 10
+
-
-
- 3 -
+
+
+ 3 +
-
- 9 -
+
+ 9
+
-
-
- 4 -
+
+
+ 4 +
-
- 8 -
+
+ 8
+
-
-
- 5 -
+
+
+ 5 +
-
- 7 -
+
+ 7
+
-
-
- 6 -
+
+
+ 6 +
-
- 6 -
+
+ 6
+
-
-
- 4 -
+
+
+ 4 +
-
- 4 -
+
+ 4 +
-
- 4 -
+
+ 4
+
-
-
- 3 -
+
+
+ 3 +
-
- 3 -
+
+ 3 +
-
- 3 -
+
+ 3 +
-
- 3 -
+
+ 3
+
-
-
- 2 -
+
+
+ 2 +
-
- 2 -
+
+ 2 +
-
- 2 -
+
+ 2 +
-
- 2 -
+
+ 2 +
-
- 2 -
+
+ 2 +
-
- 2 -
+
+ 2
From 588bb90ba2118a281d561826488ed8acc9840c04 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Fri, 15 Jul 2016 19:28:00 -0600 Subject: [PATCH 060/183] Fix grid for forms & Fix spacing for textarea and select --- dist/concise.css | 4 ++-- dist/concise.min.css | 2 +- src/core/layout/_forms.scss | 4 ++-- test/test.html | 4 ++-- 4 files changed, 7 insertions(+), 7 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index d2fc8bc..9317528 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -404,13 +404,13 @@ input[type="file"] { textarea { height: auto; - padding: 0.375rem 1em; + padding: 0.375rem 0.5em; resize: vertical; } select { background-color: transparent; border-radius: 5px; - padding: 0; } + padding: 0 0 0 0.5em; } select[disabled] { color: #666; } select[multiple] { diff --git a/dist/concise.min.css b/dist/concise.min.css index de83f01..cef355b 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}address:not(:last-child),article:not(:last-child),aside:not(:last-child),audio:not(:last-child),blockquote,blockquote:not(:last-child),canvas:not(:last-child),dd:not(:last-child),dl:not(:last-child),fieldset:not(:last-child),figcaption:not(:last-child),figure:not(:last-child),footer:not(:last-child),form:not(:last-child),header:not(:last-child),hr:not(:last-child),ol:not(:last-child),p:not(:last-child),pre:not(:last-child),section:not(:last-child),table:not(:last-child),tfoot:not(:last-child),ul:not(:last-child),video:not(:last-child){margin-bottom:1.5rem}blockquote{border-left:1px solid #e0e0e0;color:#666;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75rem;line-height:1.5rem;padding:0 1em}.button--sm{font-size:.875rem;line-height:1.875rem;padding:0 1em}.button--lg{font-size:1.125rem;line-height:3rem;padding:0 2em}.button--xlg{font-size:1.125rem;line-height:3.75rem;padding:0 2.5em}.button--full{width:100%}.button--pill{border-radius:1.5em}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:480px){.button--collapse{width:auto}}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875rem;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75rem;font-weight:700;margin-top:.375rem}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:1.5rem}@media (min-width:480px){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.input--small{font-size:.75rem!important;height:1.5rem!important}.input--large{font-size:1rem!important;height:3rem!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:1.5rem 0 .375rem}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:.375rem 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368rem}@media (min-width:768px){.h1,h1{font-size:3.15733rem}}.h2,h2{font-size:1.77645rem}@media (min-width:768px){.h2,h2{font-size:2.36859rem}}.h3,h3{font-size:1.33267rem}@media (min-width:768px){.h3,h3{font-size:1.77689rem}}.h4,h4{font-size:1.333rem}.h5,h5{font-size:1rem}.h6,h6{font-size:.75019rem}.giga{font-size:5.60883rem}@media (min-width:768px){.giga{font-size:7.47844rem}}.mega{font-size:4.20768rem}@media (min-width:768px){.mega{font-size:5.61023rem}}.kilo{font-size:3.15654rem}@media (min-width:768px){.kilo{font-size:4.20873rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}p:not(:last-child){margin-bottom:1.5rem}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875rem}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:0}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:end;align-self:flex-end}[column~=bottom]{-ms-flex-item-align:center;align-self:center}[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:480px){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:768px){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:960px){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:1100px){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}address:not(:last-child),article:not(:last-child),aside:not(:last-child),audio:not(:last-child),blockquote,blockquote:not(:last-child),canvas:not(:last-child),dd:not(:last-child),dl:not(:last-child),fieldset:not(:last-child),figcaption:not(:last-child),figure:not(:last-child),footer:not(:last-child),form:not(:last-child),header:not(:last-child),hr:not(:last-child),ol:not(:last-child),p:not(:last-child),pre:not(:last-child),section:not(:last-child),table:not(:last-child),tfoot:not(:last-child),ul:not(:last-child),video:not(:last-child){margin-bottom:1.5rem}blockquote{border-left:1px solid #e0e0e0;color:#666;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75rem;line-height:1.5rem;padding:0 1em}.button--sm{font-size:.875rem;line-height:1.875rem;padding:0 1em}.button--lg{font-size:1.125rem;line-height:3rem;padding:0 2em}.button--xlg{font-size:1.125rem;line-height:3.75rem;padding:0 2.5em}.button--full{width:100%}.button--pill{border-radius:1.5em}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:480px){.button--collapse{width:auto}}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875rem;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75rem;font-weight:700;margin-top:.375rem}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:1.5rem}@media (min-width:480px){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.input--small{font-size:.75rem!important;height:1.5rem!important}.input--large{font-size:1rem!important;height:3rem!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:1.5rem 0 .375rem}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:.375rem 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368rem}@media (min-width:768px){.h1,h1{font-size:3.15733rem}}.h2,h2{font-size:1.77645rem}@media (min-width:768px){.h2,h2{font-size:2.36859rem}}.h3,h3{font-size:1.33267rem}@media (min-width:768px){.h3,h3{font-size:1.77689rem}}.h4,h4{font-size:1.333rem}.h5,h5{font-size:1rem}.h6,h6{font-size:.75019rem}.giga{font-size:5.60883rem}@media (min-width:768px){.giga{font-size:7.47844rem}}.mega{font-size:4.20768rem}@media (min-width:768px){.mega{font-size:5.61023rem}}.kilo{font-size:3.15654rem}@media (min-width:768px){.kilo{font-size:4.20873rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}p:not(:last-child){margin-bottom:1.5rem}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875rem}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:0}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:end;align-self:flex-end}[column~=bottom]{-ms-flex-item-align:center;align-self:center}[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:480px){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:768px){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:960px){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:1100px){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file diff --git a/src/core/layout/_forms.scss b/src/core/layout/_forms.scss index 3e2b7ef..c5831f3 100644 --- a/src/core/layout/_forms.scss +++ b/src/core/layout/_forms.scss @@ -111,7 +111,7 @@ input[type="file"] { // Textarea textarea { height: auto; - padding: 0.25lh 1em; + padding: 0.25lh 0.5em; resize: vertical; } @@ -119,7 +119,7 @@ textarea { select { background-color: transparent; border-radius: 5px; - padding: 0; + padding: 0 0 0 0.5em; &[disabled] { color: getColor(text, secondary); } diff --git a/test/test.html b/test/test.html index a2aeeb0..d50061d 100644 --- a/test/test.html +++ b/test/test.html @@ -654,7 +654,7 @@
Heading 6 Helper text
-
+
@@ -666,7 +666,7 @@
Heading 6 Helper text
-
+
From c462bdb5f81421504267b488736b8a13ced017fc Mon Sep 17 00:00:00 2001 From: James Kolce Date: Sun, 17 Jul 2016 15:55:36 -0600 Subject: [PATCH 061/183] [fix: #188] Fix stats:min npm script --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 1a88309..30a65e0 100644 --- a/package.json +++ b/package.json @@ -34,6 +34,6 @@ "build": "concise compile concise.scss dist/concise.css && cssnano dist/concise.css dist/concise.min.css", "build:watch": "chokidar 'src/**/*.scss' -c 'npm run build'", "stats": "stylestats dist/concise.css", - "stats:min": "stylestats dist/concise.css" + "stats:min": "stylestats dist/concise.min.css" } } From eabc73d341b378f31aa3fe358157a1a4d0a0023f Mon Sep 17 00:00:00 2001 From: James Kolce Date: Tue, 19 Jul 2016 15:27:05 -0600 Subject: [PATCH 062/183] Add docs outline --- docs/docs.md | 129 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 129 insertions(+) create mode 100644 docs/docs.md diff --git a/docs/docs.md b/docs/docs.md new file mode 100644 index 0000000..2b84ff6 --- /dev/null +++ b/docs/docs.md @@ -0,0 +1,129 @@ +# Concise Framework Documentation + +## GETTING STARTED + +### The Concise CLI + +### Configuration + +### Examples + +### File organization + +### Naming conventions + + +## TYPOGRAPHY + +### Headings + +### Subheadings + +### Extra-large headings + +### Lists + +### Font families + +### Emphasis + +### Abbreviations + +### Type positioning + +### Figures + + +## CODE + +### Inline + +### Flat code blocks + +### User Input + + +## BUTTONS + +### Background colors + +### Modifiers + +## Forms + +### Fieldset + +### Inline + +### Input modifiers + + +## TABLES + +### Basic + +### Full-width + +### Bordered + +### Filled + +### Hover effects + +### Flat + +### Responsive container + +### Truncated + + +## GRID SYSTEM + +### Container + +### Grid element + +### Columns + +### Deleting gutters + +### Nesting + +### Offset + +### Column alignment + + +## UTILITY CLASSES + + +## BREAKPOINTS + + +## CONDITIONAL STYLING + + +## COLORS + +### Text + +### Background + +### `getColor(color, shade)` + + +## PRINT + + +## CUSTOM CSS FEATURES + +### lh unit + +### pr unit + +### Custom media queries + +### Min-Max for media queries + + +## ADD-ONS From 855848ff34599b6057b700bbc82dbc8bf4afbc82 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Tue, 19 Jul 2016 15:28:44 -0600 Subject: [PATCH 063/183] Fix space --- docs/docs.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/docs.md b/docs/docs.md index 2b84ff6..e61288f 100644 --- a/docs/docs.md +++ b/docs/docs.md @@ -29,7 +29,7 @@ ### Abbreviations -### Type positioning +### Type positioning ### Figures From 0e9a3bca97e9019881c718b330dbf491ba6f1646 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Tue, 19 Jul 2016 15:29:36 -0600 Subject: [PATCH 064/183] Fix space --- docs/docs.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/docs.md b/docs/docs.md index e61288f..0163f51 100644 --- a/docs/docs.md +++ b/docs/docs.md @@ -58,7 +58,7 @@ ### Input modifiers -## TABLES +## TABLES ### Basic @@ -97,7 +97,7 @@ ## UTILITY CLASSES -## BREAKPOINTS +## BREAKPOINTS ## CONDITIONAL STYLING From ef1c21f584e77288d2a6b14d48f650c20e305335 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Tue, 19 Jul 2016 17:42:24 -0600 Subject: [PATCH 065/183] Move _functions.scss content to _globals.scss --- src/_globals.scss | 20 ++++++++++++++++++-- src/core/globals/_functions.scss | 21 --------------------- 2 files changed, 18 insertions(+), 23 deletions(-) delete mode 100644 src/core/globals/_functions.scss diff --git a/src/_globals.scss b/src/_globals.scss index 81721d4..ca30404 100644 --- a/src/_globals.scss +++ b/src/_globals.scss @@ -2,8 +2,6 @@ // Globals // ============================================================================= -@import 'core/globals/functions'; - // // Base // ---- @@ -142,3 +140,21 @@ $colors: ( "lighter": #999999 ) ) !default; + + +// +// getColor Function +// -------- +// Easily retrieve colors for use. +// +// @access public +// +// @param {String} $color - Name of the color +// @param {Color} $value - The color value to grab (default is "base") +// +// @return {Color} Value of the color +// + +@function getColor($color, $value: "base") { + @return map-get(map-get($colors, $color), $value); +} diff --git a/src/core/globals/_functions.scss b/src/core/globals/_functions.scss deleted file mode 100644 index 1c77b0b..0000000 --- a/src/core/globals/_functions.scss +++ /dev/null @@ -1,21 +0,0 @@ -// -// Functions -// ============================================================================= - - -// -// getColor -// -------- -// Easily retrieve colors for use. -// -// @access public -// -// @param {String} $color - Name of the color -// @param {Color} $value - The color value to grab (default is "base") -// -// @return {Color} Value of the color -// - -@function getColor($color, $value: "base") { - @return map-get(map-get($colors, $color), $value); -} From f6ae83baf956df09b343484347a91c7c8566707e Mon Sep 17 00:00:00 2001 From: James Kolce Date: Tue, 19 Jul 2016 18:04:13 -0600 Subject: [PATCH 066/183] Delete all the folders and leave only the files --- concise.scss | 7 ++----- src/{_base.scss => _styles.scss} | 5 +++++ src/_utils.scss | 4 ---- src/core/{utils => }/_atgrid.scss | 1 - src/core/{layout => }/_blockquotes.scss | 0 src/core/{layout => }/_buttons.scss | 0 src/core/{utils => }/_colors.scss | 0 src/core/{utils => }/_conditional-styling.scss | 0 src/core/{layout => }/_forms.scss | 0 src/core/{layout => }/_headings.scss | 0 src/core/{utils => }/_helpers.scss | 0 src/core/{layout => }/_lists.scss | 0 src/core/{layout => }/_normalization.scss | 0 src/core/{layout => }/_print.scss | 0 src/core/{layout => }/_tables.scss | 0 src/core/{layout => }/_type.scss | 0 16 files changed, 7 insertions(+), 10 deletions(-) rename src/{_base.scss => _styles.scss} (67%) delete mode 100644 src/_utils.scss rename src/core/{utils => }/_atgrid.scss (99%) rename src/core/{layout => }/_blockquotes.scss (100%) rename src/core/{layout => }/_buttons.scss (100%) rename src/core/{utils => }/_colors.scss (100%) rename src/core/{utils => }/_conditional-styling.scss (100%) rename src/core/{layout => }/_forms.scss (100%) rename src/core/{layout => }/_headings.scss (100%) rename src/core/{utils => }/_helpers.scss (100%) rename src/core/{layout => }/_lists.scss (100%) rename src/core/{layout => }/_normalization.scss (100%) rename src/core/{layout => }/_print.scss (100%) rename src/core/{layout => }/_tables.scss (100%) rename src/core/{layout => }/_type.scss (100%) diff --git a/concise.scss b/concise.scss index b76fa03..a8df038 100644 --- a/concise.scss +++ b/concise.scss @@ -11,8 +11,5 @@ // Globals @import 'src/globals'; -// Base styles -@import 'src/base'; - -// Utils -@import 'src/utils'; +// Styles +@import 'src/styles'; diff --git a/src/_base.scss b/src/_styles.scss similarity index 67% rename from src/_base.scss rename to src/_styles.scss index 5519f46..017f1c5 100644 --- a/src/_base.scss +++ b/src/_styles.scss @@ -7,3 +7,8 @@ @import 'core/layout/print'; @import 'core/layout/tables'; @import 'core/layout/type'; +@import 'core/layout/atgrid'; +@import 'core/layout/colors'; +@import 'core/layout/conditional-styling'; +@import 'core/layout/helpers'; + diff --git a/src/_utils.scss b/src/_utils.scss deleted file mode 100644 index e902282..0000000 --- a/src/_utils.scss +++ /dev/null @@ -1,4 +0,0 @@ -@import 'core/utils/atgrid'; -@import 'core/utils/colors'; -@import 'core/utils/conditional-styling'; -@import 'core/utils/helpers'; diff --git a/src/core/utils/_atgrid.scss b/src/core/_atgrid.scss similarity index 99% rename from src/core/utils/_atgrid.scss rename to src/core/_atgrid.scss index ee19cdb..1cedad8 100644 --- a/src/core/utils/_atgrid.scss +++ b/src/core/_atgrid.scss @@ -103,7 +103,6 @@ $prefix: '' !default; } } - // // Column offsets // diff --git a/src/core/layout/_blockquotes.scss b/src/core/_blockquotes.scss similarity index 100% rename from src/core/layout/_blockquotes.scss rename to src/core/_blockquotes.scss diff --git a/src/core/layout/_buttons.scss b/src/core/_buttons.scss similarity index 100% rename from src/core/layout/_buttons.scss rename to src/core/_buttons.scss diff --git a/src/core/utils/_colors.scss b/src/core/_colors.scss similarity index 100% rename from src/core/utils/_colors.scss rename to src/core/_colors.scss diff --git a/src/core/utils/_conditional-styling.scss b/src/core/_conditional-styling.scss similarity index 100% rename from src/core/utils/_conditional-styling.scss rename to src/core/_conditional-styling.scss diff --git a/src/core/layout/_forms.scss b/src/core/_forms.scss similarity index 100% rename from src/core/layout/_forms.scss rename to src/core/_forms.scss diff --git a/src/core/layout/_headings.scss b/src/core/_headings.scss similarity index 100% rename from src/core/layout/_headings.scss rename to src/core/_headings.scss diff --git a/src/core/utils/_helpers.scss b/src/core/_helpers.scss similarity index 100% rename from src/core/utils/_helpers.scss rename to src/core/_helpers.scss diff --git a/src/core/layout/_lists.scss b/src/core/_lists.scss similarity index 100% rename from src/core/layout/_lists.scss rename to src/core/_lists.scss diff --git a/src/core/layout/_normalization.scss b/src/core/_normalization.scss similarity index 100% rename from src/core/layout/_normalization.scss rename to src/core/_normalization.scss diff --git a/src/core/layout/_print.scss b/src/core/_print.scss similarity index 100% rename from src/core/layout/_print.scss rename to src/core/_print.scss diff --git a/src/core/layout/_tables.scss b/src/core/_tables.scss similarity index 100% rename from src/core/layout/_tables.scss rename to src/core/_tables.scss diff --git a/src/core/layout/_type.scss b/src/core/_type.scss similarity index 100% rename from src/core/layout/_type.scss rename to src/core/_type.scss From 4113b892f02d37b3fd125fc3f69532aed8f310d1 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Tue, 19 Jul 2016 18:04:41 -0600 Subject: [PATCH 067/183] Fix column alignment for atgrid --- src/core/_atgrid.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/core/_atgrid.scss b/src/core/_atgrid.scss index 1cedad8..828c4c7 100644 --- a/src/core/_atgrid.scss +++ b/src/core/_atgrid.scss @@ -88,9 +88,9 @@ $prefix: '' !default; [#{$prefix}column~="top"] { align-self: flex-start; } -[#{$prefix}column~="center"] { align-self: flex-end; } +[#{$prefix}column~="center"] { align-self: center; } -[#{$prefix}column~="bottom"] { align-self: center; } +[#{$prefix}column~="bottom"] { align-self: flex-end; } // From 5c98610992e0139bbc083c77f0fb6ed3bdcac884 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Tue, 19 Jul 2016 18:30:37 -0600 Subject: [PATCH 068/183] [fix: #189] Move all the classes to concise-utils --- src/_globals.scss | 6 ++ src/_styles.scss | 24 ++--- src/core/_atgrid.scss | 16 +-- src/core/_blockquotes.scss | 11 --- src/core/_buttons.scss | 90 +---------------- src/core/_colors.scss | 19 ---- src/core/_conditional-styling.scss | 152 ----------------------------- src/core/_forms.scss | 96 ------------------ src/core/_headings.scss | 82 +++------------- src/core/_helpers.scss | 86 ---------------- src/core/_lists.scss | 23 ----- src/core/_normalization.scss | 8 -- src/core/_print.scss | 23 +---- src/core/_tables.scss | 99 ------------------- src/core/_type.scss | 17 +--- 15 files changed, 37 insertions(+), 715 deletions(-) delete mode 100644 src/core/_colors.scss delete mode 100644 src/core/_conditional-styling.scss delete mode 100644 src/core/_helpers.scss diff --git a/src/_globals.scss b/src/_globals.scss index ca30404..7fa1be6 100644 --- a/src/_globals.scss +++ b/src/_globals.scss @@ -9,6 +9,12 @@ $font-base-size: 16 !default; $font-base-size-bg: 18 !default; +// Font families +$font-family-headings: "Helvetica", "Arial", sans-serif !default; +$font-family: "Helvetica", "Arial", sans-serif !default; +$font-family-mono: "Consolas", monospace !default; +$font-family-print: "Georgia", "Times New Roman", "Times", serif !default; + // Automatic margins $automargin: true !default; $block-margin: 1lh !default; diff --git a/src/_styles.scss b/src/_styles.scss index 017f1c5..18ad499 100644 --- a/src/_styles.scss +++ b/src/_styles.scss @@ -1,14 +1,10 @@ -@import 'core/layout/normalization'; -@import 'core/layout/blockquotes'; -@import 'core/layout/buttons'; -@import 'core/layout/forms'; -@import 'core/layout/headings'; -@import 'core/layout/lists'; -@import 'core/layout/print'; -@import 'core/layout/tables'; -@import 'core/layout/type'; -@import 'core/layout/atgrid'; -@import 'core/layout/colors'; -@import 'core/layout/conditional-styling'; -@import 'core/layout/helpers'; - +@import 'core/normalization'; +@import 'core/type'; +@import 'core/headings'; +@import 'core/lists'; +@import 'core/buttons'; +@import 'core/forms'; +@import 'core/blockquotes'; +@import 'core/tables'; +@import 'core/atgrid'; +@import 'core/print'; diff --git a/src/core/_atgrid.scss b/src/core/_atgrid.scss index 828c4c7..ac45d1a 100644 --- a/src/core/_atgrid.scss +++ b/src/core/_atgrid.scss @@ -1,8 +1,8 @@ -/* -/* atGrid.css v4.0.0 - Attribute-based CSS Grid System -/* https://github.com/kolcethompsonco/atgrid.css -/* MIT License - James Kolce -*/ +// +// atGrid.css v4.0.0 - Attribute-based CSS Grid System +// https://github.com/kolcethompsonco/atgrid.css +// MIT License - James Kolce +// ============================================================================= // // Configuration @@ -20,7 +20,6 @@ $num-columns: 12 !default; // Prefix for attributes $prefix: '' !default; - // // Styles // ---------------------------------------- @@ -45,7 +44,6 @@ $prefix: '' !default; [#{$prefix}column] { flex: 1; } - // // Gutters by default // @@ -55,7 +53,6 @@ $prefix: '' !default; padding-right: $gutter / 2; } - // // No Gutters // @@ -70,7 +67,6 @@ $prefix: '' !default; } } - // // Alignment of all columns in a row // @@ -81,7 +77,6 @@ $prefix: '' !default; [#{$prefix}grid~="bottom"] { align-items: flex-end; } - // // Alignment of individual columns // @@ -92,7 +87,6 @@ $prefix: '' !default; [#{$prefix}column~="bottom"] { align-self: flex-end; } - // // Column widths // diff --git a/src/core/_blockquotes.scss b/src/core/_blockquotes.scss index 650c813..0a8367f 100644 --- a/src/core/_blockquotes.scss +++ b/src/core/_blockquotes.scss @@ -19,14 +19,3 @@ blockquote { cite:before, footer:before { content: "\2014 \00A0"; } } - - -// -// Modifiers -// --------- - -.blockquote--reverse { - border-left: none; - border-right: 1px solid getColor(base, lines); - text-align: right; -} diff --git a/src/core/_buttons.scss b/src/core/_buttons.scss index 22e1e6c..ff5a7e9 100644 --- a/src/core/_buttons.scss +++ b/src/core/_buttons.scss @@ -2,8 +2,7 @@ // Buttons // ============================================================================= -button, -.button { +button { background-color: getColor(base, primary); border: none; color: getColor(text, ui); @@ -39,90 +38,3 @@ button, opacity: 0.6; } } - - -// -// States -// ------ - -@each $color-name, $color in $colors { - @each $color-type, $color-value in $color { - @if $color-name == "state" { - .button--#{$color-type} { - background-color: $color-value; - - &:hover, - &:focus { background-color: lighten($color-value, 15%); } - - &:active { background-color: lighten($color-value, 10%); } - } - } - } -} - - -// -// Sizes -// ----- - -// Extra small -.button--xsm { - font-size: 12pr; - line-height: 1lh; - padding: 0 1em; -} - -// Small -.button--sm { - font-size: 14pr; - line-height: 1.25lh; - padding: 0 1em; -} - -// Large -.button--lg { - font-size: 18pr; - line-height: 2lh; - padding: 0 2em; -} - -// Extra large -.button--xlg { - font-size: 18pr; - line-height: 2.5lh; - padding: 0 2.5em; -} - -// Full-width -.button--full { width: 100%; } - - -// -// Modifiers -// --------- - -// Pill -.button--pill { border-radius: 1.5em; } - -// Flat -.button--flat { - background-color: transparent; - color: getColor(text, primary); - - &:hover { - background-color: rgba(0, 0, 0, .1); - color: getColor(text, primary); - } - - &[disabled] { - background-color: transparent; - color: getColor(text, secondary); - } -} - -// Collapsible -.button--collapse { - width: 100%; - - @media (--small) { width: auto; } -} diff --git a/src/core/_colors.scss b/src/core/_colors.scss deleted file mode 100644 index 6d266e6..0000000 --- a/src/core/_colors.scss +++ /dev/null @@ -1,19 +0,0 @@ -// -// Colors -// ============================================================================= -// Generates classes to change type and background colors from the colors -// set in `_globals.scss`. - -@each $color-name, $color in $colors { - @each $color-type, $color-value in $color { - @if $color-name == "state" { - .text--#{$color-type} { - color: $color-value !important; - } - - .bg--#{$color-type} { - background-color: $color-value !important; - } - } - } -} diff --git a/src/core/_conditional-styling.scss b/src/core/_conditional-styling.scss deleted file mode 100644 index e7c4215..0000000 --- a/src/core/_conditional-styling.scss +++ /dev/null @@ -1,152 +0,0 @@ -// -// Conditional Styling -// ============================================================================= - -// -// Mixins -// ------ - -@mixin show-conditional { - display: block; - visibility: visible; -} - -@mixin hide-conditional { - display: none; - visibility: hidden; -} - - -// -// Extra-Small Devices -// ------------------- - -.show--xsm, -.hide--sm, -.hide--md, -.hide--lg, -.hide--xlg, -.hide--print, -.hide--hd { - @include show-conditional; -} - -.hide--xsm, -.show--sm, -.show--md, -.show--lg, -.show--xlg, -.show--print, -.show--hd { - @include hide-conditional; -} - - -// -// Small Devices -// ------------- - -@media (--small) { - .show--sm, - .hide--xsm, - .hide--md, - .hide--lg, - .hide--xlg { - @include show-conditional; - } - - .hide--sm, - .show--xsm, - .show--md, - .show--lg, - .show--xlg { - @include hide-conditional; - } -} - - -// -// Medium Devices -// -------------- - -@media (--medium) { - .show--md, - .hide--sm, - .hide--xsm, - .hide--lg, - .hide--xlg { - @include show-conditional; - } - - .hide--md, - .show--sm, - .show--xsm, - .show--lg, - .show--xlg { - @include hide-conditional; - } -} - - -// -// Large Devices -// ------------- - -@media (--large) { - .show--lg, - .hide--xsm, - .hide--sm, - .hide--md, - .hide--xlg { - @include show-conditional; - } - - .hide--lg, - .show--xsm, - .show--sm, - .show--md, - .show--xlg { - @include hide-conditional; - } -} - - -// -// Extra-Large Devices -// ------------------- - -@media (--extra-large) { - .show--xlg, - .hide--xsm, - .hide--sm, - .hide--md, - .hide--lg { - @include show-conditional; - } - - .hide--xlg, - .show--xsm, - .show--sm, - .show--md, - .show--lg { - @include hide-conditional; - } -} - - -// -// HiDPI and Retina -// ---------------- - -@media only screen and (-moz-min-device-pixel-ratio: 1.5), - only screen and (-o-min-device-pixel-ratio: 3 / 2), - only screen and (-webkit-min-device-pixel-ratio: 1.5), - only screen and (min-device-pixel-ratio: 1.5) { - .show--hd { - @include show-conditional; - } - - .hide--hd { - @include hide-conditional; - } -} diff --git a/src/core/_forms.scss b/src/core/_forms.scss index c5831f3..d2020b8 100644 --- a/src/core/_forms.scss +++ b/src/core/_forms.scss @@ -34,7 +34,6 @@ textarea { } input:not([type="submit"]) { - line-height: normal; min-height: 1lh; @@ -191,98 +190,3 @@ input[type="range"] { width: 16px; } } - - -// -// Descendents -// ----------- - -// Help text -.input--help { - color: getColor(text, secondary); - display: block; - font-size: 12pr; - font-weight: bold; - margin-top: 0.25lh; -} - - -// -// Form Modifiers -// -------------- - -// Inline Form -.form--inline { - input, - select, - textarea { margin-bottom: 1lh; } - - @media (--small) { - input, - select, - textarea { - display: inline-block; - margin-bottom: 0; - vertical-align: middle; - width: auto; - } - - label { - display: inline; - margin-right: .5em; - vertical-align: middle; - } - - input + label { margin-left: 1em; } - } -} - - -// -// Input Modifiers -// --------------- - -// Small -.input--small { - font-size: 12pr !important; - height: 1lh !important; -} - -// Large -.input--large { - font-size: 16pr !important; - height: 2lh !important; -} - -// Flat -.input--flat { - background-color: transparent; - border-color: transparent; - box-shadow: none; - - &:focus { border-color: getColor(blue, lighter); } -} - -// Success -.input--success { - background-color: rgba(getColor(state, success), .15); - border-color: getColor(state, success); - - &:focus { border-color: getColor(state, success); } -} - -// Warning -.input--warning { - background-color: rgba(getColor(state, warning), .15); - border-color: getColor(state, warning); - - &:focus { border-color: getColor(state, warning); } -} - -// Warning -.input--error { - background-color: rgba(getColor(state, error), .15); - border-color: getColor(state, error); - - &:focus { border-color: getColor(state, error); } -} diff --git a/src/core/_headings.scss b/src/core/_headings.scss index 3d217ca..22dd5c6 100644 --- a/src/core/_headings.scss +++ b/src/core/_headings.scss @@ -3,52 +3,31 @@ // ============================================================================= -// -// Variables -// --------- - -// Font family -$font-family-headings: "Helvetica", "Arial", sans-serif !default; - - -// -// Styles -// ------ - -h1, h2, h3, h4, h5, h6, -.h1, .h2, .h3, .h4, .h5, .h6, -.giga, .mega, .kilo { +h1, h2, h3, h4, h5, h6 { color: getColor(text, heading); font-family: $font-family-headings; line-height: 1.25em; - small, - .small { + small { color: getColor(text, secondary); font-weight: lighter; vertical-align: 0; } } -h1, h2, h3, -.h1, .h2, .h3, -.giga, .mega, .kilo { +h1, h2, h3 { margin: 1lh 0 0.25lh; - small, - .small { font-size: 65%; } + small { font-size: 65%; } } -h4, h5, h6, -.h4, .h5, .h6 { +h4, h5, h6 { margin: 0.25lh 0; - small, - .small { font-size: 75%; } + small { font-size: 75%; } } -h1, -.h1 { +h1 { font-size: $h1-size * .75 + pr; @media (--medium) { @@ -56,8 +35,7 @@ h1, } } -h2, -.h2 { +h2 { font-size: $h2-size * .75 + pr; @media (--medium) { @@ -65,8 +43,7 @@ h2, } } -h3, -.h3 { +h3 { font-size: $h3-size * .75 + pr; @media (--medium) { @@ -74,43 +51,8 @@ h3, } } -h4, -.h4 { font-size: $h4-size + pr; } - -h5, -.h5 { font-size: $h5-size + pr; } - -h6, -.h6 { font-size: $h6-size + pr; } - - -// -// Sizes -// ----- - -// Giga -.giga { - font-size: $giga-size * .75 + pr; - - @media (--medium) { - font-size: $giga-size + pr; - } -} - -// Mega -.mega { - font-size: $mega-size * .75 + pr; - - @media (--medium) { - font-size: $mega-size + pr; - } -} +h4 { font-size: $h4-size + pr; } -// Kilo -.kilo { - font-size: $kilo-size * .75 + pr; +h5 { font-size: $h5-size + pr; } - @media (--medium) { - font-size: $kilo-size + pr; - } -} +h6{ font-size: $h6-size + pr; } diff --git a/src/core/_helpers.scss b/src/core/_helpers.scss deleted file mode 100644 index 4ab0fc3..0000000 --- a/src/core/_helpers.scss +++ /dev/null @@ -1,86 +0,0 @@ -// -// Helpers -// ============================================================================= - -// -// Text Alignment -// -------------- - -.text--left { text-align: left; } - -.text--center { text-align: center; } - -.text--right { text-align: right; } - -.text--justify { text-align: justify; } - - -// -// Floats -// ------ - -.float--none { float: none; } - -.float--right { float: right; } - -.float--left { float: left; } - -.clearfix { - &:before, - &:after { - content: ""; - display: table; - } - - &:after { clear: both; } -} - - -// -// Centering -// --------- - -// Center horizontally and vertically -.center--all { - left: 50%; - position: absolute; - text-align: center; - top: 50%; - transform: translate(-50%, -50%); -} - - -// -// Fluid Media -// ----------- - -.media--fluid { - max-width: 100%; - height: auto; -} - - -// -// Screen Reader Content -// --------------------- - -.screenreader { - border: 0 none; - clip: rect(0, 0, 0, 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; - - &:active, - &:focus { - position: static; - width: auto; - height: auto; - margin: 0; - overflow: visible; - clip: auto; - } -} diff --git a/src/core/_lists.scss b/src/core/_lists.scss index 00d94d4..2018352 100644 --- a/src/core/_lists.scss +++ b/src/core/_lists.scss @@ -32,29 +32,6 @@ nav { li { list-style: none; } } - -// -// Modifiers -// --------- - -// Unstyled -.list--unstyled { - list-style: none; - padding-left: 0; - - li { padding-left: 0; } -} - -// Inline -.list--inline li { - display: inline; - list-style: none; - padding-left: 1.5em; - - &:first-child { padding-left: 0; } -} - - // // Definition Lists // ---------------- diff --git a/src/core/_normalization.scss b/src/core/_normalization.scss index 86ad698..203e214 100644 --- a/src/core/_normalization.scss +++ b/src/core/_normalization.scss @@ -4,14 +4,6 @@ // Adapted from sanitize.css // (https://github.com/10up/sanitize.css) -// -// Variables -// --------- - -// Font families -$font-family: "Helvetica", "Arial", sans-serif !default; -$font-family-mono: "Consolas", monospace !default; - // // Normalization // ------------- diff --git a/src/core/_print.scss b/src/core/_print.scss index 9e75916..55c7262 100644 --- a/src/core/_print.scss +++ b/src/core/_print.scss @@ -2,17 +2,6 @@ // Print // ============================================================================= -// -// Variables -// --------- - -$font-family-print: "Georgia", "Times New Roman", "Times", serif !default; - - -// -// Styles -// --------- - @media print { @page { margin: .5cm; } @@ -37,12 +26,6 @@ $font-family-print: "Georgia", "Times New Roman", "Times", serif !default; page-break-inside: avoid; } - .show--print { - display: block; - visibility: visible; - } - - .hide--print, video, audio, object, @@ -55,14 +38,12 @@ $font-family-print: "Georgia", "Times New Roman", "Times", serif !default; } p, - h2, h3, - .h2, .h3 { + h2, h3 { orphans: 3; widows: 3; } - h2, h3, - .h2, .h3 { page-break-after: avoid; } + h2, h3 { page-break-after: avoid; } a, a:visited { diff --git a/src/core/_tables.scss b/src/core/_tables.scss index 9dc2993..1fa153a 100644 --- a/src/core/_tables.scss +++ b/src/core/_tables.scss @@ -49,102 +49,3 @@ table { tr, td { transition: background-color $transition-duration; } } - - -// -// Responsive -// ---------- - -.table--responsive { - overflow: auto; - width: 100%; - - &::-webkit-scrollbar { - height: 14px; - width: 14px; - - -webkit-appearance: none; - } - - &::-webkit-scrollbar-thumb { - background-color: rgba(50, 50, 50, .2); - border: 3px solid white; - border-radius: 8px; - } - - table { margin-bottom: 0; } -} - - -// -// Modifiers -// --------- - -// Full-width -.table--full { width: 100%; } - -// Border all -.table--border { - border: 1px solid getColor(base, lines); - - thead, - td { border-bottom: 1px solid getColor(base, lines); } -} - -// Border outer -.table--borderOuter { - border: 1px solid getColor(base, lines); - - th, - td { border-right: none; } -} - -// Border horizontal -.table--borderHorizontal { - thead, - td { border-bottom: 1px solid getColor(base, lines); } - - th, - td { border-right: none; } -} - -// Flat -.table--flat { - border: none; - - td { border-bottom: none; } - - th, - td { border-right: none; } -} - -// Fill even -.table--fillEven { - tbody tr:nth-child(even) { background-color: getColor(background, light); } -} - -// Fill odd -.table--fillOdd { - tbody tr:nth-child(odd) { background-color: getColor(background, light); } -} - -// Row hover -.table--hoverRow { - tbody tr:hover { background-color: getColor(background, light); } -} - -// Cell hover -.table--hoverCell { - tbody td:hover { background-color: getColor(background, light); } -} - -// Truncate table -.table--truncate { - table-layout: fixed; - - td { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } -} diff --git a/src/core/_type.scss b/src/core/_type.scss index e657e77..d70c4f9 100644 --- a/src/core/_type.scss +++ b/src/core/_type.scss @@ -32,13 +32,6 @@ sub { s { text-decoration: line-through; } -// -// Paragraphs -// -------- - -p:not(:last-child) { margin-bottom: 1lh; } - - // // Links // ----- @@ -54,8 +47,7 @@ a { &:focus { color: darken(getColor(base, primary), 15%); } } -h1, h2, h3, -.h1, .h2, .h3 { +h1, h2, h3 { a { color: getColor(text, primary); @@ -119,13 +111,6 @@ pre code { white-space: pre; } -.pre--flat { - background-color: transparent; - border: 0; - border-radius: 0; - padding: 0; -} - kbd { background-color: transparent; border: 1px solid getColor(base, lines); From ea283585e24bc2b6d1c20ee6d350ef8033525ca0 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Tue, 19 Jul 2016 18:35:55 -0600 Subject: [PATCH 069/183] Clean up headings.scss --- dist/concise.css | 1073 +++++++++++---------------------------- dist/concise.min.css | 2 +- src/core/_headings.scss | 47 +- 3 files changed, 299 insertions(+), 823 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index 9317528..3dec0a7 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -188,28 +188,181 @@ dl:not(:last-child), fieldset:not(:last-child), figcaption:not(:last-child), fig hr:not(:last-child), ol:not(:last-child), p:not(:last-child), pre:not(:last-child), section:not(:last-child), table:not(:last-child), table:not(:last-child), tfoot:not(:last-child), ul:not(:last-child), video:not(:last-child) { margin-bottom: 1.5rem; } -blockquote { - border-left: 1px solid #e0e0e0; - color: #666; - margin-bottom: 1.5rem; - padding: 0 1em; } - blockquote cite, - blockquote footer { - display: block; - font-size: 80%; - font-style: italic; - margin-top: 0.375rem; } - blockquote cite:before, - blockquote footer:before { - content: "\2014 \00A0"; } +small { + font-size: 75%; + vertical-align: text-bottom; } -.blockquote--reverse { - border-left: none; - border-right: 1px solid #e0e0e0; - text-align: right; } +sup, +sub { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } -button, input[type="submit"], -.button { +sup { + top: -0.5em; + -webkit-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "sups" 1; + font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "sups" 1; } + +sub { + bottom: -0.25em; + -webkit-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "subs" 1; + font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "subs" 1; } + +s { + text-decoration: line-through; } + +a { + background-color: transparent; + color: #4591aa; + cursor: pointer; + text-decoration: none; + -webkit-transition: 150ms; + transition: 150ms; } + a:hover, a:focus { + color: #2f6374; } + +h1 a, h2 a, h3 a { + color: #555; } + h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus { + color: #4591aa; + text-decoration: none; } + +abbr { + text-transform: uppercase; + /* 1 */ + -webkit-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "smcp" 1, "c2sc" 1; + font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "smcp" 1, "c2sc" 1; + /* 2 */ } + +code, +pre, +kbd, +samp { + font-family: "Consolas", monospace; + font-size: 0.875rem; } + +pre { + padding: 0.75rem 1em; } + +code { + vertical-align: middle; + white-space: nowrap; } + +code, +pre { + background-color: #f5f5f5; + border: 1px solid #e0e0e0; + border-radius: 3px; + color: #484848; + margin-bottom: 1.5rem; } + +code { + padding: 2px 3px; } + +pre code { + background-color: transparent; + border: none; + padding: 0; + vertical-align: inherit; + white-space: pre; } + +kbd { + background-color: transparent; + border: 1px solid #e0e0e0; + border-radius: 3px; + box-shadow: 0 2px 0 -1px white, 0 2px 0 gainsboro; + display: inline-block; + padding: 0 6px 0; + white-space: nowrap; } + +samp { + vertical-align: bottom; } + +address { + font-style: normal; } + +h1, h2, h3, h4, h5, h6 { + color: #222; + font-family: "Helvetica", "Arial", sans-serif; + line-height: 1.25em; } + h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { + color: #666; + font-weight: lighter; + vertical-align: 0; + font-size: 75%; } + +h1, h2, h3 { + margin: 1.5rem 0 0.375rem; } + +h4, h5, h6 { + margin: 0.375rem 0; } + +h1 { + font-size: 2.368rem; } + +h2 { + font-size: 1.77645rem; } + +h3 { + font-size: 1.33267rem; } + +@media (min-width: 768px) { + h1 { + font-size: 3.15733rem; } + h2 { + font-size: 2.36859rem; } + h3 { + font-size: 1.77689rem; } } + +h4 { + font-size: 1.333rem; } + +h5 { + font-size: 1rem; } + +h6 { + font-size: 0.75019rem; } + +ul, +ol { + padding-left: 1.5em; + margin-bottom: 0.375rem; } + ul ul, + ul ol, + ol ul, + ol ol { + margin-bottom: 0; } + +ul ul { + list-style-type: square; } + +ul ol { + list-style-type: lower-roman; } + +ol ol { + list-style-type: lower-roman; } + +ol ul { + list-style-type: square; } + +nav ul { + padding-left: 0; } + +nav li { + list-style: none; } + +dl { + margin-bottom: 1.5rem; } + +dt { + font-weight: bold; } + +dt, +dd { + margin-bottom: 0.375rem; } + +button, input[type="submit"] { background-color: #4591aa; border: none; color: white; @@ -229,103 +382,20 @@ button, input[type="submit"], user-select: none; vertical-align: middle; white-space: nowrap; } - button:hover, input[type="submit"]:hover, button:focus, input[type="submit"]:focus, - .button:hover, - .button:focus { + button:hover, input[type="submit"]:hover, button:focus, input[type="submit"]:focus { background-color: #75b3c7; color: white; text-decoration: none; } - button:focus, input[type="submit"]:focus, button:active, input[type="submit"]:active, - .button:focus, - .button:active { + button:focus, input[type="submit"]:focus, button:active, input[type="submit"]:active { outline: none; } - button:active, input[type="submit"]:active, - .button:active { + button:active, input[type="submit"]:active { background-color: #63a8bf; } - button[disabled], input[disabled][type="submit"], - .button[disabled] { + button[disabled], input[disabled][type="submit"] { background-color: gainsboro; color: white; cursor: not-allowed; opacity: 0.6; } -.button--muted { - background-color: #aaa; } - .button--muted:hover, .button--muted:focus { - background-color: #d0d0d0; } - .button--muted:active { - background-color: #c4c4c4; } - -.button--primary { - background-color: #4591aa; } - .button--primary:hover, .button--primary:focus { - background-color: #75b3c7; } - .button--primary:active { - background-color: #63a8bf; } - -.button--success { - background-color: #45ca69; } - .button--success:hover, .button--success:focus { - background-color: #81db99; } - .button--success:active { - background-color: #6dd589; } - -.button--warning { - background-color: #ffb800; } - .button--warning:hover, .button--warning:focus { - background-color: #ffcd4d; } - .button--warning:active { - background-color: #ffc633; } - -.button--error { - background-color: #ca4829; } - .button--error:hover, .button--error:focus { - background-color: #df7961; } - .button--error:active { - background-color: #db674b; } - -.button--xsm { - font-size: 0.75rem; - line-height: 1.5rem; - padding: 0 1em; } - -.button--sm { - font-size: 0.875rem; - line-height: 1.875rem; - padding: 0 1em; } - -.button--lg { - font-size: 1.125rem; - line-height: 3rem; - padding: 0 2em; } - -.button--xlg { - font-size: 1.125rem; - line-height: 3.75rem; - padding: 0 2.5em; } - -.button--full { - width: 100%; } - -.button--pill { - border-radius: 1.5em; } - -.button--flat { - background-color: transparent; - color: #555; } - .button--flat:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #555; } - .button--flat[disabled] { - background-color: transparent; - color: #666; } - -.button--collapse { - width: 100%; } - @media (min-width: 480px) { - .button--collapse { - width: auto; } } - @media (min-width: 480px) { form, form [row] { @@ -449,329 +519,39 @@ input[type="range"] { height: 5px; } input[type="range"]::-moz-range-thumb { border: none; - border-radius: 50%; - background-color: #4591aa; - height: 16px; - margin-top: -5px; - width: 16px; } - input[type="range"]::-ms-track { - background-color: gainsboro; - border: none; - border-radius: 3px; - color: transparent; - height: 5px; } - input[type="range"]::-ms-thumb { - border: none; - border-radius: 50%; - background-color: #4591aa; - height: 16px; - margin-top: -5px; - width: 16px; } - -.input--help { - color: #666; - display: block; - font-size: 0.75rem; - font-weight: bold; - margin-top: 0.375rem; } - -.form--inline input, -.form--inline select, -.form--inline textarea { - margin-bottom: 1.5rem; } - -@media (min-width: 480px) { - .form--inline input, - .form--inline select, - .form--inline textarea { - display: inline-block; - margin-bottom: 0; - vertical-align: middle; - width: auto; } - .form--inline label { - display: inline; - margin-right: .5em; - vertical-align: middle; } - .form--inline input + label { - margin-left: 1em; } } - -.input--small { - font-size: 0.75rem !important; - height: 1.5rem !important; } - -.input--large { - font-size: 1rem !important; - height: 3rem !important; } - -.input--flat { - background-color: transparent; - border-color: transparent; - box-shadow: none; } - .input--flat:focus { - border-color: #74cbe8; } - -.input--success { - background-color: rgba(69, 202, 105, 0.15); - border-color: #45ca69; } - .input--success:focus { - border-color: #45ca69; } - -.input--warning { - background-color: rgba(255, 184, 0, 0.15); - border-color: #ffb800; } - .input--warning:focus { - border-color: #ffb800; } - -.input--error { - background-color: rgba(202, 72, 41, 0.15); - border-color: #ca4829; } - .input--error:focus { - border-color: #ca4829; } - -h1, h2, h3, h4, h5, h6, -.h1, .h2, .h3, .h4, .h5, .h6, -.giga, .mega, .kilo { - color: #222; - font-family: "Helvetica", "Arial", sans-serif; - line-height: 1.25em; } - h1 small, - h1 .small, h2 small, - h2 .small, h3 small, - h3 .small, h4 small, - h4 .small, h5 small, - h5 .small, h6 small, - h6 .small, - .h1 small, - .h1 .small, .h2 small, - .h2 .small, .h3 small, - .h3 .small, .h4 small, - .h4 .small, .h5 small, - .h5 .small, .h6 small, - .h6 .small, - .giga small, - .giga .small, .mega small, - .mega .small, .kilo small, - .kilo .small { - color: #666; - font-weight: lighter; - vertical-align: 0; } - -h1, h2, h3, -.h1, .h2, .h3, -.giga, .mega, .kilo { - margin: 1.5rem 0 0.375rem; } - h1 small, - h1 .small, h2 small, - h2 .small, h3 small, - h3 .small, - .h1 small, - .h1 .small, .h2 small, - .h2 .small, .h3 small, - .h3 .small, - .giga small, - .giga .small, .mega small, - .mega .small, .kilo small, - .kilo .small { - font-size: 65%; } - -h4, h5, h6, -.h4, .h5, .h6 { - margin: 0.375rem 0; } - h4 small, - h4 .small, h5 small, - h5 .small, h6 small, - h6 .small, - .h4 small, - .h4 .small, .h5 small, - .h5 .small, .h6 small, - .h6 .small { - font-size: 75%; } - -h1, -.h1 { - font-size: 2.368rem; } - @media (min-width: 768px) { - h1, - .h1 { - font-size: 3.15733rem; } } - -h2, -.h2 { - font-size: 1.77645rem; } - @media (min-width: 768px) { - h2, - .h2 { - font-size: 2.36859rem; } } - -h3, -.h3 { - font-size: 1.33267rem; } - @media (min-width: 768px) { - h3, - .h3 { - font-size: 1.77689rem; } } - -h4, -.h4 { - font-size: 1.333rem; } - -h5, -.h5 { - font-size: 1rem; } - -h6, -.h6 { - font-size: 0.75019rem; } - -.giga { - font-size: 5.60883rem; } - @media (min-width: 768px) { - .giga { - font-size: 7.47844rem; } } - -.mega { - font-size: 4.20768rem; } - @media (min-width: 768px) { - .mega { - font-size: 5.61023rem; } } - -.kilo { - font-size: 3.15654rem; } - @media (min-width: 768px) { - .kilo { - font-size: 4.20873rem; } } - -ul, -ol { - padding-left: 1.5em; - margin-bottom: 0.375rem; } - ul ul, - ul ol, - ol ul, - ol ol { - margin-bottom: 0; } - -ul ul { - list-style-type: square; } - -ul ol { - list-style-type: lower-roman; } - -ol ol { - list-style-type: lower-roman; } - -ol ul { - list-style-type: square; } - -nav ul { - padding-left: 0; } - -nav li { - list-style: none; } - -.list--unstyled { - list-style: none; - padding-left: 0; } - .list--unstyled li { - padding-left: 0; } - -.list--inline li { - display: inline; - list-style: none; - padding-left: 1.5em; } - .list--inline li:first-child { - padding-left: 0; } - -dl { - margin-bottom: 1.5rem; } - -dt { - font-weight: bold; } - -dt, -dd { - margin-bottom: 0.375rem; } - -@media print { - @page { - margin: .5cm; } - *, - *:before, - *:after { - background: transparent !important; - color: black !important; - -webkit-filter: none !important; - filter: none !important; - text-shadow: none !important; } - :root { - background-color: white; - color: black; - font: 11pt/1.3 "Georgia", "Times New Roman", "Times", serif; } - img { - max-width: 100% !important; - page-break-after: avoid; - page-break-inside: avoid; } - .show--print { - display: block; - visibility: visible; } - .hide--print, - video, - audio, - object, - embed, - nav, - footer, - a[href^="#"]:after { - display: none; - visibility: hidden; } - p, - h2, h3, - .h2, .h3 { - orphans: 3; - widows: 3; } - h2, h3, - .h2, .h3 { - page-break-after: avoid; } - a, - a:visited { - color: black; - font-size: .57em; - text-decoration: underline; - word-wrap: break-word; } - a[href]:after, - a:visited[href]:after { - content: " (" attr(href) ")"; - font-size: smaller; } - q:after { - content: " (Source: " attr(cite) ")"; } - abbr[title]:after { - content: " (" attr(title) ")"; } - a:after, a[href^="javascript:"]:after, a[href^="#"]:after { - content: ""; } - pre, - code { - background-color: transparent; - border: 1px solid #e0e0e0; - page-break-inside: avoid; } - blockquote { - border: none; - page-break-inside: avoid; } - thead { - display: table-header-group; } - tr, - img { - page-break-inside: avoid; } - ol { - padding-left: 1.25em; } - ul { - padding-left: 0; - list-style: none; } - ul ul, - ul ul ul { - padding-left: 1.5em; } - ul li, - ol li { - content: "» "; } } + border-radius: 50%; + background-color: #4591aa; + height: 16px; + margin-top: -5px; + width: 16px; } + input[type="range"]::-ms-track { + background-color: gainsboro; + border: none; + border-radius: 3px; + color: transparent; + height: 5px; } + input[type="range"]::-ms-thumb { + border: none; + border-radius: 50%; + background-color: #4591aa; + height: 16px; + margin-top: -5px; + width: 16px; } + +blockquote { + border-left: 1px solid #e0e0e0; + color: #666; + margin-bottom: 1.5rem; + padding: 0 1em; } + blockquote cite, + blockquote footer { + display: block; + font-size: 80%; + font-style: italic; + margin-top: 0.375rem; } + blockquote cite:before, + blockquote footer:before { + content: "\2014 \00A0"; } table { border: 1px solid #e0e0e0; @@ -815,181 +595,6 @@ table { -webkit-transition: background-color 150ms; transition: background-color 150ms; } -.table--responsive { - overflow: auto; - width: 100%; } - .table--responsive::-webkit-scrollbar { - height: 14px; - width: 14px; - -webkit-appearance: none; } - .table--responsive::-webkit-scrollbar-thumb { - background-color: rgba(50, 50, 50, 0.2); - border: 3px solid white; - border-radius: 8px; } - .table--responsive table { - margin-bottom: 0; } - -.table--full { - width: 100%; } - -.table--border { - border: 1px solid #e0e0e0; } - .table--border thead, - .table--border td { - border-bottom: 1px solid #e0e0e0; } - -.table--borderOuter { - border: 1px solid #e0e0e0; } - .table--borderOuter th, - .table--borderOuter td { - border-right: none; } - -.table--borderHorizontal thead, -.table--borderHorizontal td { - border-bottom: 1px solid #e0e0e0; } - -.table--borderHorizontal th, -.table--borderHorizontal td { - border-right: none; } - -.table--flat { - border: none; } - .table--flat td { - border-bottom: none; } - .table--flat th, - .table--flat td { - border-right: none; } - -.table--fillEven tbody tr:nth-child(even) { - background-color: #f5f5f5; } - -.table--fillOdd tbody tr:nth-child(odd) { - background-color: #f5f5f5; } - -.table--hoverRow tbody tr:hover { - background-color: #f5f5f5; } - -.table--hoverCell tbody td:hover { - background-color: #f5f5f5; } - -.table--truncate { - table-layout: fixed; } - .table--truncate td { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; } - -small { - font-size: 75%; - vertical-align: text-bottom; } - -sup, -sub { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; } - -sup { - top: -0.5em; - -webkit-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "sups" 1; - font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "sups" 1; } - -sub { - bottom: -0.25em; - -webkit-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "subs" 1; - font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "subs" 1; } - -s { - text-decoration: line-through; } - -p:not(:last-child) { - margin-bottom: 1.5rem; } - -a { - background-color: transparent; - color: #4591aa; - cursor: pointer; - text-decoration: none; - -webkit-transition: 150ms; - transition: 150ms; } - a:hover, a:focus { - color: #2f6374; } - -h1 a, h2 a, h3 a, -.h1 a, .h2 a, .h3 a { - color: #555; } - h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, - .h1 a:hover, - .h1 a:focus, .h2 a:hover, .h2 a:focus, .h3 a:hover, .h3 a:focus { - color: #4591aa; - text-decoration: none; } - -abbr { - text-transform: uppercase; - /* 1 */ - -webkit-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "smcp" 1, "c2sc" 1; - font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "smcp" 1, "c2sc" 1; - /* 2 */ } - -code, -pre, -kbd, -samp { - font-family: "Consolas", monospace; - font-size: 0.875rem; } - -pre { - padding: 0.75rem 1em; } - -code { - vertical-align: middle; - white-space: nowrap; } - -code, -pre { - background-color: #f5f5f5; - border: 1px solid #e0e0e0; - border-radius: 3px; - color: #484848; - margin-bottom: 1.5rem; } - -code { - padding: 2px 3px; } - -pre code { - background-color: transparent; - border: none; - padding: 0; - vertical-align: inherit; - white-space: pre; } - -.pre--flat { - background-color: transparent; - border: 0; - border-radius: 0; - padding: 0; } - -kbd { - background-color: transparent; - border: 1px solid #e0e0e0; - border-radius: 3px; - box-shadow: 0 2px 0 -1px white, 0 2px 0 gainsboro; - display: inline-block; - padding: 0 6px 0; - white-space: nowrap; } - -samp { - vertical-align: bottom; } - -address { - font-style: normal; } - -/* -/* atGrid.css v4.0.0 - Attribute-based CSS Grid System -/* https://github.com/kolcethompsonco/atgrid.css -/* MIT License - James Kolce -*/ [container] { margin-left: auto; margin-right: auto; @@ -1053,13 +658,13 @@ address { align-self: flex-start; } [column~="center"] { - -ms-flex-item-align: end; - align-self: flex-end; } - -[column~="bottom"] { -ms-flex-item-align: center; align-self: center; } +[column~="bottom"] { + -ms-flex-item-align: end; + align-self: flex-end; } + [column~="1"] { -webkit-box-flex: 0; -ms-flex: 0 1 8.33333%; @@ -1156,181 +761,77 @@ address { [column~="+12"] { margin-left: 100%; } -.text--muted { - color: #aaa !important; } - -.bg--muted { - background-color: #aaa !important; } - -.text--primary { - color: #4591aa !important; } - -.bg--primary { - background-color: #4591aa !important; } - -.text--success { - color: #45ca69 !important; } - -.bg--success { - background-color: #45ca69 !important; } - -.text--warning { - color: #ffb800 !important; } - -.bg--warning { - background-color: #ffb800 !important; } - -.text--error { - color: #ca4829 !important; } - -.bg--error { - background-color: #ca4829 !important; } - -.show--xsm, -.hide--sm, -.hide--md, -.hide--lg, -.hide--xlg, -.hide--print, -.hide--hd { - display: block; - visibility: visible; } - -.hide--xsm, -.show--sm, -.show--md, -.show--lg, -.show--xlg, -.show--print, -.show--hd { - display: none; - visibility: hidden; } - -@media (min-width: 480px) { - .show--sm, - .hide--xsm, - .hide--md, - .hide--lg, - .hide--xlg { - display: block; - visibility: visible; } - .hide--sm, - .show--xsm, - .show--md, - .show--lg, - .show--xlg { - display: none; - visibility: hidden; } } - -@media (min-width: 768px) { - .show--md, - .hide--sm, - .hide--xsm, - .hide--lg, - .hide--xlg { - display: block; - visibility: visible; } - .hide--md, - .show--sm, - .show--xsm, - .show--lg, - .show--xlg { - display: none; - visibility: hidden; } } - -@media (min-width: 960px) { - .show--lg, - .hide--xsm, - .hide--sm, - .hide--md, - .hide--xlg { - display: block; - visibility: visible; } - .hide--lg, - .show--xsm, - .show--sm, - .show--md, - .show--xlg { - display: none; - visibility: hidden; } } - -@media (min-width: 1100px) { - .show--xlg, - .hide--xsm, - .hide--sm, - .hide--md, - .hide--lg { - display: block; - visibility: visible; } - .hide--xlg, - .show--xsm, - .show--sm, - .show--md, - .show--lg { - display: none; - visibility: hidden; } } - -@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { - .show--hd { - display: block; - visibility: visible; } - .hide--hd { +@media print { + @page { + margin: .5cm; } + *, + *:before, + *:after { + background: transparent !important; + color: black !important; + -webkit-filter: none !important; + filter: none !important; + text-shadow: none !important; } + :root { + background-color: white; + color: black; + font: 11pt/1.3 "Georgia", "Times New Roman", "Times", serif; } + img { + max-width: 100% !important; + page-break-after: avoid; + page-break-inside: avoid; } + video, + audio, + object, + embed, + nav, + footer, + a[href^="#"]:after { display: none; - visibility: hidden; } } - -.text--left { - text-align: left; } - -.text--center { - text-align: center; } - -.text--right { - text-align: right; } - -.text--justify { - text-align: justify; } - -.float--none { - float: none; } - -.float--right { - float: right; } - -.float--left { - float: left; } - -.clearfix:before, .clearfix:after { - content: ""; - display: table; } - -.clearfix:after { - clear: both; } - -.center--all { - left: 50%; - position: absolute; - text-align: center; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); } - -.media--fluid { - max-width: 100%; - height: auto; } - -.screenreader { - border: 0 none; - clip: rect(0, 0, 0, 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; } - .screenreader:active, .screenreader:focus { - position: static; - width: auto; - height: auto; - margin: 0; - overflow: visible; - clip: auto; } + visibility: hidden; } + p, + h2, h3 { + orphans: 3; + widows: 3; } + h2, h3 { + page-break-after: avoid; } + a, + a:visited { + color: black; + font-size: .57em; + text-decoration: underline; + word-wrap: break-word; } + a[href]:after, + a:visited[href]:after { + content: " (" attr(href) ")"; + font-size: smaller; } + q:after { + content: " (Source: " attr(cite) ")"; } + abbr[title]:after { + content: " (" attr(title) ")"; } + a:after, a[href^="javascript:"]:after, a[href^="#"]:after { + content: ""; } + pre, + code { + background-color: transparent; + border: 1px solid #e0e0e0; + page-break-inside: avoid; } + blockquote { + border: none; + page-break-inside: avoid; } + thead { + display: table-header-group; } + tr, + img { + page-break-inside: avoid; } + ol { + padding-left: 1.25em; } + ul { + padding-left: 0; + list-style: none; } + ul ul, + ul ul ul { + padding-left: 1.5em; } + ul li, + ol li { + content: "» "; } } diff --git a/dist/concise.min.css b/dist/concise.min.css index cef355b..3855ae4 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}address:not(:last-child),article:not(:last-child),aside:not(:last-child),audio:not(:last-child),blockquote,blockquote:not(:last-child),canvas:not(:last-child),dd:not(:last-child),dl:not(:last-child),fieldset:not(:last-child),figcaption:not(:last-child),figure:not(:last-child),footer:not(:last-child),form:not(:last-child),header:not(:last-child),hr:not(:last-child),ol:not(:last-child),p:not(:last-child),pre:not(:last-child),section:not(:last-child),table:not(:last-child),tfoot:not(:last-child),ul:not(:last-child),video:not(:last-child){margin-bottom:1.5rem}blockquote{border-left:1px solid #e0e0e0;color:#666;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}.button,button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}.button:active,.button:focus,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}.button:active,button:active,input[type=submit]:active{background-color:#63a8bf}.button[disabled],button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}.button--muted{background-color:#aaa}.button--muted:focus,.button--muted:hover{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:focus,.button--primary:hover{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:focus,.button--success:hover{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:focus,.button--warning:hover{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:focus,.button--error:hover{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75rem;line-height:1.5rem;padding:0 1em}.button--sm{font-size:.875rem;line-height:1.875rem;padding:0 1em}.button--lg{font-size:1.125rem;line-height:3rem;padding:0 2em}.button--xlg{font-size:1.125rem;line-height:3.75rem;padding:0 2.5em}.button--full{width:100%}.button--pill{border-radius:1.5em}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media (min-width:480px){.button--collapse{width:auto}}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875rem;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75rem;font-weight:700;margin-top:.375rem}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:1.5rem}@media (min-width:480px){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.input--small{font-size:.75rem!important;height:1.5rem!important}.input--large{font-size:1rem!important;height:3rem!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,.15)}.input--success,.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,.15)}.input--warning,.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,.15)}.input--error,.input--error:focus{border-color:#ca4829}.giga,.h1,.h2,.h3,.h4,.h5,.h6,.kilo,.mega,h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{color:#666;font-weight:lighter;vertical-align:0}.giga,.h1,.h2,.h3,.kilo,.mega,h1,h2,h3{margin:1.5rem 0 .375rem}.giga .small,.giga small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.kilo .small,.kilo small,.mega .small,.mega small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin:.375rem 0}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.368rem}@media (min-width:768px){.h1,h1{font-size:3.15733rem}}.h2,h2{font-size:1.77645rem}@media (min-width:768px){.h2,h2{font-size:2.36859rem}}.h3,h3{font-size:1.33267rem}@media (min-width:768px){.h3,h3{font-size:1.77689rem}}.h4,h4{font-size:1.333rem}.h5,h5{font-size:1rem}.h6,h6{font-size:.75019rem}.giga{font-size:5.60883rem}@media (min-width:768px){.giga{font-size:7.47844rem}}.mega{font-size:4.20768rem}@media (min-width:768px){.mega{font-size:5.61023rem}}.kilo{font-size:3.15654rem}@media (min-width:768px){.kilo{font-size:4.20873rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}.h2,.h3,h2,h3,p{orphans:3;widows:3}.h2,.h3,h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.2);border:3px solid #fff;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border td,.table--border thead{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter td,.table--borderOuter th{border-right:none}.table--borderHorizontal td,.table--borderHorizontal thead{border-bottom:1px solid #e0e0e0}.table--borderHorizontal td,.table--borderHorizontal th{border-right:none}.table--flat{border:none}.table--flat td{border-bottom:none}.table--flat td,.table--flat th{border-right:none}.table--fillEven tbody tr:nth-child(even),.table--fillOdd tbody tr:nth-child(odd),.table--hoverCell tbody td:hover,.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--truncate{table-layout:fixed}.table--truncate td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}p:not(:last-child){margin-bottom:1.5rem}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}.h1 a,.h2 a,.h3 a,h1 a,h2 a,h3 a{color:#555}.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875rem}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;vertical-align:inherit;white-space:pre}.pre--flat,pre code{background-color:transparent;padding:0}.pre--flat{border:0;border-radius:0}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:end;align-self:flex-end}[column~=bottom]{-ms-flex-item-align:center;align-self:center}[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.hide--hd,.hide--lg,.hide--md,.hide--print,.hide--sm,.hide--xlg,.show--xsm{display:block;visibility:visible}.hide--xsm,.show--hd,.show--lg,.show--md,.show--print,.show--sm,.show--xlg{display:none;visibility:hidden}@media (min-width:480px){.hide--lg,.hide--md,.hide--xlg,.hide--xsm,.show--sm{display:block;visibility:visible}.hide--sm,.show--lg,.show--md,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:768px){.hide--lg,.hide--sm,.hide--xlg,.hide--xsm,.show--md{display:block;visibility:visible}.hide--md,.show--lg,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:960px){.hide--md,.hide--sm,.hide--xlg,.hide--xsm,.show--lg{display:block;visibility:visible}.hide--lg,.show--md,.show--sm,.show--xlg,.show--xsm{display:none;visibility:hidden}}@media (min-width:1100px){.hide--lg,.hide--md,.hide--sm,.hide--xsm,.show--xlg{display:block;visibility:visible}.hide--xlg,.show--lg,.show--md,.show--sm,.show--xsm{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}address:not(:last-child),article:not(:last-child),aside:not(:last-child),audio:not(:last-child),blockquote:not(:last-child),canvas:not(:last-child),dd:not(:last-child),dl:not(:last-child),fieldset:not(:last-child),figcaption:not(:last-child),figure:not(:last-child),footer:not(:last-child),form:not(:last-child),header:not(:last-child),hr:not(:last-child),ol:not(:last-child),p:not(:last-child),pre:not(:last-child),section:not(:last-child),table:not(:last-child),tfoot:not(:last-child),ul:not(:last-child),video:not(:last-child){margin-bottom:1.5rem}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:#555}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875rem}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#666;font-weight:lighter;vertical-align:0;font-size:75%}h1,h2,h3{margin:1.5rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.368rem}h2{font-size:1.77645rem}h3{font-size:1.33267rem}@media (min-width:768px){h1{font-size:3.15733rem}h2{font-size:2.36859rem}h3{font-size:1.77689rem}}h4{font-size:1.333rem}h5{font-size:1rem}h6{font-size:.75019rem}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875rem;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file diff --git a/src/core/_headings.scss b/src/core/_headings.scss index 22dd5c6..761b240 100644 --- a/src/core/_headings.scss +++ b/src/core/_headings.scss @@ -2,7 +2,6 @@ // Headings // ============================================================================= - h1, h2, h3, h4, h5, h6 { color: getColor(text, heading); font-family: $font-family-headings; @@ -12,47 +11,23 @@ h1, h2, h3, h4, h5, h6 { color: getColor(text, secondary); font-weight: lighter; vertical-align: 0; + font-size: 75%; } } -h1, h2, h3 { - margin: 1lh 0 0.25lh; - - small { font-size: 65%; } -} +h1, h2, h3 { margin: 1lh 0 0.25lh; } +h4, h5, h6 { margin: 0.25lh 0; } -h4, h5, h6 { - margin: 0.25lh 0; +h1 { font-size: $h1-size * .75 + pr; } +h2 { font-size: $h2-size * .75 + pr; } +h3 { font-size: $h3-size * .75 + pr; } - small { font-size: 75%; } -} - -h1 { - font-size: $h1-size * .75 + pr; - - @media (--medium) { - font-size: $h1-size + pr; - } -} - -h2 { - font-size: $h2-size * .75 + pr; - - @media (--medium) { - font-size: $h2-size + pr; - } -} - -h3 { - font-size: $h3-size * .75 + pr; - - @media (--medium) { - font-size: $h3-size + pr; - } +@media (--medium) { + h1 { font-size: $h1-size + pr; } + h2 { font-size: $h2-size + pr; } + h3 { font-size: $h3-size + pr; } } h4 { font-size: $h4-size + pr; } - h5 { font-size: $h5-size + pr; } - -h6{ font-size: $h6-size + pr; } +h6 { font-size: $h6-size + pr; } From 6dd59c46091133ca6a95fd0c4ec0f4675bff7aca Mon Sep 17 00:00:00 2001 From: James Kolce Date: Tue, 19 Jul 2016 18:37:22 -0600 Subject: [PATCH 070/183] Move grid variables to globals.scss --- src/_globals.scss | 17 +++++++++++++++++ src/core/_atgrid.scss | 20 -------------------- 2 files changed, 17 insertions(+), 20 deletions(-) diff --git a/src/_globals.scss b/src/_globals.scss index 7fa1be6..7cb1c71 100644 --- a/src/_globals.scss +++ b/src/_globals.scss @@ -73,6 +73,23 @@ $kilo-size: $h1-size * $font-ratio-size !default; $mega-size: $kilo-size * $font-ratio-size !default; $giga-size: $mega-size * $font-ratio-size !default; +// +// Grid +// ---- + +// Max width for container +$container-width: 1200px !default; + +// Gutter size +$gutter: 2em !default; + +// Number of columns in a row +$num-columns: 12 !default; + +// Prefix for attributes +$prefix: '' !default; + + // // Color Palette // ------------- diff --git a/src/core/_atgrid.scss b/src/core/_atgrid.scss index ac45d1a..eb71430 100644 --- a/src/core/_atgrid.scss +++ b/src/core/_atgrid.scss @@ -4,26 +4,6 @@ // MIT License - James Kolce // ============================================================================= -// -// Configuration -// ---------------------------------------- - -// Max width for container -$container-width: 1200px !default; - -// Gutter size -$gutter: 2em !default; - -// Number of columns in a row -$num-columns: 12 !default; - -// Prefix for attributes -$prefix: '' !default; - -// -// Styles -// ---------------------------------------- - [#{$prefix}container] { margin-left: auto; margin-right: auto; From 924c9a5613fc8b5589dd7b2c7c7824cf2a17d7c9 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Sun, 24 Jul 2016 17:32:55 -0600 Subject: [PATCH 071/183] Simplify directory structure --- src/_globals.scss => _globals.scss | 0 concise.scss | 14 +++++++++++--- dist/concise.css | 1 - src/{core => }/_atgrid.scss | 0 src/{core => }/_blockquotes.scss | 0 src/{core => }/_buttons.scss | 0 src/{core => }/_forms.scss | 0 src/{core => }/_headings.scss | 0 src/{core => }/_lists.scss | 0 src/{core => }/_normalization.scss | 0 src/{core => }/_print.scss | 0 src/_styles.scss | 10 ---------- src/{core => }/_tables.scss | 0 src/{core => }/_type.scss | 0 14 files changed, 11 insertions(+), 14 deletions(-) rename src/_globals.scss => _globals.scss (100%) rename src/{core => }/_atgrid.scss (100%) rename src/{core => }/_blockquotes.scss (100%) rename src/{core => }/_buttons.scss (100%) rename src/{core => }/_forms.scss (100%) rename src/{core => }/_headings.scss (100%) rename src/{core => }/_lists.scss (100%) rename src/{core => }/_normalization.scss (100%) rename src/{core => }/_print.scss (100%) delete mode 100644 src/_styles.scss rename src/{core => }/_tables.scss (100%) rename src/{core => }/_type.scss (100%) diff --git a/src/_globals.scss b/_globals.scss similarity index 100% rename from src/_globals.scss rename to _globals.scss diff --git a/concise.scss b/concise.scss index a8df038..6077e9a 100644 --- a/concise.scss +++ b/concise.scss @@ -5,11 +5,19 @@ * Copyright 2016 James Kolce, Keenan Payne and ConciseCSS Contributors * Released under the MIT license * http://opensource.org/licenses/MIT - * */ // Globals -@import 'src/globals'; +@import 'globals'; // Styles -@import 'src/styles'; +@import 'src/normalization'; +@import 'src/type'; +@import 'src/headings'; +@import 'src/lists'; +@import 'src/buttons'; +@import 'src/forms'; +@import 'src/blockquotes'; +@import 'src/tables'; +@import 'src/atgrid'; +@import 'src/print'; diff --git a/dist/concise.css b/dist/concise.css index 3dec0a7..219ea13 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -5,7 +5,6 @@ * Copyright 2016 James Kolce, Keenan Payne and ConciseCSS Contributors * Released under the MIT license * http://opensource.org/licenses/MIT - * */ abbr[title] { text-decoration: underline; diff --git a/src/core/_atgrid.scss b/src/_atgrid.scss similarity index 100% rename from src/core/_atgrid.scss rename to src/_atgrid.scss diff --git a/src/core/_blockquotes.scss b/src/_blockquotes.scss similarity index 100% rename from src/core/_blockquotes.scss rename to src/_blockquotes.scss diff --git a/src/core/_buttons.scss b/src/_buttons.scss similarity index 100% rename from src/core/_buttons.scss rename to src/_buttons.scss diff --git a/src/core/_forms.scss b/src/_forms.scss similarity index 100% rename from src/core/_forms.scss rename to src/_forms.scss diff --git a/src/core/_headings.scss b/src/_headings.scss similarity index 100% rename from src/core/_headings.scss rename to src/_headings.scss diff --git a/src/core/_lists.scss b/src/_lists.scss similarity index 100% rename from src/core/_lists.scss rename to src/_lists.scss diff --git a/src/core/_normalization.scss b/src/_normalization.scss similarity index 100% rename from src/core/_normalization.scss rename to src/_normalization.scss diff --git a/src/core/_print.scss b/src/_print.scss similarity index 100% rename from src/core/_print.scss rename to src/_print.scss diff --git a/src/_styles.scss b/src/_styles.scss deleted file mode 100644 index 18ad499..0000000 --- a/src/_styles.scss +++ /dev/null @@ -1,10 +0,0 @@ -@import 'core/normalization'; -@import 'core/type'; -@import 'core/headings'; -@import 'core/lists'; -@import 'core/buttons'; -@import 'core/forms'; -@import 'core/blockquotes'; -@import 'core/tables'; -@import 'core/atgrid'; -@import 'core/print'; diff --git a/src/core/_tables.scss b/src/_tables.scss similarity index 100% rename from src/core/_tables.scss rename to src/_tables.scss diff --git a/src/core/_type.scss b/src/_type.scss similarity index 100% rename from src/core/_type.scss rename to src/_type.scss From 3c22327bda1f6082b5ef58c067da7d33ab7ca73b Mon Sep 17 00:00:00 2001 From: James Kolce Date: Fri, 12 Aug 2016 17:55:33 -0600 Subject: [PATCH 072/183] [fix: #192] Add type ratio for small and large devices --- _globals.scss | 40 +++++++++++++++++--------- dist/concise.css | 57 ++++++++++++++++++++++++++----------- dist/concise.min.css | 2 +- src/_headings.scss | 67 ++++++++++++++++++++++++++++++++++++-------- 4 files changed, 124 insertions(+), 42 deletions(-) diff --git a/_globals.scss b/_globals.scss index 7cb1c71..40a210a 100644 --- a/_globals.scss +++ b/_globals.scss @@ -59,19 +59,33 @@ $augmented-fourth:1.414; $perfect-fifth: 1.500; $golden-ratio: 1.618; -// Ratio -$font-ratio-size: $perfect-fourth !default; - -// Scale -$h5-size: $font-base-size !default; -$h6-size: $h5-size / $font-ratio-size !default; -$h4-size: $h5-size * $font-ratio-size !default; -$h3-size: $h4-size * $font-ratio-size !default; -$h2-size: $h3-size * $font-ratio-size !default; -$h1-size: $h2-size * $font-ratio-size !default; -$kilo-size: $h1-size * $font-ratio-size !default; -$mega-size: $kilo-size * $font-ratio-size !default; -$giga-size: $mega-size * $font-ratio-size !default; +// Ratio for small devices +$font-ratio-small: $minor-third !default; + +// Ratio for large devices +$font-ratio-large: $perfect-fourth !default; + +// Scale for small devices +$h5-size-small: $font-base-size !default; +$h6-size-small: $h5-size-small / $font-ratio-small !default; +$h4-size-small: $h5-size-small * $font-ratio-small !default; +$h3-size-small: $h4-size-small * $font-ratio-small !default; +$h2-size-small: $h3-size-small * $font-ratio-small !default; +$h1-size-small: $h2-size-small * $font-ratio-small !default; +$kilo-size-small: $h1-size-small * $font-ratio-small !default; +$mega-size-small: $kilo-size-small * $font-ratio-small !default; +$giga-size-small: $mega-size-small * $font-ratio-small !default; + +// Scale for large devices +$h5-size-large: $font-base-size !default; +$h6-size-large: $h5-size-large / $font-ratio-large !default; +$h4-size-large: $h5-size-large * $font-ratio-large !default; +$h3-size-large: $h4-size-large * $font-ratio-large !default; +$h2-size-large: $h3-size-large * $font-ratio-large !default; +$h1-size-large: $h2-size-large * $font-ratio-large !default; +$kilo-size-large: $h1-size-large * $font-ratio-large !default; +$mega-size-large: $kilo-size-large * $font-ratio-large !default; +$giga-size-large: $mega-size-large * $font-ratio-large !default; // // Grid diff --git a/dist/concise.css b/dist/concise.css index 219ea13..e68e128 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -284,12 +284,11 @@ address { h1, h2, h3, h4, h5, h6 { color: #222; font-family: "Helvetica", "Arial", sans-serif; - line-height: 1.25em; } + line-height: 1.25; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #666; font-weight: lighter; - vertical-align: 0; - font-size: 75%; } + vertical-align: 0; } h1, h2, h3 { margin: 1.5rem 0 0.375rem; } @@ -298,30 +297,56 @@ h4, h5, h6 { margin: 0.375rem 0; } h1 { - font-size: 2.368rem; } + font-size: 2.0736rem; } + h1 small { + font-size: 1.728rem; } h2 { - font-size: 1.77645rem; } + font-size: 1.728rem; } + h2 small { + font-size: 1.44rem; } h3 { - font-size: 1.33267rem; } - -@media (min-width: 768px) { - h1 { - font-size: 3.15733rem; } - h2 { - font-size: 2.36859rem; } - h3 { - font-size: 1.77689rem; } } + font-size: 1.44rem; } + h3 small { + font-size: 1.2rem; } h4 { - font-size: 1.333rem; } + font-size: 1.2rem; } + h4 small { + font-size: 1rem; } h5 { font-size: 1rem; } + h5 small { + font-size: 0.83333rem; } h6 { - font-size: 0.75019rem; } + font-size: 0.83333rem; } + +@media (min-width: 768px) { + h1 { + font-size: 3.15733rem; } + h1 small { + font-size: 2.36859rem; } + h2 { + font-size: 2.36859rem; } + h2 small { + font-size: 1.77689rem; } + h3 { + font-size: 1.77689rem; } + h3 small { + font-size: 1.333rem; } + h4 { + font-size: 1.333rem; } + h4 small { + font-size: 1rem; } + h5 { + font-size: 1rem; } + h5 small { + font-size: 0.75019rem; } + h6 { + font-size: 0.75019rem; } } ul, ol { diff --git a/dist/concise.min.css b/dist/concise.min.css index 3855ae4..b28233a 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}address:not(:last-child),article:not(:last-child),aside:not(:last-child),audio:not(:last-child),blockquote:not(:last-child),canvas:not(:last-child),dd:not(:last-child),dl:not(:last-child),fieldset:not(:last-child),figcaption:not(:last-child),figure:not(:last-child),footer:not(:last-child),form:not(:last-child),header:not(:last-child),hr:not(:last-child),ol:not(:last-child),p:not(:last-child),pre:not(:last-child),section:not(:last-child),table:not(:last-child),tfoot:not(:last-child),ul:not(:last-child),video:not(:last-child){margin-bottom:1.5rem}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:#555}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875rem}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25em}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#666;font-weight:lighter;vertical-align:0;font-size:75%}h1,h2,h3{margin:1.5rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.368rem}h2{font-size:1.77645rem}h3{font-size:1.33267rem}@media (min-width:768px){h1{font-size:3.15733rem}h2{font-size:2.36859rem}h3{font-size:1.77689rem}}h4{font-size:1.333rem}h5{font-size:1rem}h6{font-size:.75019rem}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875rem;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}address:not(:last-child),article:not(:last-child),aside:not(:last-child),audio:not(:last-child),blockquote:not(:last-child),canvas:not(:last-child),dd:not(:last-child),dl:not(:last-child),fieldset:not(:last-child),figcaption:not(:last-child),figure:not(:last-child),footer:not(:last-child),form:not(:last-child),header:not(:last-child),hr:not(:last-child),ol:not(:last-child),p:not(:last-child),pre:not(:last-child),section:not(:last-child),table:not(:last-child),tfoot:not(:last-child),ul:not(:last-child),video:not(:last-child){margin-bottom:1.5rem}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:#555}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875rem}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#666;font-weight:lighter;vertical-align:0}h1,h2,h3{margin:1.5rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h1 small,h2{font-size:1.728rem}h2 small,h3{font-size:1.44rem}h3 small,h4{font-size:1.2rem}h4 small,h5{font-size:1rem}h5 small,h6{font-size:.83333rem}@media (min-width:768px){h1{font-size:3.15733rem}h1 small,h2{font-size:2.36859rem}h2 small,h3{font-size:1.77689rem}h3 small,h4{font-size:1.333rem}h4 small,h5{font-size:1rem}h5 small,h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875rem;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file diff --git a/src/_headings.scss b/src/_headings.scss index 761b240..9970180 100644 --- a/src/_headings.scss +++ b/src/_headings.scss @@ -5,29 +5,72 @@ h1, h2, h3, h4, h5, h6 { color: getColor(text, heading); font-family: $font-family-headings; - line-height: 1.25em; + line-height: 1.25; small { color: getColor(text, secondary); font-weight: lighter; vertical-align: 0; - font-size: 75%; } } h1, h2, h3 { margin: 1lh 0 0.25lh; } h4, h5, h6 { margin: 0.25lh 0; } -h1 { font-size: $h1-size * .75 + pr; } -h2 { font-size: $h2-size * .75 + pr; } -h3 { font-size: $h3-size * .75 + pr; } +h1 { + font-size: $h1-size-small + pr; + small { font-size: $h2-size-small + pr; } +} -@media (--medium) { - h1 { font-size: $h1-size + pr; } - h2 { font-size: $h2-size + pr; } - h3 { font-size: $h3-size + pr; } +h2 { + font-size: $h2-size-small + pr; + small { font-size: $h3-size-small + pr; } +} + +h3 { + font-size: $h3-size-small + pr; + small { font-size: $h4-size-small + pr; } +} + +h4 { + font-size: $h4-size-small + pr; + small { font-size: $h5-size-small + pr; } } -h4 { font-size: $h4-size + pr; } -h5 { font-size: $h5-size + pr; } -h6 { font-size: $h6-size + pr; } +h5 { + font-size: $h5-size-small + pr; + small { font-size: $h6-size-small + pr; } +} + +h6 { font-size: $h6-size-small + pr; } + + +// Styles for medium and up displays +@media (--medium) { + h1 { + font-size: $h1-size-large + pr; + small { font-size: $h2-size-large + pr; } + } + + h2 { + font-size: $h2-size-large + pr; + small { font-size: $h3-size-large + pr; } + } + + h3 { + font-size: $h3-size-large + pr; + small { font-size: $h4-size-large + pr; } + } + + h4 { + font-size: $h4-size-large + pr; + small { font-size: $h5-size-large + pr; } + } + + h5 { + font-size: $h5-size-large + pr; + small { font-size: $h6-size-large + pr; } + } + + h6 { font-size: $h6-size-large + pr; } +} From 5e81787efdb0e47e824a1379558b85cebe303f91 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Fri, 12 Aug 2016 17:56:24 -0600 Subject: [PATCH 073/183] Clean up test file --- test/test.html | 323 ------------------------------------------------- 1 file changed, 323 deletions(-) diff --git a/test/test.html b/test/test.html index d50061d..da6e713 100644 --- a/test/test.html +++ b/test/test.html @@ -20,24 +20,10 @@ width: 100%; } - [column], - [row], - [container] { - margin-bottom: 0 !important; - } - - .table--truncate, - .table--truncate td { - width: 500px; - } -

Giga Helper text

-

Mega Helper text

-

Kilo Helper text

-

Heading 1 Helper link

Heading 2 Helper text

Heading 3 Helper text

@@ -56,14 +42,6 @@
Heading 6 Helper text

Lorem ipsum dolor sit amet, sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

-

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

- -

Left text

- -

Center text

- -

Right text

-
@@ -72,20 +50,10 @@
Heading 6 Helper text
John Doe
-
-

This is a reverse blockquote.

- - John Doe -
-
.class {
     background-color: #ccc;
 }
-
.class {
-    background-color: #ccc;
-}
-
  • List Item
  • List Item
  • @@ -117,18 +85,6 @@
    Heading 6 Helper text
  • List Item
  • -
      -
    • List item
    • -
    • List item
    • -
    • List item
    • -
    - -
      -
    • List item
    • -
    • List item
    • -
    • List item
    • -
    -
    Definition
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
    @@ -279,35 +235,6 @@
    Heading 6 Helper text
- - - - - - - - - - - - - - - - - - - - - - - - - -
@@ -340,225 +267,10 @@
Heading 6 Helper text
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
#First NameLast Name
Total Users:2
1This is a long long long long long long long long textDoe
2JaneDoe
- -
- - - - - - - - - - - - - - - - - - - - - - -
#First NameLast Name
1JohnDoe
2JaneDoe
-
- - - - - - - - - - - - - - - - - - - - - - - -
#First NameLast Name
1JohnDoe
2JaneDoe
- - - - - - - - - - - - - - - - - - - - - - - -
#First NameLast Name
1JohnDoe
2JaneDoe
- - - - - - - - - - - - - - - - - - - - - - - -
#First NameLast Name
1JohnDoe
2JaneDoe
- - - - - - - - - - - - - - - - - - - - - - - -
#First NameLast Name
1JohnDoe
2JaneDoe
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
#First NameLast Name
1JohnDoe
2JaneDoe
3JohnDoe
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
#First NameLast Name
1JohnDoe
2JaneDoe
3JohnDoe
-

- Here is some help text

@@ -645,14 +357,6 @@

Heading 6 Helper text

-
- - - - - -
-
@@ -661,8 +365,6 @@
Heading 6 Helper text
- -

Here is some help text

@@ -676,30 +378,5 @@
Heading 6 Helper text
- - - - - - - - - - - - - - - - - - - - - - - - -
.hide--xsm.show--xsm
.hide--sm.show--sm
.hide--md.show--md
.hide--lg.show--lg
.hide--xlg.show--xlg
From 4e90f169d0c8a0c1f92e5708910205baa44ba768 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Fri, 12 Aug 2016 18:45:14 -0600 Subject: [PATCH 074/183] [fix: KolceThompsonCo/atgrid.css#21 fix: #191] - Clear offsets when the columns are collapsed - Add variable for grid breakpoint --- _globals.scss | 2 ++ dist/concise.css | 60 ++++++++++++++++++-------------------------- dist/concise.min.css | 2 +- src/_atgrid.scss | 10 +++++--- test/test.html | 26 +++++++++---------- 5 files changed, 47 insertions(+), 53 deletions(-) diff --git a/_globals.scss b/_globals.scss index 40a210a..a793d27 100644 --- a/_globals.scss +++ b/_globals.scss @@ -103,6 +103,8 @@ $num-columns: 12 !default; // Prefix for attributes $prefix: '' !default; +$breakpoint: --small; + // // Color Palette diff --git a/dist/concise.css b/dist/concise.css index e68e128..ea69dad 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -749,41 +749,31 @@ table { -ms-flex: 0 1 100%; flex: 0 1 100%; } -[column~="+1"] { - margin-left: 8.33333%; } - -[column~="+2"] { - margin-left: 16.66667%; } - -[column~="+3"] { - margin-left: 25%; } - -[column~="+4"] { - margin-left: 33.33333%; } - -[column~="+5"] { - margin-left: 41.66667%; } - -[column~="+6"] { - margin-left: 50%; } - -[column~="+7"] { - margin-left: 58.33333%; } - -[column~="+8"] { - margin-left: 66.66667%; } - -[column~="+9"] { - margin-left: 75%; } - -[column~="+10"] { - margin-left: 83.33333%; } - -[column~="+11"] { - margin-left: 91.66667%; } - -[column~="+12"] { - margin-left: 100%; } +@media (min-width: 480px) { + [column~="+1"] { + margin-left: 8.33333%; } + [column~="+2"] { + margin-left: 16.66667%; } + [column~="+3"] { + margin-left: 25%; } + [column~="+4"] { + margin-left: 33.33333%; } + [column~="+5"] { + margin-left: 41.66667%; } + [column~="+6"] { + margin-left: 50%; } + [column~="+7"] { + margin-left: 58.33333%; } + [column~="+8"] { + margin-left: 66.66667%; } + [column~="+9"] { + margin-left: 75%; } + [column~="+10"] { + margin-left: 83.33333%; } + [column~="+11"] { + margin-left: 91.66667%; } + [column~="+12"] { + margin-left: 100%; } } @media print { @page { diff --git a/dist/concise.min.css b/dist/concise.min.css index b28233a..e39e9a8 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}address:not(:last-child),article:not(:last-child),aside:not(:last-child),audio:not(:last-child),blockquote:not(:last-child),canvas:not(:last-child),dd:not(:last-child),dl:not(:last-child),fieldset:not(:last-child),figcaption:not(:last-child),figure:not(:last-child),footer:not(:last-child),form:not(:last-child),header:not(:last-child),hr:not(:last-child),ol:not(:last-child),p:not(:last-child),pre:not(:last-child),section:not(:last-child),table:not(:last-child),tfoot:not(:last-child),ul:not(:last-child),video:not(:last-child){margin-bottom:1.5rem}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:#555}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875rem}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#666;font-weight:lighter;vertical-align:0}h1,h2,h3{margin:1.5rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h1 small,h2{font-size:1.728rem}h2 small,h3{font-size:1.44rem}h3 small,h4{font-size:1.2rem}h4 small,h5{font-size:1rem}h5 small,h6{font-size:.83333rem}@media (min-width:768px){h1{font-size:3.15733rem}h1 small,h2{font-size:2.36859rem}h2 small,h3{font-size:1.77689rem}h3 small,h4{font-size:1.333rem}h4 small,h5{font-size:1rem}h5 small,h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875rem;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}address:not(:last-child),article:not(:last-child),aside:not(:last-child),audio:not(:last-child),blockquote:not(:last-child),canvas:not(:last-child),dd:not(:last-child),dl:not(:last-child),fieldset:not(:last-child),figcaption:not(:last-child),figure:not(:last-child),footer:not(:last-child),form:not(:last-child),header:not(:last-child),hr:not(:last-child),ol:not(:last-child),p:not(:last-child),pre:not(:last-child),section:not(:last-child),table:not(:last-child),tfoot:not(:last-child),ul:not(:last-child),video:not(:last-child){margin-bottom:1.5rem}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:#555}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875rem}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#666;font-weight:lighter;vertical-align:0}h1,h2,h3{margin:1.5rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h1 small,h2{font-size:1.728rem}h2 small,h3{font-size:1.44rem}h3 small,h4{font-size:1.2rem}h4 small,h5{font-size:1rem}h5 small,h6{font-size:.83333rem}@media (min-width:768px){h1{font-size:3.15733rem}h1 small,h2{font-size:2.36859rem}h2 small,h3{font-size:1.77689rem}h3 small,h4{font-size:1.333rem}h4 small,h5{font-size:1rem}h5 small,h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875rem;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}@media (min-width:480px){[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file diff --git a/src/_atgrid.scss b/src/_atgrid.scss index eb71430..0ddeba2 100644 --- a/src/_atgrid.scss +++ b/src/_atgrid.scss @@ -19,7 +19,7 @@ flex-direction: column; // Collapse columns on breakpoint - @media (--small) { flex-direction: row; } + @media ($breakpoint) { flex-direction: row; } } [#{$prefix}column] { flex: 1; } @@ -81,8 +81,10 @@ // Column offsets // -@for $i from 1 through $num-columns { - [#{$prefix}column~="+#{$i}"] { - margin-left: ($i/$num-columns) * 100%; +@media ($breakpoint) { + @for $i from 1 through $num-columns { + [#{$prefix}column~="+#{$i}"] { + margin-left: ($i/$num-columns) * 100%; + } } } diff --git a/test/test.html b/test/test.html index da6e713..8bb79f8 100644 --- a/test/test.html +++ b/test/test.html @@ -217,21 +217,21 @@
Heading 6 Helper text
-
-
-
- 1 +1 -
+
+
+ 1 +1
-
-
- 1 +2 -
+
+ +
+
+ 1 +2
-
-
- 1 +3 -
+
+ +
+
+ 1 +3
From b5691d8d28afe1c50334c417bd9887b30d5d4938 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Fri, 12 Aug 2016 18:59:52 -0600 Subject: [PATCH 075/183] [fix: #193] Add no-collapse option for grid --- src/_atgrid.scss | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/src/_atgrid.scss b/src/_atgrid.scss index 0ddeba2..1adf73c 100644 --- a/src/_atgrid.scss +++ b/src/_atgrid.scss @@ -47,6 +47,15 @@ } } +// +// No Collapse columns +// + +[grid~="no-collapse"] { + flex-direction: row; + flex-wrap: nowrap; +} + // // Alignment of all columns in a row // From 7eab54cdb7ea636122479da81f29a3d4438ee190 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Fri, 12 Aug 2016 19:12:16 -0600 Subject: [PATCH 076/183] Add !default to breakpoint --- _globals.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_globals.scss b/_globals.scss index a793d27..e6e761c 100644 --- a/_globals.scss +++ b/_globals.scss @@ -103,7 +103,7 @@ $num-columns: 12 !default; // Prefix for attributes $prefix: '' !default; -$breakpoint: --small; +$breakpoint: --small !default; // From d911ff9bb1789817b76f720930e27f49882c8844 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Fri, 12 Aug 2016 19:14:58 -0600 Subject: [PATCH 077/183] Wrap grid columns --- src/_atgrid.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/src/_atgrid.scss b/src/_atgrid.scss index 1adf73c..c6f0a4c 100644 --- a/src/_atgrid.scss +++ b/src/_atgrid.scss @@ -17,6 +17,7 @@ margin-left: $gutter / -2; margin-right: $gutter / -2; flex-direction: column; + flex-wrap: wrap; // Collapse columns on breakpoint @media ($breakpoint) { flex-direction: row; } From 0776ba60daadaeec2ab977bebc0069e14aee6c7a Mon Sep 17 00:00:00 2001 From: James Kolce Date: Fri, 12 Aug 2016 19:16:18 -0600 Subject: [PATCH 078/183] Wrap grid columns --- dist/concise.css | 12 +++++++++++- dist/concise.min.css | 2 +- 2 files changed, 12 insertions(+), 2 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index ea69dad..5829835 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -635,7 +635,9 @@ table { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; - flex-direction: column; } + flex-direction: column; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } @media (min-width: 480px) { [grid] { -webkit-box-orient: horizontal; @@ -659,6 +661,14 @@ table { padding-left: 0; padding-right: 0; } +[grid~="no-collapse"] { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } + [grid~="top"] { -webkit-box-align: start; -ms-flex-align: start; diff --git a/dist/concise.min.css b/dist/concise.min.css index e39e9a8..655cb34 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}address:not(:last-child),article:not(:last-child),aside:not(:last-child),audio:not(:last-child),blockquote:not(:last-child),canvas:not(:last-child),dd:not(:last-child),dl:not(:last-child),fieldset:not(:last-child),figcaption:not(:last-child),figure:not(:last-child),footer:not(:last-child),form:not(:last-child),header:not(:last-child),hr:not(:last-child),ol:not(:last-child),p:not(:last-child),pre:not(:last-child),section:not(:last-child),table:not(:last-child),tfoot:not(:last-child),ul:not(:last-child),video:not(:last-child){margin-bottom:1.5rem}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:#555}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875rem}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#666;font-weight:lighter;vertical-align:0}h1,h2,h3{margin:1.5rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h1 small,h2{font-size:1.728rem}h2 small,h3{font-size:1.44rem}h3 small,h4{font-size:1.2rem}h4 small,h5{font-size:1rem}h5 small,h6{font-size:.83333rem}@media (min-width:768px){h1{font-size:3.15733rem}h1 small,h2{font-size:2.36859rem}h2 small,h3{font-size:1.77689rem}h3 small,h4{font-size:1.333rem}h4 small,h5{font-size:1rem}h5 small,h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875rem;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}@media (min-width:480px){[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}address:not(:last-child),article:not(:last-child),aside:not(:last-child),audio:not(:last-child),blockquote:not(:last-child),canvas:not(:last-child),dd:not(:last-child),dl:not(:last-child),fieldset:not(:last-child),figcaption:not(:last-child),figure:not(:last-child),footer:not(:last-child),form:not(:last-child),header:not(:last-child),hr:not(:last-child),ol:not(:last-child),p:not(:last-child),pre:not(:last-child),section:not(:last-child),table:not(:last-child),tfoot:not(:last-child),ul:not(:last-child),video:not(:last-child){margin-bottom:1.5rem}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:#555}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875rem}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#666;font-weight:lighter;vertical-align:0}h1,h2,h3{margin:1.5rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h1 small,h2{font-size:1.728rem}h2 small,h3{font-size:1.44rem}h3 small,h4{font-size:1.2rem}h4 small,h5{font-size:1rem}h5 small,h6{font-size:.83333rem}@media (min-width:768px){h1{font-size:3.15733rem}h1 small,h2{font-size:2.36859rem}h2 small,h3{font-size:1.77689rem}h3 small,h4{font-size:1.333rem}h4 small,h5{font-size:1rem}h5 small,h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875rem;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=no-collapse]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}@media (min-width:480px){[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file From c1c208ce9d9bfd7460dca4215a3e501f14c279e6 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Mon, 22 Aug 2016 13:18:30 -0600 Subject: [PATCH 079/183] Fix watch script Compile before watch --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 30a65e0..8ff0eae 100644 --- a/package.json +++ b/package.json @@ -32,7 +32,7 @@ }, "scripts": { "build": "concise compile concise.scss dist/concise.css && cssnano dist/concise.css dist/concise.min.css", - "build:watch": "chokidar 'src/**/*.scss' -c 'npm run build'", + "build:watch": "npm run build && chokidar 'src/**/*.scss' -c 'npm run build'", "stats": "stylestats dist/concise.css", "stats:min": "stylestats dist/concise.min.css" } From 46f972771582458b95afe9ac1e7d9d37e8d17ecf Mon Sep 17 00:00:00 2001 From: James Kolce Date: Mon, 22 Aug 2016 13:31:59 -0600 Subject: [PATCH 080/183] [fix: #190] Adjust the heading colors --- dist/concise.css | 4 ++-- dist/concise.min.css | 2 +- src/_headings.scss | 2 +- src/_type.scss | 2 +- test/test.html | 1 + 5 files changed, 6 insertions(+), 5 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index 5829835..490d873 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -222,7 +222,7 @@ a { color: #2f6374; } h1 a, h2 a, h3 a { - color: #555; } + color: inherit; } h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus { color: #4591aa; text-decoration: none; } @@ -286,7 +286,7 @@ h1, h2, h3, h4, h5, h6 { font-family: "Helvetica", "Arial", sans-serif; line-height: 1.25; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { - color: #666; + color: inherit; font-weight: lighter; vertical-align: 0; } diff --git a/dist/concise.min.css b/dist/concise.min.css index 655cb34..dd20d95 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}address:not(:last-child),article:not(:last-child),aside:not(:last-child),audio:not(:last-child),blockquote:not(:last-child),canvas:not(:last-child),dd:not(:last-child),dl:not(:last-child),fieldset:not(:last-child),figcaption:not(:last-child),figure:not(:last-child),footer:not(:last-child),form:not(:last-child),header:not(:last-child),hr:not(:last-child),ol:not(:last-child),p:not(:last-child),pre:not(:last-child),section:not(:last-child),table:not(:last-child),tfoot:not(:last-child),ul:not(:last-child),video:not(:last-child){margin-bottom:1.5rem}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:#555}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875rem}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#666;font-weight:lighter;vertical-align:0}h1,h2,h3{margin:1.5rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h1 small,h2{font-size:1.728rem}h2 small,h3{font-size:1.44rem}h3 small,h4{font-size:1.2rem}h4 small,h5{font-size:1rem}h5 small,h6{font-size:.83333rem}@media (min-width:768px){h1{font-size:3.15733rem}h1 small,h2{font-size:2.36859rem}h2 small,h3{font-size:1.77689rem}h3 small,h4{font-size:1.333rem}h4 small,h5{font-size:1rem}h5 small,h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875rem;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=no-collapse]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}@media (min-width:480px){[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}address:not(:last-child),article:not(:last-child),aside:not(:last-child),audio:not(:last-child),blockquote:not(:last-child),canvas:not(:last-child),dd:not(:last-child),dl:not(:last-child),fieldset:not(:last-child),figcaption:not(:last-child),figure:not(:last-child),footer:not(:last-child),form:not(:last-child),header:not(:last-child),hr:not(:last-child),ol:not(:last-child),p:not(:last-child),pre:not(:last-child),section:not(:last-child),table:not(:last-child),tfoot:not(:last-child),ul:not(:last-child),video:not(:last-child){margin-bottom:1.5rem}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875rem}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;font-weight:lighter;vertical-align:0}h1,h2,h3{margin:1.5rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h1 small,h2{font-size:1.728rem}h2 small,h3{font-size:1.44rem}h3 small,h4{font-size:1.2rem}h4 small,h5{font-size:1rem}h5 small,h6{font-size:.83333rem}@media (min-width:768px){h1{font-size:3.15733rem}h1 small,h2{font-size:2.36859rem}h2 small,h3{font-size:1.77689rem}h3 small,h4{font-size:1.333rem}h4 small,h5{font-size:1rem}h5 small,h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875rem;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=no-collapse]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}@media (min-width:480px){[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file diff --git a/src/_headings.scss b/src/_headings.scss index 9970180..d7f4055 100644 --- a/src/_headings.scss +++ b/src/_headings.scss @@ -8,7 +8,7 @@ h1, h2, h3, h4, h5, h6 { line-height: 1.25; small { - color: getColor(text, secondary); + color: inherit; font-weight: lighter; vertical-align: 0; } diff --git a/src/_type.scss b/src/_type.scss index d70c4f9..27eff87 100644 --- a/src/_type.scss +++ b/src/_type.scss @@ -49,7 +49,7 @@ a { h1, h2, h3 { a { - color: getColor(text, primary); + color: inherit; &:hover, &:focus { diff --git a/test/test.html b/test/test.html index 8bb79f8..1fe44aa 100644 --- a/test/test.html +++ b/test/test.html @@ -25,6 +25,7 @@

Heading 1 Helper link

+

Heading 2 Link Helper text

Heading 2 Helper text

Heading 3 Helper text

Heading 4 Helper text

From b04a77d1a6c0b8d01d6709a4cd9262b36867a340 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Mon, 22 Aug 2016 15:17:46 -0600 Subject: [PATCH 081/183] [fix: #195] Add variable for mobile breakpoint --- dist/concise.css | 2 +- dist/concise.min.css | 2 +- src/_forms.scss | 2 +- src/_headings.scss | 2 +- src/_normalization.scss | 2 +- src/_tables.scss | 4 ++-- 6 files changed, 7 insertions(+), 7 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index 490d873..09c41de 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -324,7 +324,7 @@ h5 { h6 { font-size: 0.83333rem; } -@media (min-width: 768px) { +@media (min-width: 480px) { h1 { font-size: 3.15733rem; } h1 small { diff --git a/dist/concise.min.css b/dist/concise.min.css index dd20d95..32a769e 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}address:not(:last-child),article:not(:last-child),aside:not(:last-child),audio:not(:last-child),blockquote:not(:last-child),canvas:not(:last-child),dd:not(:last-child),dl:not(:last-child),fieldset:not(:last-child),figcaption:not(:last-child),figure:not(:last-child),footer:not(:last-child),form:not(:last-child),header:not(:last-child),hr:not(:last-child),ol:not(:last-child),p:not(:last-child),pre:not(:last-child),section:not(:last-child),table:not(:last-child),tfoot:not(:last-child),ul:not(:last-child),video:not(:last-child){margin-bottom:1.5rem}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875rem}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;font-weight:lighter;vertical-align:0}h1,h2,h3{margin:1.5rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h1 small,h2{font-size:1.728rem}h2 small,h3{font-size:1.44rem}h3 small,h4{font-size:1.2rem}h4 small,h5{font-size:1rem}h5 small,h6{font-size:.83333rem}@media (min-width:768px){h1{font-size:3.15733rem}h1 small,h2{font-size:2.36859rem}h2 small,h3{font-size:1.77689rem}h3 small,h4{font-size:1.333rem}h4 small,h5{font-size:1rem}h5 small,h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875rem;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=no-collapse]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}@media (min-width:480px){[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}address:not(:last-child),article:not(:last-child),aside:not(:last-child),audio:not(:last-child),blockquote:not(:last-child),canvas:not(:last-child),dd:not(:last-child),dl:not(:last-child),fieldset:not(:last-child),figcaption:not(:last-child),figure:not(:last-child),footer:not(:last-child),form:not(:last-child),header:not(:last-child),hr:not(:last-child),ol:not(:last-child),p:not(:last-child),pre:not(:last-child),section:not(:last-child),table:not(:last-child),tfoot:not(:last-child),ul:not(:last-child),video:not(:last-child){margin-bottom:1.5rem}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875rem}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;font-weight:lighter;vertical-align:0}h1,h2,h3{margin:1.5rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h1 small,h2{font-size:1.728rem}h2 small,h3{font-size:1.44rem}h3 small,h4{font-size:1.2rem}h4 small,h5{font-size:1rem}h5 small,h6{font-size:.83333rem}@media (min-width:480px){h1{font-size:3.15733rem}h1 small,h2{font-size:2.36859rem}h2 small,h3{font-size:1.77689rem}h3 small,h4{font-size:1.333rem}h4 small,h5{font-size:1rem}h5 small,h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875rem;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=no-collapse]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}@media (min-width:480px){[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file diff --git a/src/_forms.scss b/src/_forms.scss index d2020b8..d8ec55f 100644 --- a/src/_forms.scss +++ b/src/_forms.scss @@ -4,7 +4,7 @@ form, form [row] { - @media (--small) { + @media ($breakpoint) { margin-bottom: 1lh; } } diff --git a/src/_headings.scss b/src/_headings.scss index d7f4055..8865611 100644 --- a/src/_headings.scss +++ b/src/_headings.scss @@ -46,7 +46,7 @@ h6 { font-size: $h6-size-small + pr; } // Styles for medium and up displays -@media (--medium) { +@media ($breakpoint) { h1 { font-size: $h1-size-large + pr; small { font-size: $h2-size-large + pr; } diff --git a/src/_normalization.scss b/src/_normalization.scss index 203e214..0e49c87 100644 --- a/src/_normalization.scss +++ b/src/_normalization.scss @@ -146,7 +146,7 @@ textarea { font: $font-base-size + px / 1.5 $font-family; text-rendering: optimizeLegibility; - @media (--small) { + @media ($breakpoint) { font-size: $font-base-size-bg + px; } } diff --git a/src/_tables.scss b/src/_tables.scss index 1fa153a..40b01ee 100644 --- a/src/_tables.scss +++ b/src/_tables.scss @@ -9,7 +9,7 @@ table { empty-cells: show; width: 100%; - @media (--small) { + @media ($breakpoint) { width: auto; th, @@ -41,7 +41,7 @@ table { overflow: visible; padding: 0 1em; - @media (--small) { line-height: 2lh; } + @media ($breakpoint) { line-height: 2lh; } &:last-child { border-right: none; } } From 4888fb5e5de8425661b027c995bf1195ce0ed51e Mon Sep 17 00:00:00 2001 From: James Kolce Date: Thu, 1 Sep 2016 12:55:31 -0600 Subject: [PATCH 082/183] [ref: #194] Rethink the font sizes and avoid the use of pr unit Now the recommended way of setting font sizes is pick a predefined size of the type scale provided, instead of thinking in a pixel size and transform it in a rem/em unit. This will be documented better when the next version is released. --- _globals.scss | 86 ++++++++++++++++++++++------------------- dist/concise.css | 77 ++++++++++++++++++++++++------------ dist/concise.min.css | 2 +- package.json | 2 +- src/_blockquotes.scss | 7 +++- src/_buttons.scss | 6 ++- src/_forms.scss | 25 +++++++----- src/_headings.scss | 50 ++++++++++++------------ src/_normalization.scss | 1 + src/_tables.scss | 6 ++- src/_type.scss | 29 ++++++++------ test/test.html | 2 +- 12 files changed, 177 insertions(+), 116 deletions(-) diff --git a/_globals.scss b/_globals.scss index e6e761c..409ca6d 100644 --- a/_globals.scss +++ b/_globals.scss @@ -39,53 +39,59 @@ $transition-duration: 150ms !default; // Spacing $spacing-xs: 0.5lh !default; $spacing-s: 1lh !default; -$spacing-m: 1.5lh !default; -$spacing-l: 2lh !default; -$spacing-xl: 2.5lh !default; +$spacing-m: 2lh !default; +$spacing-l: 3lh !default; +$spacing-xl: 4lh !default; // -// Type Scale Ratio +// Type Scale // ------------- // Suggested ratios // Source: http://type-scale.com/ -$minor-second: 1.067; -$major-second: 1.125; -$minor-third: 1.200; -$major-third: 1.250; -$perfect-fourth: 1.333; -$augmented-fourth:1.414; -$perfect-fifth: 1.500; -$golden-ratio: 1.618; - -// Ratio for small devices -$font-ratio-small: $minor-third !default; - -// Ratio for large devices -$font-ratio-large: $perfect-fourth !default; - -// Scale for small devices -$h5-size-small: $font-base-size !default; -$h6-size-small: $h5-size-small / $font-ratio-small !default; -$h4-size-small: $h5-size-small * $font-ratio-small !default; -$h3-size-small: $h4-size-small * $font-ratio-small !default; -$h2-size-small: $h3-size-small * $font-ratio-small !default; -$h1-size-small: $h2-size-small * $font-ratio-small !default; -$kilo-size-small: $h1-size-small * $font-ratio-small !default; -$mega-size-small: $kilo-size-small * $font-ratio-small !default; -$giga-size-small: $mega-size-small * $font-ratio-small !default; - -// Scale for large devices -$h5-size-large: $font-base-size !default; -$h6-size-large: $h5-size-large / $font-ratio-large !default; -$h4-size-large: $h5-size-large * $font-ratio-large !default; -$h3-size-large: $h4-size-large * $font-ratio-large !default; -$h2-size-large: $h3-size-large * $font-ratio-large !default; -$h1-size-large: $h2-size-large * $font-ratio-large !default; -$kilo-size-large: $h1-size-large * $font-ratio-large !default; -$mega-size-large: $kilo-size-large * $font-ratio-large !default; -$giga-size-large: $mega-size-large * $font-ratio-large !default; +$minor-second: 1.067; +$major-second: 1.125; +$minor-third: 1.200; +$major-third: 1.250; +$perfect-fourth: 1.333; +$augmented-fourth: 1.414; +$perfect-fifth: 1.500; +$golden-ratio: 1.618; + +// Ratio for primary scale +$type-ratio-primary: $minor-third !default; + +// Ratio for secondary scale +$type-ratio-secondary: $perfect-fourth !default; + +// Primary scale +$type-1-primary: 1rem / $type-ratio-primary !default; +$type-2-primary: 1rem !default; +$type-3-primary: $type-2-primary * $type-ratio-primary !default; +$type-4-primary: $type-3-primary * $type-ratio-primary !default; +$type-5-primary: $type-4-primary * $type-ratio-primary !default; +$type-6-primary: $type-5-primary * $type-ratio-primary !default; +$type-7-primary: $type-6-primary * $type-ratio-primary !default; +$type-8-primary: $type-7-primary * $type-ratio-primary !default; +$type-9-primary: $type-8-primary * $type-ratio-primary !default; +$type-10-primary: $type-9-primary * $type-ratio-primary !default; +$type-11-primary: $type-10-primary * $type-ratio-primary !default; +$type-12-primary: $type-11-primary * $type-ratio-primary !default; + +// Secondary scale +$type-1-secondary: 1rem / $type-ratio-secondary !default; +$type-2-secondary: 1rem !default; +$type-3-secondary: $type-2-secondary * $type-ratio-secondary !default; +$type-4-secondary: $type-3-secondary * $type-ratio-secondary !default; +$type-5-secondary: $type-4-secondary * $type-ratio-secondary !default; +$type-6-secondary: $type-5-secondary * $type-ratio-secondary !default; +$type-7-secondary: $type-6-secondary * $type-ratio-secondary !default; +$type-8-secondary: $type-7-secondary * $type-ratio-secondary !default; +$type-9-secondary: $type-8-secondary * $type-ratio-secondary !default; +$type-10-secondary: $type-9-secondary * $type-ratio-secondary !default; +$type-11-secondary: $type-10-secondary * $type-ratio-secondary !default; +$type-12-secondary: $type-11-secondary * $type-ratio-secondary !default; // // Grid diff --git a/dist/concise.css b/dist/concise.css index 09c41de..ab1e4a0 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -187,19 +187,24 @@ dl:not(:last-child), fieldset:not(:last-child), figcaption:not(:last-child), fig hr:not(:last-child), ol:not(:last-child), p:not(:last-child), pre:not(:last-child), section:not(:last-child), table:not(:last-child), table:not(:last-child), tfoot:not(:last-child), ul:not(:last-child), video:not(:last-child) { margin-bottom: 1.5rem; } -small { - font-size: 75%; - vertical-align: text-bottom; } +small, +sup, +sub { + font-size: 83.33333%; } + @media (min-width: 480px) { + small, + sup, + sub { + font-size: 75.01875%; } } sup, sub { - font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { - top: -0.5em; + top: -0.25em; -webkit-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "sups" 1; font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "sups" 1; } @@ -208,9 +213,6 @@ sub { -webkit-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "subs" 1; font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "subs" 1; } -s { - text-decoration: line-through; } - a { background-color: transparent; color: #4591aa; @@ -239,7 +241,13 @@ pre, kbd, samp { font-family: "Consolas", monospace; - font-size: 0.875rem; } + font-size: 0.83333rem; } + @media (min-width: 480px) { + code, + pre, + kbd, + samp { + font-size: 0.75019rem; } } pre { padding: 0.75rem 1em; } @@ -253,8 +261,7 @@ pre { background-color: #f5f5f5; border: 1px solid #e0e0e0; border-radius: 3px; - color: #484848; - margin-bottom: 1.5rem; } + color: #484848; } code { padding: 2px 3px; } @@ -264,7 +271,8 @@ pre code { border: none; padding: 0; vertical-align: inherit; - white-space: pre; } + white-space: pre; + font-size: inherit; } kbd { background-color: transparent; @@ -287,11 +295,10 @@ h1, h2, h3, h4, h5, h6 { line-height: 1.25; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: inherit; - font-weight: lighter; vertical-align: 0; } h1, h2, h3 { - margin: 1.5rem 0 0.375rem; } + margin: 0.75rem 0 0.375rem; } h4, h5, h6 { margin: 0.375rem 0; } @@ -325,6 +332,10 @@ h6 { font-size: 0.83333rem; } @media (min-width: 480px) { + h1, h2, h3 { + margin: 1.5rem 0 0.375rem; } + h4, h5, h6 { + margin: 0.375rem 0; } h1 { font-size: 3.15733rem; } h1 small { @@ -392,7 +403,7 @@ button, input[type="submit"] { color: white; cursor: pointer; display: inline-block; - font-size: 0.875rem; + font-size: 0.83333rem; line-height: 2.25rem; overflow: visible; padding: 0 1.5em; @@ -406,6 +417,9 @@ button, input[type="submit"] { user-select: none; vertical-align: middle; white-space: nowrap; } + @media (min-width: 480px) { + button, input[type="submit"] { + font-size: 0.75019rem; } } button:hover, input[type="submit"]:hover, button:focus, input[type="submit"]:focus { background-color: #75b3c7; color: white; @@ -420,22 +434,22 @@ button, input[type="submit"] { cursor: not-allowed; opacity: 0.6; } -@media (min-width: 480px) { - form, - form [row] { - margin-bottom: 1.5rem; } } - input:not([type="submit"]), select, textarea { border: 1px solid #e0e0e0; border-radius: 3px; - font-size: 0.875rem; + font-size: 0.83333rem; height: 1.875rem; padding: 0 .75em; -webkit-transition: 150ms; transition: 150ms; width: 100%; } + @media (min-width: 480px) { + input:not([type="submit"]), + select, + textarea { + font-size: 0.75019rem; } } input:not([type="submit"]):focus, select:focus, textarea:focus { @@ -458,7 +472,10 @@ input:not([type="submit"]) { label { display: block; - font-size: 0.875rem; } + font-size: 0.83333rem; } + @media (min-width: 480px) { + label { + font-size: 0.75019rem; } } fieldset { border: 1px solid #e0e0e0; @@ -467,9 +484,12 @@ fieldset { margin-bottom: 1.5rem; } legend { - font-size: 0.875rem; + font-size: 0.83333rem; font-weight: bold; padding: 0 1em; } + @media (min-width: 480px) { + legend { + font-size: 0.75019rem; } } input[type="checkbox"], input[type="file"], @@ -570,9 +590,13 @@ blockquote { blockquote cite, blockquote footer { display: block; - font-size: 80%; + font-size: 83.33333%; font-style: italic; margin-top: 0.375rem; } + @media (breakpoint) { + blockquote cite, + blockquote footer { + font-size: 75.01875%; } } blockquote cite:before, blockquote footer:before { content: "\2014 \00A0"; } @@ -591,10 +615,13 @@ table { padding: 0 2.5em; } } table caption { color: #555; - font-size: 85%; + font-size: 0.83333rem; font-style: italic; line-height: 3rem; text-align: center; } + @media (min-width: 480px) { + table caption { + font-size: 0.75019rem; } } table thead { background-color: #f5f5f5; text-align: left; } diff --git a/dist/concise.min.css b/dist/concise.min.css index 32a769e..26f151d 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}address:not(:last-child),article:not(:last-child),aside:not(:last-child),audio:not(:last-child),blockquote:not(:last-child),canvas:not(:last-child),dd:not(:last-child),dl:not(:last-child),fieldset:not(:last-child),figcaption:not(:last-child),figure:not(:last-child),footer:not(:last-child),form:not(:last-child),header:not(:last-child),hr:not(:last-child),ol:not(:last-child),p:not(:last-child),pre:not(:last-child),section:not(:last-child),table:not(:last-child),tfoot:not(:last-child),ul:not(:last-child),video:not(:last-child){margin-bottom:1.5rem}small{font-size:75%;vertical-align:text-bottom}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}s{text-decoration:line-through}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.875rem}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:1.5rem}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;font-weight:lighter;vertical-align:0}h1,h2,h3{margin:1.5rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h1 small,h2{font-size:1.728rem}h2 small,h3{font-size:1.44rem}h3 small,h4{font-size:1.2rem}h4 small,h5{font-size:1rem}h5 small,h6{font-size:.83333rem}@media (min-width:480px){h1{font-size:3.15733rem}h1 small,h2{font-size:2.36859rem}h2 small,h3{font-size:1.77689rem}h3 small,h4{font-size:1.333rem}h4 small,h5{font-size:1rem}h5 small,h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}@media (min-width:480px){form,form [row]{margin-bottom:1.5rem}}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.875rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.875rem;font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:85%;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=no-collapse]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}@media (min-width:480px){[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}address:not(:last-child),article:not(:last-child),aside:not(:last-child),audio:not(:last-child),blockquote:not(:last-child),canvas:not(:last-child),dd:not(:last-child),dl:not(:last-child),fieldset:not(:last-child),figcaption:not(:last-child),figure:not(:last-child),footer:not(:last-child),form:not(:last-child),header:not(:last-child),hr:not(:last-child),ol:not(:last-child),p:not(:last-child),pre:not(:last-child),section:not(:last-child),table:not(:last-child),tfoot:not(:last-child),ul:not(:last-child),video:not(:last-child){margin-bottom:1.5rem}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0}h1,h2,h3{margin:.75rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h1 small,h2{font-size:1.728rem}h2 small,h3{font-size:1.44rem}h3 small,h4{font-size:1.2rem}h4 small,h5{font-size:1rem}h5 small,h6{font-size:.83333rem}@media (min-width:480px){h1,h2,h3{margin:1.5rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:3.15733rem}h1 small,h2{font-size:2.36859rem}h2 small,h3{font-size:1.77689rem}h3 small,h4{font-size:1.333rem}h4 small,h5{font-size:1rem}h5 small,h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}@media (min-width:480px){button,input[type=submit]{font-size:.75019rem}}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.83333rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}@media (min-width:480px){input:not([type=submit]),select,textarea{font-size:.75019rem}}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}@media (min-width:480px){label{font-size:.75019rem}}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.83333rem;font-weight:700;padding:0 1em}@media (min-width:480px){legend{font-size:.75019rem}}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=no-collapse]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}@media (min-width:480px){[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file diff --git a/package.json b/package.json index 8ff0eae..43dca54 100644 --- a/package.json +++ b/package.json @@ -32,7 +32,7 @@ }, "scripts": { "build": "concise compile concise.scss dist/concise.css && cssnano dist/concise.css dist/concise.min.css", - "build:watch": "npm run build && chokidar 'src/**/*.scss' -c 'npm run build'", + "build:watch": "npm run build && chokidar '**/*.scss' -c 'npm run build'", "stats": "stylestats dist/concise.css", "stats:min": "stylestats dist/concise.min.css" } diff --git a/src/_blockquotes.scss b/src/_blockquotes.scss index 0a8367f..ef5adf9 100644 --- a/src/_blockquotes.scss +++ b/src/_blockquotes.scss @@ -11,9 +11,14 @@ blockquote { cite, footer { display: block; - font-size: 80%; + // Use the next smaller size in the scale + font-size: 100% / $type-ratio-primary; font-style: italic; margin-top: 0.25lh; + + @media (breakpoint) { + font-size: 100% / $type-ratio-secondary; + } } cite:before, diff --git a/src/_buttons.scss b/src/_buttons.scss index ff5a7e9..80e95b1 100644 --- a/src/_buttons.scss +++ b/src/_buttons.scss @@ -8,7 +8,7 @@ button { color: getColor(text, ui); cursor: pointer; display: inline-block; - font-size: 14pr; + font-size: $type-1-primary; line-height: 1.5lh; overflow: visible; padding: 0 1.5em; @@ -19,6 +19,10 @@ button { vertical-align: middle; white-space: nowrap; + @media ($breakpoint) { + font-size: $type-1-secondary; + } + &:hover, &:focus { background-color: lighten(getColor(base, primary), 15%); diff --git a/src/_forms.scss b/src/_forms.scss index d8ec55f..3735827 100644 --- a/src/_forms.scss +++ b/src/_forms.scss @@ -2,24 +2,21 @@ // Forms // ============================================================================= -form, -form [row] { - @media ($breakpoint) { - margin-bottom: 1lh; - } -} - input:not([type="submit"]), select, textarea { border: 1px solid getColor(base, lines); border-radius: 3px; - font-size: 14pr; + font-size: $type-1-primary; height: 1.25lh; padding: 0 .75em; transition: $transition-duration; width: 100%; + @media ($breakpoint) { + font-size: $type-1-secondary; + } + &:focus { border-color: getColor(blue, lighter); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), @@ -58,7 +55,11 @@ input[type="submit"] { label { display: block; - font-size: 14pr; + font-size: $type-1-primary; + + @media ($breakpoint) { + font-size: $type-1-secondary; + } } fieldset { @@ -69,9 +70,13 @@ fieldset { } legend { - font-size: 14pr; + font-size: $type-1-primary; font-weight: bold; padding: 0 1em; + + @media ($breakpoint) { + font-size: $type-1-secondary; + } } // Keep the original size for this small inputs diff --git a/src/_headings.scss b/src/_headings.scss index 8865611..78b6f8a 100644 --- a/src/_headings.scss +++ b/src/_headings.scss @@ -9,68 +9,70 @@ h1, h2, h3, h4, h5, h6 { small { color: inherit; - font-weight: lighter; vertical-align: 0; } } -h1, h2, h3 { margin: 1lh 0 0.25lh; } +h1, h2, h3 { margin: 0.5lh 0 0.25lh; } h4, h5, h6 { margin: 0.25lh 0; } h1 { - font-size: $h1-size-small + pr; - small { font-size: $h2-size-small + pr; } + font-size: $type-6-primary; + small { font-size: $type-5-primary; } } h2 { - font-size: $h2-size-small + pr; - small { font-size: $h3-size-small + pr; } + font-size: $type-5-primary; + small { font-size: $type-4-primary; } } h3 { - font-size: $h3-size-small + pr; - small { font-size: $h4-size-small + pr; } + font-size: $type-4-primary; + small { font-size: $type-3-primary; } } h4 { - font-size: $h4-size-small + pr; - small { font-size: $h5-size-small + pr; } + font-size: $type-3-primary; + small { font-size: $type-2-primary; } } h5 { - font-size: $h5-size-small + pr; - small { font-size: $h6-size-small + pr; } + font-size: $type-2-primary; + small { font-size: $type-1-primary; } } -h6 { font-size: $h6-size-small + pr; } +h6 { font-size: $type-1-primary; } // Styles for medium and up displays @media ($breakpoint) { + h1, h2, h3 { margin: 1lh 0 0.25lh; } + h4, h5, h6 { margin: 0.25lh 0; } + h1 { - font-size: $h1-size-large + pr; - small { font-size: $h2-size-large + pr; } + font-size: $type-6-secondary; + small { font-size: $type-5-secondary; } } h2 { - font-size: $h2-size-large + pr; - small { font-size: $h3-size-large + pr; } + font-size: $type-5-secondary; + small { font-size: $type-4-secondary; } } h3 { - font-size: $h3-size-large + pr; - small { font-size: $h4-size-large + pr; } + font-size: $type-4-secondary; + small { font-size: $type-3-secondary; } } h4 { - font-size: $h4-size-large + pr; - small { font-size: $h5-size-large + pr; } + font-size: $type-3-secondary; + small { font-size: $type-2-secondary; } } h5 { - font-size: $h5-size-large + pr; - small { font-size: $h6-size-large + pr; } + font-size: $type-2-secondary; + small { font-size: $type-1-secondary; } } - h6 { font-size: $h6-size-large + pr; } + h6 { font-size: $type-1-secondary; } } diff --git a/src/_normalization.scss b/src/_normalization.scss index 0e49c87..69af1b7 100644 --- a/src/_normalization.scss +++ b/src/_normalization.scss @@ -229,6 +229,7 @@ video { vertical-align: middle; } // // Automatic margins // ----------------- +// TODO: Fix specificity @if $automargin { #{$automargin-elements} { diff --git a/src/_tables.scss b/src/_tables.scss index 40b01ee..e5212b7 100644 --- a/src/_tables.scss +++ b/src/_tables.scss @@ -18,10 +18,14 @@ table { caption { color: getColor(text, primary); - font-size: 85%; + font-size: $type-1-primary; font-style: italic; line-height: 2lh; text-align: center; + + @media ($breakpoint) { + font-size: $type-1-secondary; + } } thead { diff --git a/src/_type.scss b/src/_type.scss index 27eff87..6734247 100644 --- a/src/_type.scss +++ b/src/_type.scss @@ -6,21 +6,26 @@ // Defaults // -------- -small { - font-size: 75%; - vertical-align: text-bottom; +small, +sup, +sub { + // Use the next smaller size in the scale + font-size: 100% / $type-ratio-primary; + + @media ($breakpoint) { + font-size: 100% / $type-ratio-secondary; + } } sup, sub { - font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { - top: -0.5em; + top: -0.25em; font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "sups" 1; } @@ -29,9 +34,6 @@ sub { font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "subs" 1; } -s { text-decoration: line-through; } - - // // Links // ----- @@ -82,7 +84,11 @@ pre, kbd, samp { font-family: $font-family-mono; - font-size: 14pr; + font-size: $type-1-primary; + + @media ($breakpoint) { + font-size: $type-1-secondary; + } } pre { padding: 0.5lh 1em; } @@ -98,7 +104,6 @@ pre { border: 1px solid getColor(base, lines); border-radius: 3px; color: darken(getColor(text, primary), 5%); - margin-bottom: 1lh; } code { padding: 2px 3px; } @@ -109,13 +114,15 @@ pre code { padding: 0; vertical-align: inherit; white-space: pre; + font-size: inherit; } kbd { background-color: transparent; border: 1px solid getColor(base, lines); border-radius: 3px; - box-shadow: 0 2px 0 -1px white,0 2px 0 darken(getColor(base, lines), 1.5%); + box-shadow: 0 2px 0 -1px white, + 0 2px 0 darken(getColor(base, lines), 1.5%); display: inline-block; padding: 0 6px 0; white-space: nowrap; diff --git a/test/test.html b/test/test.html index 1fe44aa..b01fa10 100644 --- a/test/test.html +++ b/test/test.html @@ -41,7 +41,7 @@
Heading 6 Helper text
-

Lorem ipsum dolor sit amet, sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

+

Lorem ipsum dolor sit amet, sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna small aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet2 clita2 kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.


From 87499585a808c0d35008ca5b6ee5bfb8a5bed62e Mon Sep 17 00:00:00 2001 From: James Kolce Date: Thu, 1 Sep 2016 15:49:48 -0600 Subject: [PATCH 083/183] Add more utilities to the grid system --- dist/concise.css | 202 ++++++++++++++++++++++++++++--------------- dist/concise.min.css | 2 +- src/_atgrid.scss | 72 +++++++++------ 3 files changed, 179 insertions(+), 97 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index ab1e4a0..ae1482a 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -662,9 +662,7 @@ table { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; - flex-direction: column; - -ms-flex-wrap: wrap; - flex-wrap: wrap; } + flex-direction: column; } @media (min-width: 480px) { [grid] { -webkit-box-orient: horizontal; @@ -675,9 +673,7 @@ table { [column] { -webkit-box-flex: 1; -ms-flex: 1; - flex: 1; } - -[column] { + flex: 1; padding-left: 1em; padding-right: 1em; } @@ -689,12 +685,68 @@ table { padding-right: 0; } [grid~="no-collapse"] { + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; } + +[grid~="wrap"] { + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + +[grid~="nowrap"] { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } + +[grid~="wrap-reverse"] { + -ms-flex-wrap: wrap-reverse; + flex-wrap: wrap-reverse; } + +[grid~="row"] { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; } + flex-direction: row; } + +[grid~="row-reverse"] { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; } + +[grid~="column"] { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + +[grid~="column-reverse"] { + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; } + +[grid~="justify-start"] { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; } + +[grid~="justify-end"] { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; } + +[grid~="justify-center"] { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } + +[grid~="justify-between"] { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } + +[grid~="justify-around"] { + -ms-flex-pack: distribute; + justify-content: space-around; } [grid~="top"] { -webkit-box-align: start; @@ -714,6 +766,18 @@ table { -ms-grid-row-align: flex-end; align-items: flex-end; } +[grid~="baseline"] { + -webkit-box-align: baseline; + -ms-flex-align: baseline; + -ms-grid-row-align: baseline; + align-items: baseline; } + +[grid~="stretch"] { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + -ms-grid-row-align: stretch; + align-items: stretch; } + [column~="top"] { -ms-flex-item-align: start; align-self: flex-start; } @@ -726,67 +790,67 @@ table { -ms-flex-item-align: end; align-self: flex-end; } -[column~="1"] { - -webkit-box-flex: 0; - -ms-flex: 0 1 8.33333%; - flex: 0 1 8.33333%; } - -[column~="2"] { - -webkit-box-flex: 0; - -ms-flex: 0 1 16.66667%; - flex: 0 1 16.66667%; } - -[column~="3"] { - -webkit-box-flex: 0; - -ms-flex: 0 1 25%; - flex: 0 1 25%; } - -[column~="4"] { - -webkit-box-flex: 0; - -ms-flex: 0 1 33.33333%; - flex: 0 1 33.33333%; } - -[column~="5"] { - -webkit-box-flex: 0; - -ms-flex: 0 1 41.66667%; - flex: 0 1 41.66667%; } - -[column~="6"] { - -webkit-box-flex: 0; - -ms-flex: 0 1 50%; - flex: 0 1 50%; } - -[column~="7"] { - -webkit-box-flex: 0; - -ms-flex: 0 1 58.33333%; - flex: 0 1 58.33333%; } - -[column~="8"] { - -webkit-box-flex: 0; - -ms-flex: 0 1 66.66667%; - flex: 0 1 66.66667%; } - -[column~="9"] { - -webkit-box-flex: 0; - -ms-flex: 0 1 75%; - flex: 0 1 75%; } - -[column~="10"] { - -webkit-box-flex: 0; - -ms-flex: 0 1 83.33333%; - flex: 0 1 83.33333%; } - -[column~="11"] { - -webkit-box-flex: 0; - -ms-flex: 0 1 91.66667%; - flex: 0 1 91.66667%; } - -[column~="12"] { - -webkit-box-flex: 0; - -ms-flex: 0 1 100%; - flex: 0 1 100%; } - @media (min-width: 480px) { + [column~="1"] { + -webkit-box-flex: 0; + -ms-flex: 0 1 8.33333%; + flex: 0 1 8.33333%; + max-width: 8.33333%; } + [column~="2"] { + -webkit-box-flex: 0; + -ms-flex: 0 1 16.66667%; + flex: 0 1 16.66667%; + max-width: 16.66667%; } + [column~="3"] { + -webkit-box-flex: 0; + -ms-flex: 0 1 25%; + flex: 0 1 25%; + max-width: 25%; } + [column~="4"] { + -webkit-box-flex: 0; + -ms-flex: 0 1 33.33333%; + flex: 0 1 33.33333%; + max-width: 33.33333%; } + [column~="5"] { + -webkit-box-flex: 0; + -ms-flex: 0 1 41.66667%; + flex: 0 1 41.66667%; + max-width: 41.66667%; } + [column~="6"] { + -webkit-box-flex: 0; + -ms-flex: 0 1 50%; + flex: 0 1 50%; + max-width: 50%; } + [column~="7"] { + -webkit-box-flex: 0; + -ms-flex: 0 1 58.33333%; + flex: 0 1 58.33333%; + max-width: 58.33333%; } + [column~="8"] { + -webkit-box-flex: 0; + -ms-flex: 0 1 66.66667%; + flex: 0 1 66.66667%; + max-width: 66.66667%; } + [column~="9"] { + -webkit-box-flex: 0; + -ms-flex: 0 1 75%; + flex: 0 1 75%; + max-width: 75%; } + [column~="10"] { + -webkit-box-flex: 0; + -ms-flex: 0 1 83.33333%; + flex: 0 1 83.33333%; + max-width: 83.33333%; } + [column~="11"] { + -webkit-box-flex: 0; + -ms-flex: 0 1 91.66667%; + flex: 0 1 91.66667%; + max-width: 91.66667%; } + [column~="12"] { + -webkit-box-flex: 0; + -ms-flex: 0 1 100%; + flex: 0 1 100%; + max-width: 100%; } [column~="+1"] { margin-left: 8.33333%; } [column~="+2"] { diff --git a/dist/concise.min.css b/dist/concise.min.css index 26f151d..473b003 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}address:not(:last-child),article:not(:last-child),aside:not(:last-child),audio:not(:last-child),blockquote:not(:last-child),canvas:not(:last-child),dd:not(:last-child),dl:not(:last-child),fieldset:not(:last-child),figcaption:not(:last-child),figure:not(:last-child),footer:not(:last-child),form:not(:last-child),header:not(:last-child),hr:not(:last-child),ol:not(:last-child),p:not(:last-child),pre:not(:last-child),section:not(:last-child),table:not(:last-child),tfoot:not(:last-child),ul:not(:last-child),video:not(:last-child){margin-bottom:1.5rem}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0}h1,h2,h3{margin:.75rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h1 small,h2{font-size:1.728rem}h2 small,h3{font-size:1.44rem}h3 small,h4{font-size:1.2rem}h4 small,h5{font-size:1rem}h5 small,h6{font-size:.83333rem}@media (min-width:480px){h1,h2,h3{margin:1.5rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:3.15733rem}h1 small,h2{font-size:2.36859rem}h2 small,h3{font-size:1.77689rem}h3 small,h4{font-size:1.333rem}h4 small,h5{font-size:1rem}h5 small,h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}@media (min-width:480px){button,input[type=submit]{font-size:.75019rem}}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.83333rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}@media (min-width:480px){input:not([type=submit]),select,textarea{font-size:.75019rem}}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}@media (min-width:480px){label{font-size:.75019rem}}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.83333rem;font-weight:700;padding:0 1em}@media (min-width:480px){legend{font-size:.75019rem}}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=no-collapse]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}@media (min-width:480px){[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}address:not(:last-child),article:not(:last-child),aside:not(:last-child),audio:not(:last-child),blockquote:not(:last-child),canvas:not(:last-child),dd:not(:last-child),dl:not(:last-child),fieldset:not(:last-child),figcaption:not(:last-child),figure:not(:last-child),footer:not(:last-child),form:not(:last-child),header:not(:last-child),hr:not(:last-child),ol:not(:last-child),p:not(:last-child),pre:not(:last-child),section:not(:last-child),table:not(:last-child),tfoot:not(:last-child),ul:not(:last-child),video:not(:last-child){margin-bottom:1.5rem}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0}h1,h2,h3{margin:.75rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h1 small,h2{font-size:1.728rem}h2 small,h3{font-size:1.44rem}h3 small,h4{font-size:1.2rem}h4 small,h5{font-size:1rem}h5 small,h6{font-size:.83333rem}@media (min-width:480px){h1,h2,h3{margin:1.5rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:3.15733rem}h1 small,h2{font-size:2.36859rem}h2 small,h3{font-size:1.77689rem}h3 small,h4{font-size:1.333rem}h4 small,h5{font-size:1rem}h5 small,h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}@media (min-width:480px){button,input[type=submit]{font-size:.75019rem}}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.83333rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}@media (min-width:480px){input:not([type=submit]),select,textarea{font-size:.75019rem}}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}@media (min-width:480px){label{font-size:.75019rem}}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.83333rem;font-weight:700;padding:0 1em}@media (min-width:480px){legend{font-size:.75019rem}}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file diff --git a/src/_atgrid.scss b/src/_atgrid.scss index c6f0a4c..73e9e52 100644 --- a/src/_atgrid.scss +++ b/src/_atgrid.scss @@ -1,5 +1,5 @@ // -// atGrid.css v4.0.0 - Attribute-based CSS Grid System +// atGrid.css for Concise - Attribute-based CSS Grid System // https://github.com/kolcethompsonco/atgrid.css // MIT License - James Kolce // ============================================================================= @@ -17,19 +17,13 @@ margin-left: $gutter / -2; margin-right: $gutter / -2; flex-direction: column; - flex-wrap: wrap; // Collapse columns on breakpoint @media ($breakpoint) { flex-direction: row; } } -[#{$prefix}column] { flex: 1; } - -// -// Gutters by default -// - [#{$prefix}column] { + flex: 1; padding-left: $gutter / 2; padding-right: $gutter / 2; } @@ -52,46 +46,70 @@ // No Collapse columns // -[grid~="no-collapse"] { - flex-direction: row; - flex-wrap: nowrap; -} +[#{$prefix}grid~="no-collapse"] { flex-flow: row nowrap; } + +// +// Wrap columns +// + +[#{$prefix}grid~="wrap"] { flex-wrap: wrap; } +[#{$prefix}grid~="nowrap"] { flex-wrap: nowrap; } +[#{$prefix}grid~="wrap-reverse"] { flex-wrap: wrap-reverse; } + +// +// Direction of columns in a row +// + +[#{$prefix}grid~="row"] { flex-direction: row; } +[#{$prefix}grid~="row-reverse"] { flex-direction: row-reverse; } +[#{$prefix}grid~="column"] { flex-direction: column; } +[#{$prefix}grid~="column-reverse"] { flex-direction: column-reverse; } + +// +// Justify content +// + +[#{$prefix}grid~="justify-start"] { justify-content: flex-start; } +[#{$prefix}grid~="justify-end"] { justify-content: flex-end; } +[#{$prefix}grid~="justify-center"] { justify-content: center; } +[#{$prefix}grid~="justify-between"] { justify-content: space-between; } +[#{$prefix}grid~="justify-around"] { justify-content: space-around; } // // Alignment of all columns in a row // [#{$prefix}grid~="top"] { align-items: flex-start; } - [#{$prefix}grid~="center"] { align-items: center; } - [#{$prefix}grid~="bottom"] { align-items: flex-end; } +[#{$prefix}grid~="baseline"] { align-items: baseline; } +[#{$prefix}grid~="stretch"] { align-items: stretch; } // // Alignment of individual columns // [#{$prefix}column~="top"] { align-self: flex-start; } - [#{$prefix}column~="center"] { align-self: center; } - [#{$prefix}column~="bottom"] { align-self: flex-end; } -// -// Column widths -// +// Create column widths and offsets above the breakpoint +@media ($breakpoint) { + // + // Column widths + // -@for $i from 1 through $num-columns { - [#{$prefix}column~="#{$i}"] { - flex: 0 1 ($i/$num-columns) * 100%; + @for $i from 1 through $num-columns { + [#{$prefix}column~="#{$i}"] { + flex: 0 1 ($i/$num-columns) * 100%; + max-width: ($i/$num-columns) * 100%; + } } -} -// -// Column offsets -// + // + // Column offsets + // -@media ($breakpoint) { @for $i from 1 through $num-columns { [#{$prefix}column~="+#{$i}"] { margin-left: ($i/$num-columns) * 100%; From 244d7320697e38208e6f66c248600ed33610e066 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Thu, 1 Sep 2016 15:56:56 -0600 Subject: [PATCH 084/183] [fix: #197] Fix the specificity of the automatic margins --- _globals.scss | 4 ---- dist/concise.css | 7 ++++--- dist/concise.min.css | 2 +- src/_normalization.scss | 7 ++++--- 4 files changed, 9 insertions(+), 11 deletions(-) diff --git a/_globals.scss b/_globals.scss index 409ca6d..b268913 100644 --- a/_globals.scss +++ b/_globals.scss @@ -19,10 +19,6 @@ $font-family-print: "Georgia", "Times New Roman", "Times", serif !default; $automargin: true !default; $block-margin: 1lh !default; -$automargin-elements: 'address, article, aside, audio, blockquote, canvas, dd, -dl, fieldset, figcaption, figure, footer, form, header, -hr, ol, p, pre, section, table, table, tfoot, ul, video' !default; - // Transition duration $transition-duration: 150ms !default; diff --git a/dist/concise.css b/dist/concise.css index ae1482a..98ab91e 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -182,11 +182,12 @@ video { background-color: #d6d6d6; text-shadow: none; } -address:not(:last-child), article:not(:last-child), aside:not(:last-child), audio:not(:last-child), blockquote:not(:last-child), canvas:not(:last-child), dd:not(:last-child), -dl:not(:last-child), fieldset:not(:last-child), figcaption:not(:last-child), figure:not(:last-child), footer:not(:last-child), form:not(:last-child), header:not(:last-child), -hr:not(:last-child), ol:not(:last-child), p:not(:last-child), pre:not(:last-child), section:not(:last-child), table:not(:last-child), table:not(:last-child), tfoot:not(:last-child), ul:not(:last-child), video:not(:last-child) { +* + * { margin-bottom: 1.5rem; } +li, kbd, div, input, option { + margin-bottom: 0; } + small, sup, sub { diff --git a/dist/concise.min.css b/dist/concise.min.css index 473b003..0c0d883 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}address:not(:last-child),article:not(:last-child),aside:not(:last-child),audio:not(:last-child),blockquote:not(:last-child),canvas:not(:last-child),dd:not(:last-child),dl:not(:last-child),fieldset:not(:last-child),figcaption:not(:last-child),figure:not(:last-child),footer:not(:last-child),form:not(:last-child),header:not(:last-child),hr:not(:last-child),ol:not(:last-child),p:not(:last-child),pre:not(:last-child),section:not(:last-child),table:not(:last-child),tfoot:not(:last-child),ul:not(:last-child),video:not(:last-child){margin-bottom:1.5rem}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0}h1,h2,h3{margin:.75rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h1 small,h2{font-size:1.728rem}h2 small,h3{font-size:1.44rem}h3 small,h4{font-size:1.2rem}h4 small,h5{font-size:1rem}h5 small,h6{font-size:.83333rem}@media (min-width:480px){h1,h2,h3{margin:1.5rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:3.15733rem}h1 small,h2{font-size:2.36859rem}h2 small,h3{font-size:1.77689rem}h3 small,h4{font-size:1.333rem}h4 small,h5{font-size:1rem}h5 small,h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}@media (min-width:480px){button,input[type=submit]{font-size:.75019rem}}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.83333rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}@media (min-width:480px){input:not([type=submit]),select,textarea{font-size:.75019rem}}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}@media (min-width:480px){label{font-size:.75019rem}}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.83333rem;font-weight:700;padding:0 1em}@media (min-width:480px){legend{font-size:.75019rem}}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-bottom:1.5rem}div,input,kbd,li,option{margin-bottom:0}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0}h1,h2,h3{margin:.75rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h1 small,h2{font-size:1.728rem}h2 small,h3{font-size:1.44rem}h3 small,h4{font-size:1.2rem}h4 small,h5{font-size:1rem}h5 small,h6{font-size:.83333rem}@media (min-width:480px){h1,h2,h3{margin:1.5rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:3.15733rem}h1 small,h2{font-size:2.36859rem}h2 small,h3{font-size:1.77689rem}h3 small,h4{font-size:1.333rem}h4 small,h5{font-size:1rem}h5 small,h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}@media (min-width:480px){button,input[type=submit]{font-size:.75019rem}}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.83333rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}@media (min-width:480px){input:not([type=submit]),select,textarea{font-size:.75019rem}}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}@media (min-width:480px){label{font-size:.75019rem}}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.83333rem;font-weight:700;padding:0 1em}@media (min-width:480px){legend{font-size:.75019rem}}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file diff --git a/src/_normalization.scss b/src/_normalization.scss index 69af1b7..7cb5058 100644 --- a/src/_normalization.scss +++ b/src/_normalization.scss @@ -229,10 +229,11 @@ video { vertical-align: middle; } // // Automatic margins // ----------------- -// TODO: Fix specificity @if $automargin { - #{$automargin-elements} { - &:not(:last-child) { margin-bottom: $block-margin; } + * + * { margin-bottom: $block-margin; } + + li, kbd, div, input, option { + margin-bottom: 0; } } From 038eaf4b499e5ca5c1ae1fdd9dbec7c2c81f225a Mon Sep 17 00:00:00 2001 From: James Kolce Date: Thu, 1 Sep 2016 16:04:51 -0600 Subject: [PATCH 085/183] Fix insanity for the size of elements inside headings --- dist/concise.css | 26 ++++-------------- dist/concise.min.css | 2 +- src/_headings.scss | 64 ++++++++++---------------------------------- 3 files changed, 20 insertions(+), 72 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index 98ab91e..689a0a7 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -296,7 +296,11 @@ h1, h2, h3, h4, h5, h6 { line-height: 1.25; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: inherit; - vertical-align: 0; } + vertical-align: 0; + font-size: 83.33333%; } + @media (min-width: 480px) { + h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { + font-size: 75.01875%; } } h1, h2, h3 { margin: 0.75rem 0 0.375rem; } @@ -306,28 +310,18 @@ h4, h5, h6 { h1 { font-size: 2.0736rem; } - h1 small { - font-size: 1.728rem; } h2 { font-size: 1.728rem; } - h2 small { - font-size: 1.44rem; } h3 { font-size: 1.44rem; } - h3 small { - font-size: 1.2rem; } h4 { font-size: 1.2rem; } - h4 small { - font-size: 1rem; } h5 { font-size: 1rem; } - h5 small { - font-size: 0.83333rem; } h6 { font-size: 0.83333rem; } @@ -339,24 +333,14 @@ h6 { margin: 0.375rem 0; } h1 { font-size: 3.15733rem; } - h1 small { - font-size: 2.36859rem; } h2 { font-size: 2.36859rem; } - h2 small { - font-size: 1.77689rem; } h3 { font-size: 1.77689rem; } - h3 small { - font-size: 1.333rem; } h4 { font-size: 1.333rem; } - h4 small { - font-size: 1rem; } h5 { font-size: 1rem; } - h5 small { - font-size: 0.75019rem; } h6 { font-size: 0.75019rem; } } diff --git a/dist/concise.min.css b/dist/concise.min.css index 0c0d883..482f66a 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-bottom:1.5rem}div,input,kbd,li,option{margin-bottom:0}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0}h1,h2,h3{margin:.75rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h1 small,h2{font-size:1.728rem}h2 small,h3{font-size:1.44rem}h3 small,h4{font-size:1.2rem}h4 small,h5{font-size:1rem}h5 small,h6{font-size:.83333rem}@media (min-width:480px){h1,h2,h3{margin:1.5rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:3.15733rem}h1 small,h2{font-size:2.36859rem}h2 small,h3{font-size:1.77689rem}h3 small,h4{font-size:1.333rem}h4 small,h5{font-size:1rem}h5 small,h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}@media (min-width:480px){button,input[type=submit]{font-size:.75019rem}}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.83333rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}@media (min-width:480px){input:not([type=submit]),select,textarea{font-size:.75019rem}}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}@media (min-width:480px){label{font-size:.75019rem}}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.83333rem;font-weight:700;padding:0 1em}@media (min-width:480px){legend{font-size:.75019rem}}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-bottom:1.5rem}div,input,kbd,li,option{margin-bottom:0}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}@media (min-width:480px){h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:75.01875%}}h1,h2,h3{margin:.75rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}@media (min-width:480px){h1,h2,h3{margin:1.5rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:3.15733rem}h2{font-size:2.36859rem}h3{font-size:1.77689rem}h4{font-size:1.333rem}h5{font-size:1rem}h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}@media (min-width:480px){button,input[type=submit]{font-size:.75019rem}}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.83333rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}@media (min-width:480px){input:not([type=submit]),select,textarea{font-size:.75019rem}}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}@media (min-width:480px){label{font-size:.75019rem}}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.83333rem;font-weight:700;padding:0 1em}@media (min-width:480px){legend{font-size:.75019rem}}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file diff --git a/src/_headings.scss b/src/_headings.scss index 78b6f8a..33d8573 100644 --- a/src/_headings.scss +++ b/src/_headings.scss @@ -10,37 +10,21 @@ h1, h2, h3, h4, h5, h6 { small { color: inherit; vertical-align: 0; + + // Use the next smaller size in the scale + font-size: 100% / $type-ratio-primary; + @media ($breakpoint) { font-size: 100% / $type-ratio-secondary; } } } h1, h2, h3 { margin: 0.5lh 0 0.25lh; } h4, h5, h6 { margin: 0.25lh 0; } -h1 { - font-size: $type-6-primary; - small { font-size: $type-5-primary; } -} - -h2 { - font-size: $type-5-primary; - small { font-size: $type-4-primary; } -} - -h3 { - font-size: $type-4-primary; - small { font-size: $type-3-primary; } -} - -h4 { - font-size: $type-3-primary; - small { font-size: $type-2-primary; } -} - -h5 { - font-size: $type-2-primary; - small { font-size: $type-1-primary; } -} - +h1 { font-size: $type-6-primary; } +h2 { font-size: $type-5-primary; } +h3 { font-size: $type-4-primary; } +h4 { font-size: $type-3-primary; } +h5 { font-size: $type-2-primary; } h6 { font-size: $type-1-primary; } @@ -49,30 +33,10 @@ h6 { font-size: $type-1-primary; } h1, h2, h3 { margin: 1lh 0 0.25lh; } h4, h5, h6 { margin: 0.25lh 0; } - h1 { - font-size: $type-6-secondary; - small { font-size: $type-5-secondary; } - } - - h2 { - font-size: $type-5-secondary; - small { font-size: $type-4-secondary; } - } - - h3 { - font-size: $type-4-secondary; - small { font-size: $type-3-secondary; } - } - - h4 { - font-size: $type-3-secondary; - small { font-size: $type-2-secondary; } - } - - h5 { - font-size: $type-2-secondary; - small { font-size: $type-1-secondary; } - } - + h1 { font-size: $type-6-secondary; } + h2 { font-size: $type-5-secondary; } + h3 { font-size: $type-4-secondary; } + h4 { font-size: $type-3-secondary; } + h5 { font-size: $type-2-secondary; } h6 { font-size: $type-1-secondary; } } From 85ffdcf3a9c25b95ca69d9166508c124d0e0b5dc Mon Sep 17 00:00:00 2001 From: James Kolce Date: Thu, 1 Sep 2016 16:05:32 -0600 Subject: [PATCH 086/183] Delete duplicated rule --- src/_headings.scss | 1 - 1 file changed, 1 deletion(-) diff --git a/src/_headings.scss b/src/_headings.scss index 33d8573..abb2186 100644 --- a/src/_headings.scss +++ b/src/_headings.scss @@ -31,7 +31,6 @@ h6 { font-size: $type-1-primary; } // Styles for medium and up displays @media ($breakpoint) { h1, h2, h3 { margin: 1lh 0 0.25lh; } - h4, h5, h6 { margin: 0.25lh 0; } h1 { font-size: $type-6-secondary; } h2 { font-size: $type-5-secondary; } From 4c351c21183cf9a0440e0119d3c48ab527a35114 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Thu, 1 Sep 2016 17:37:11 -0600 Subject: [PATCH 087/183] Delete margin for select --- dist/concise.css | 4 +--- dist/concise.min.css | 2 +- src/_normalization.scss | 2 +- 3 files changed, 3 insertions(+), 5 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index 689a0a7..b2b491c 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -185,7 +185,7 @@ video { * + * { margin-bottom: 1.5rem; } -li, kbd, div, input, option { +li, kbd, div, input, option, select { margin-bottom: 0; } small, @@ -329,8 +329,6 @@ h6 { @media (min-width: 480px) { h1, h2, h3 { margin: 1.5rem 0 0.375rem; } - h4, h5, h6 { - margin: 0.375rem 0; } h1 { font-size: 3.15733rem; } h2 { diff --git a/dist/concise.min.css b/dist/concise.min.css index 482f66a..d689a9f 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-bottom:1.5rem}div,input,kbd,li,option{margin-bottom:0}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}@media (min-width:480px){h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:75.01875%}}h1,h2,h3{margin:.75rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}@media (min-width:480px){h1,h2,h3{margin:1.5rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:3.15733rem}h2{font-size:2.36859rem}h3{font-size:1.77689rem}h4{font-size:1.333rem}h5{font-size:1rem}h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}@media (min-width:480px){button,input[type=submit]{font-size:.75019rem}}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.83333rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}@media (min-width:480px){input:not([type=submit]),select,textarea{font-size:.75019rem}}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}@media (min-width:480px){label{font-size:.75019rem}}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.83333rem;font-weight:700;padding:0 1em}@media (min-width:480px){legend{font-size:.75019rem}}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-bottom:1.5rem}div,input,kbd,li,option,select{margin-bottom:0}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}@media (min-width:480px){h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:75.01875%}}h1,h2,h3{margin:.75rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}@media (min-width:480px){h1,h2,h3{margin:1.5rem 0 .375rem}h1{font-size:3.15733rem}h2{font-size:2.36859rem}h3{font-size:1.77689rem}h4{font-size:1.333rem}h5{font-size:1rem}h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}@media (min-width:480px){button,input[type=submit]{font-size:.75019rem}}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.83333rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}@media (min-width:480px){input:not([type=submit]),select,textarea{font-size:.75019rem}}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}@media (min-width:480px){label{font-size:.75019rem}}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.83333rem;font-weight:700;padding:0 1em}@media (min-width:480px){legend{font-size:.75019rem}}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file diff --git a/src/_normalization.scss b/src/_normalization.scss index 7cb5058..7f41a2b 100644 --- a/src/_normalization.scss +++ b/src/_normalization.scss @@ -233,7 +233,7 @@ video { vertical-align: middle; } @if $automargin { * + * { margin-bottom: $block-margin; } - li, kbd, div, input, option { + li, kbd, div, input, option, select { margin-bottom: 0; } } From c2afea7e077b681e3b63e89aebb0a9942820902f Mon Sep 17 00:00:00 2001 From: James Kolce Date: Thu, 1 Sep 2016 17:39:18 -0600 Subject: [PATCH 088/183] Fix location of margins --- dist/concise.css | 4 ++-- dist/concise.min.css | 2 +- src/_normalization.scss | 4 ++-- 3 files changed, 5 insertions(+), 5 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index b2b491c..85034bd 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -183,10 +183,10 @@ video { text-shadow: none; } * + * { - margin-bottom: 1.5rem; } + margin-top: 1.5rem; } li, kbd, div, input, option, select { - margin-bottom: 0; } + margin-top: 0; } small, sup, diff --git a/dist/concise.min.css b/dist/concise.min.css index d689a9f..9a025c2 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-bottom:1.5rem}div,input,kbd,li,option,select{margin-bottom:0}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}@media (min-width:480px){h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:75.01875%}}h1,h2,h3{margin:.75rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}@media (min-width:480px){h1,h2,h3{margin:1.5rem 0 .375rem}h1{font-size:3.15733rem}h2{font-size:2.36859rem}h3{font-size:1.77689rem}h4{font-size:1.333rem}h5{font-size:1rem}h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}@media (min-width:480px){button,input[type=submit]{font-size:.75019rem}}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.83333rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}@media (min-width:480px){input:not([type=submit]),select,textarea{font-size:.75019rem}}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}@media (min-width:480px){label{font-size:.75019rem}}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.83333rem;font-weight:700;padding:0 1em}@media (min-width:480px){legend{font-size:.75019rem}}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}div,input,kbd,li,option,select{margin-top:0}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}@media (min-width:480px){h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:75.01875%}}h1,h2,h3{margin:.75rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}@media (min-width:480px){h1,h2,h3{margin:1.5rem 0 .375rem}h1{font-size:3.15733rem}h2{font-size:2.36859rem}h3{font-size:1.77689rem}h4{font-size:1.333rem}h5{font-size:1rem}h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}@media (min-width:480px){button,input[type=submit]{font-size:.75019rem}}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.83333rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}@media (min-width:480px){input:not([type=submit]),select,textarea{font-size:.75019rem}}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}@media (min-width:480px){label{font-size:.75019rem}}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.83333rem;font-weight:700;padding:0 1em}@media (min-width:480px){legend{font-size:.75019rem}}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file diff --git a/src/_normalization.scss b/src/_normalization.scss index 7f41a2b..150617c 100644 --- a/src/_normalization.scss +++ b/src/_normalization.scss @@ -231,9 +231,9 @@ video { vertical-align: middle; } // ----------------- @if $automargin { - * + * { margin-bottom: $block-margin; } + * + * { margin-top: $block-margin; } li, kbd, div, input, option, select { - margin-bottom: 0; + margin-top: 0; } } From 198482d2615a3c263cf5473015faa4238182335f Mon Sep 17 00:00:00 2001 From: James Kolce Date: Thu, 1 Sep 2016 17:41:39 -0600 Subject: [PATCH 089/183] Clear margin for *block a elements --- dist/concise.css | 2 +- dist/concise.min.css | 2 +- src/_normalization.scss | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index 85034bd..5532454 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -185,7 +185,7 @@ video { * + * { margin-top: 1.5rem; } -li, kbd, div, input, option, select { +li, kbd, div, input, option, select, a { margin-top: 0; } small, diff --git a/dist/concise.min.css b/dist/concise.min.css index 9a025c2..5eefa0f 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}div,input,kbd,li,option,select{margin-top:0}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}@media (min-width:480px){h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:75.01875%}}h1,h2,h3{margin:.75rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}@media (min-width:480px){h1,h2,h3{margin:1.5rem 0 .375rem}h1{font-size:3.15733rem}h2{font-size:2.36859rem}h3{font-size:1.77689rem}h4{font-size:1.333rem}h5{font-size:1rem}h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}@media (min-width:480px){button,input[type=submit]{font-size:.75019rem}}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.83333rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}@media (min-width:480px){input:not([type=submit]),select,textarea{font-size:.75019rem}}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}@media (min-width:480px){label{font-size:.75019rem}}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.83333rem;font-weight:700;padding:0 1em}@media (min-width:480px){legend{font-size:.75019rem}}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,div,input,kbd,li,option,select{margin-top:0}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}@media (min-width:480px){h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:75.01875%}}h1,h2,h3{margin:.75rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}@media (min-width:480px){h1,h2,h3{margin:1.5rem 0 .375rem}h1{font-size:3.15733rem}h2{font-size:2.36859rem}h3{font-size:1.77689rem}h4{font-size:1.333rem}h5{font-size:1rem}h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}@media (min-width:480px){button,input[type=submit]{font-size:.75019rem}}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.83333rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}@media (min-width:480px){input:not([type=submit]),select,textarea{font-size:.75019rem}}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}@media (min-width:480px){label{font-size:.75019rem}}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.83333rem;font-weight:700;padding:0 1em}@media (min-width:480px){legend{font-size:.75019rem}}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file diff --git a/src/_normalization.scss b/src/_normalization.scss index 150617c..7abf285 100644 --- a/src/_normalization.scss +++ b/src/_normalization.scss @@ -233,7 +233,7 @@ video { vertical-align: middle; } @if $automargin { * + * { margin-top: $block-margin; } - li, kbd, div, input, option, select { + li, kbd, div, input, option, select, a { margin-top: 0; } } From 69f61954d639cf918a6387e1fbf225cf8647b48e Mon Sep 17 00:00:00 2001 From: James Kolce Date: Thu, 1 Sep 2016 17:48:35 -0600 Subject: [PATCH 090/183] Add nm (no margin) helper for grid --- dist/concise.css | 4 ++++ dist/concise.min.css | 2 +- src/_atgrid.scss | 9 +++++++++ 3 files changed, 14 insertions(+), 1 deletion(-) diff --git a/dist/concise.css b/dist/concise.css index 5532454..4d152c9 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -667,6 +667,10 @@ table { padding-left: 0; padding-right: 0; } +[grid~="nm"] { + margin-left: 0; + margin-right: 0; } + [grid~="no-collapse"] { -ms-flex-flow: row nowrap; flex-flow: row nowrap; } diff --git a/dist/concise.min.css b/dist/concise.min.css index 5eefa0f..6d8aeee 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,div,input,kbd,li,option,select{margin-top:0}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}@media (min-width:480px){h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:75.01875%}}h1,h2,h3{margin:.75rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}@media (min-width:480px){h1,h2,h3{margin:1.5rem 0 .375rem}h1{font-size:3.15733rem}h2{font-size:2.36859rem}h3{font-size:1.77689rem}h4{font-size:1.333rem}h5{font-size:1rem}h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}@media (min-width:480px){button,input[type=submit]{font-size:.75019rem}}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.83333rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}@media (min-width:480px){input:not([type=submit]),select,textarea{font-size:.75019rem}}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}@media (min-width:480px){label{font-size:.75019rem}}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.83333rem;font-weight:700;padding:0 1em}@media (min-width:480px){legend{font-size:.75019rem}}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,div,input,kbd,li,option,select{margin-top:0}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}@media (min-width:480px){h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:75.01875%}}h1,h2,h3{margin:.75rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}@media (min-width:480px){h1,h2,h3{margin:1.5rem 0 .375rem}h1{font-size:3.15733rem}h2{font-size:2.36859rem}h3{font-size:1.77689rem}h4{font-size:1.333rem}h5{font-size:1rem}h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}@media (min-width:480px){button,input[type=submit]{font-size:.75019rem}}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.83333rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}@media (min-width:480px){input:not([type=submit]),select,textarea{font-size:.75019rem}}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}@media (min-width:480px){label{font-size:.75019rem}}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.83333rem;font-weight:700;padding:0 1em}@media (min-width:480px){legend{font-size:.75019rem}}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=nm]{margin-left:0;margin-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file diff --git a/src/_atgrid.scss b/src/_atgrid.scss index 73e9e52..24d84d9 100644 --- a/src/_atgrid.scss +++ b/src/_atgrid.scss @@ -42,6 +42,15 @@ } } +// +// No margins +// + +[#{$prefix}grid~="nm"] { + margin-left: 0; + margin-right: 0; +} + // // No Collapse columns // From 8ed8ad8fa62817566c5b687762417b4b46250ff2 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Wed, 7 Sep 2016 16:33:33 -0600 Subject: [PATCH 091/183] Delete margin for textarea --- dist/concise.css | 2 +- dist/concise.min.css | 2 +- src/_normalization.scss | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index 4d152c9..07a1a40 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -185,7 +185,7 @@ video { * + * { margin-top: 1.5rem; } -li, kbd, div, input, option, select, a { +li, kbd, div, input, option, select, a, textarea { margin-top: 0; } small, diff --git a/dist/concise.min.css b/dist/concise.min.css index 6d8aeee..6ea09a4 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,div,input,kbd,li,option,select{margin-top:0}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}@media (min-width:480px){h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:75.01875%}}h1,h2,h3{margin:.75rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}@media (min-width:480px){h1,h2,h3{margin:1.5rem 0 .375rem}h1{font-size:3.15733rem}h2{font-size:2.36859rem}h3{font-size:1.77689rem}h4{font-size:1.333rem}h5{font-size:1rem}h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}@media (min-width:480px){button,input[type=submit]{font-size:.75019rem}}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.83333rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}@media (min-width:480px){input:not([type=submit]),select,textarea{font-size:.75019rem}}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}@media (min-width:480px){label{font-size:.75019rem}}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.83333rem;font-weight:700;padding:0 1em}@media (min-width:480px){legend{font-size:.75019rem}}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=nm]{margin-left:0;margin-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,div,input,kbd,li,option,select,textarea{margin-top:0}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}@media (min-width:480px){h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:75.01875%}}h1,h2,h3{margin:.75rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}@media (min-width:480px){h1,h2,h3{margin:1.5rem 0 .375rem}h1{font-size:3.15733rem}h2{font-size:2.36859rem}h3{font-size:1.77689rem}h4{font-size:1.333rem}h5{font-size:1rem}h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}@media (min-width:480px){button,input[type=submit]{font-size:.75019rem}}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.83333rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}@media (min-width:480px){input:not([type=submit]),select,textarea{font-size:.75019rem}}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}@media (min-width:480px){label{font-size:.75019rem}}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.83333rem;font-weight:700;padding:0 1em}@media (min-width:480px){legend{font-size:.75019rem}}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=nm]{margin-left:0;margin-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file diff --git a/src/_normalization.scss b/src/_normalization.scss index 7abf285..7bc6e1f 100644 --- a/src/_normalization.scss +++ b/src/_normalization.scss @@ -233,7 +233,7 @@ video { vertical-align: middle; } @if $automargin { * + * { margin-top: $block-margin; } - li, kbd, div, input, option, select, a { + li, kbd, div, input, option, select, a, textarea { margin-top: 0; } } From 5c857f4d1e129a66dcbb64692442cb5946d19b05 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Sun, 11 Sep 2016 16:49:11 -0600 Subject: [PATCH 092/183] [fix: #200] Rename font size variables --- _globals.scss | 4 ++-- src/_normalization.scss | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/_globals.scss b/_globals.scss index b268913..9a371ff 100644 --- a/_globals.scss +++ b/_globals.scss @@ -6,8 +6,8 @@ // Base // ---- -$font-base-size: 16 !default; -$font-base-size-bg: 18 !default; +$font-size: 16 !default; +$font-size-secondary: 18 !default; // Font families $font-family-headings: "Helvetica", "Arial", sans-serif !default; diff --git a/src/_normalization.scss b/src/_normalization.scss index 7bc6e1f..3a74f18 100644 --- a/src/_normalization.scss +++ b/src/_normalization.scss @@ -143,11 +143,11 @@ textarea { box-sizing: border-box; color: getColor(text, primary); cursor: default; - font: $font-base-size + px / 1.5 $font-family; + font: $font-size + px / 1.5 $font-family; text-rendering: optimizeLegibility; @media ($breakpoint) { - font-size: $font-base-size-bg + px; + font-size: $font-size-secondary + px; } } From 57424711433eb9c914f89e5880600f85bb5a8c57 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Sun, 11 Sep 2016 17:01:17 -0600 Subject: [PATCH 093/183] [fix: #201] Rename font size variables --- _globals.scss | 53 ++++++++++++++++++++++--------------------- src/_blockquotes.scss | 4 ++-- src/_buttons.scss | 4 ++-- src/_forms.scss | 12 +++++----- src/_headings.scss | 28 +++++++++++------------ src/_tables.scss | 4 ++-- src/_type.scss | 8 +++---- 7 files changed, 57 insertions(+), 56 deletions(-) diff --git a/_globals.scss b/_globals.scss index 9a371ff..9503418 100644 --- a/_globals.scss +++ b/_globals.scss @@ -43,6 +43,7 @@ $spacing-xl: 4lh !default; // // Type Scale // ------------- +// TODO: Find a way to generate the scale // Suggested ratios // Source: http://type-scale.com/ @@ -56,38 +57,38 @@ $perfect-fifth: 1.500; $golden-ratio: 1.618; // Ratio for primary scale -$type-ratio-primary: $minor-third !default; +$scale-ratio: $minor-third !default; // Ratio for secondary scale -$type-ratio-secondary: $perfect-fourth !default; +$scale-ratio-secondary: $perfect-fourth !default; // Primary scale -$type-1-primary: 1rem / $type-ratio-primary !default; -$type-2-primary: 1rem !default; -$type-3-primary: $type-2-primary * $type-ratio-primary !default; -$type-4-primary: $type-3-primary * $type-ratio-primary !default; -$type-5-primary: $type-4-primary * $type-ratio-primary !default; -$type-6-primary: $type-5-primary * $type-ratio-primary !default; -$type-7-primary: $type-6-primary * $type-ratio-primary !default; -$type-8-primary: $type-7-primary * $type-ratio-primary !default; -$type-9-primary: $type-8-primary * $type-ratio-primary !default; -$type-10-primary: $type-9-primary * $type-ratio-primary !default; -$type-11-primary: $type-10-primary * $type-ratio-primary !default; -$type-12-primary: $type-11-primary * $type-ratio-primary !default; +$scale-1: 1rem / $scale-ratio !default; +$scale-2: 1rem !default; +$scale-3: $scale-2 * $scale-ratio !default; +$scale-4: $scale-3 * $scale-ratio !default; +$scale-5: $scale-4 * $scale-ratio !default; +$scale-6: $scale-5 * $scale-ratio !default; +$scale-7: $scale-6 * $scale-ratio !default; +$scale-8: $scale-7 * $scale-ratio !default; +$scale-9: $scale-8 * $scale-ratio !default; +$scale-10: $scale-9 * $scale-ratio !default; +$scale-11: $scale-10 * $scale-ratio !default; +$scale-12: $scale-11 * $scale-ratio !default; // Secondary scale -$type-1-secondary: 1rem / $type-ratio-secondary !default; -$type-2-secondary: 1rem !default; -$type-3-secondary: $type-2-secondary * $type-ratio-secondary !default; -$type-4-secondary: $type-3-secondary * $type-ratio-secondary !default; -$type-5-secondary: $type-4-secondary * $type-ratio-secondary !default; -$type-6-secondary: $type-5-secondary * $type-ratio-secondary !default; -$type-7-secondary: $type-6-secondary * $type-ratio-secondary !default; -$type-8-secondary: $type-7-secondary * $type-ratio-secondary !default; -$type-9-secondary: $type-8-secondary * $type-ratio-secondary !default; -$type-10-secondary: $type-9-secondary * $type-ratio-secondary !default; -$type-11-secondary: $type-10-secondary * $type-ratio-secondary !default; -$type-12-secondary: $type-11-secondary * $type-ratio-secondary !default; +$scale-1-secondary: 1rem / $scale-ratio-secondary !default; +$scale-2-secondary: 1rem !default; +$scale-3-secondary: $scale-2-secondary * $scale-ratio-secondary !default; +$scale-4-secondary: $scale-3-secondary * $scale-ratio-secondary !default; +$scale-5-secondary: $scale-4-secondary * $scale-ratio-secondary !default; +$scale-6-secondary: $scale-5-secondary * $scale-ratio-secondary !default; +$scale-7-secondary: $scale-6-secondary * $scale-ratio-secondary !default; +$scale-8-secondary: $scale-7-secondary * $scale-ratio-secondary !default; +$scale-9-secondary: $scale-8-secondary * $scale-ratio-secondary !default; +$scale-10-secondary: $scale-9-secondary * $scale-ratio-secondary !default; +$scale-11-secondary: $scale-10-secondary * $scale-ratio-secondary !default; +$scale-12-secondary: $scale-11-secondary * $scale-ratio-secondary !default; // // Grid diff --git a/src/_blockquotes.scss b/src/_blockquotes.scss index ef5adf9..bada090 100644 --- a/src/_blockquotes.scss +++ b/src/_blockquotes.scss @@ -12,12 +12,12 @@ blockquote { footer { display: block; // Use the next smaller size in the scale - font-size: 100% / $type-ratio-primary; + font-size: 100% / $scale-ratio; font-style: italic; margin-top: 0.25lh; @media (breakpoint) { - font-size: 100% / $type-ratio-secondary; + font-size: 100% / $scale-ratio-secondary; } } diff --git a/src/_buttons.scss b/src/_buttons.scss index 80e95b1..cd3dd76 100644 --- a/src/_buttons.scss +++ b/src/_buttons.scss @@ -8,7 +8,7 @@ button { color: getColor(text, ui); cursor: pointer; display: inline-block; - font-size: $type-1-primary; + font-size: $scale-1; line-height: 1.5lh; overflow: visible; padding: 0 1.5em; @@ -20,7 +20,7 @@ button { white-space: nowrap; @media ($breakpoint) { - font-size: $type-1-secondary; + font-size: $scale-1-secondary; } &:hover, diff --git a/src/_forms.scss b/src/_forms.scss index 3735827..ba52493 100644 --- a/src/_forms.scss +++ b/src/_forms.scss @@ -7,14 +7,14 @@ select, textarea { border: 1px solid getColor(base, lines); border-radius: 3px; - font-size: $type-1-primary; + font-size: $scale-1; height: 1.25lh; padding: 0 .75em; transition: $transition-duration; width: 100%; @media ($breakpoint) { - font-size: $type-1-secondary; + font-size: $scale-1-secondary; } &:focus { @@ -55,10 +55,10 @@ input[type="submit"] { label { display: block; - font-size: $type-1-primary; + font-size: $scale-1; @media ($breakpoint) { - font-size: $type-1-secondary; + font-size: $scale-1-secondary; } } @@ -70,12 +70,12 @@ fieldset { } legend { - font-size: $type-1-primary; + font-size: $scale-1; font-weight: bold; padding: 0 1em; @media ($breakpoint) { - font-size: $type-1-secondary; + font-size: $scale-1-secondary; } } diff --git a/src/_headings.scss b/src/_headings.scss index abb2186..ba60534 100644 --- a/src/_headings.scss +++ b/src/_headings.scss @@ -12,30 +12,30 @@ h1, h2, h3, h4, h5, h6 { vertical-align: 0; // Use the next smaller size in the scale - font-size: 100% / $type-ratio-primary; - @media ($breakpoint) { font-size: 100% / $type-ratio-secondary; } + font-size: 100% / $scale-ratio; + @media ($breakpoint) { font-size: 100% / $scale-ratio-secondary; } } } h1, h2, h3 { margin: 0.5lh 0 0.25lh; } h4, h5, h6 { margin: 0.25lh 0; } -h1 { font-size: $type-6-primary; } -h2 { font-size: $type-5-primary; } -h3 { font-size: $type-4-primary; } -h4 { font-size: $type-3-primary; } -h5 { font-size: $type-2-primary; } -h6 { font-size: $type-1-primary; } +h1 { font-size: $scale-6; } +h2 { font-size: $scale-5; } +h3 { font-size: $scale-4; } +h4 { font-size: $scale-3; } +h5 { font-size: $scale-2; } +h6 { font-size: $scale-1; } // Styles for medium and up displays @media ($breakpoint) { h1, h2, h3 { margin: 1lh 0 0.25lh; } - h1 { font-size: $type-6-secondary; } - h2 { font-size: $type-5-secondary; } - h3 { font-size: $type-4-secondary; } - h4 { font-size: $type-3-secondary; } - h5 { font-size: $type-2-secondary; } - h6 { font-size: $type-1-secondary; } + h1 { font-size: $scale-6-secondary; } + h2 { font-size: $scale-5-secondary; } + h3 { font-size: $scale-4-secondary; } + h4 { font-size: $scale-3-secondary; } + h5 { font-size: $scale-2-secondary; } + h6 { font-size: $scale-1-secondary; } } diff --git a/src/_tables.scss b/src/_tables.scss index e5212b7..f81585d 100644 --- a/src/_tables.scss +++ b/src/_tables.scss @@ -18,13 +18,13 @@ table { caption { color: getColor(text, primary); - font-size: $type-1-primary; + font-size: $scale-1; font-style: italic; line-height: 2lh; text-align: center; @media ($breakpoint) { - font-size: $type-1-secondary; + font-size: $scale-1-secondary; } } diff --git a/src/_type.scss b/src/_type.scss index 6734247..79f494e 100644 --- a/src/_type.scss +++ b/src/_type.scss @@ -10,10 +10,10 @@ small, sup, sub { // Use the next smaller size in the scale - font-size: 100% / $type-ratio-primary; + font-size: 100% / $scale-ratio; @media ($breakpoint) { - font-size: 100% / $type-ratio-secondary; + font-size: 100% / $scale-ratio-secondary; } } @@ -84,10 +84,10 @@ pre, kbd, samp { font-family: $font-family-mono; - font-size: $type-1-primary; + font-size: $scale-1; @media ($breakpoint) { - font-size: $type-1-secondary; + font-size: $scale-1-secondary; } } From adf316318560c78910b5f79fdec0f08261496e4f Mon Sep 17 00:00:00 2001 From: James Kolce Date: Mon, 12 Sep 2016 18:54:19 -0600 Subject: [PATCH 094/183] [fix: #203] Transform the type scale into a function [ref: #194] --- _globals.scss | 59 +++++++++++++++++++--------------------------- src/_buttons.scss | 4 ++-- src/_forms.scss | 12 +++++----- src/_headings.scss | 24 +++++++++---------- src/_tables.scss | 4 ++-- src/_type.scss | 4 ++-- 6 files changed, 48 insertions(+), 59 deletions(-) diff --git a/_globals.scss b/_globals.scss index 9503418..772bf20 100644 --- a/_globals.scss +++ b/_globals.scss @@ -2,6 +2,26 @@ // Globals // ============================================================================= +// +// Helper functions +// ---------------- + +@function pow($number, $exponent) { + $value: 1; + + @if $exponent > 0 { + @for $i from 1 through $exponent { + $value: $value * $number; + } + } @else if $exponent < 0 { + @for $i from 1 through -$exponent { + $value: $value / $number; + } + } + + @return $value; +} + // // Base // ---- @@ -43,7 +63,6 @@ $spacing-xl: 4lh !default; // // Type Scale // ------------- -// TODO: Find a way to generate the scale // Suggested ratios // Source: http://type-scale.com/ @@ -62,33 +81,10 @@ $scale-ratio: $minor-third !default; // Ratio for secondary scale $scale-ratio-secondary: $perfect-fourth !default; -// Primary scale -$scale-1: 1rem / $scale-ratio !default; -$scale-2: 1rem !default; -$scale-3: $scale-2 * $scale-ratio !default; -$scale-4: $scale-3 * $scale-ratio !default; -$scale-5: $scale-4 * $scale-ratio !default; -$scale-6: $scale-5 * $scale-ratio !default; -$scale-7: $scale-6 * $scale-ratio !default; -$scale-8: $scale-7 * $scale-ratio !default; -$scale-9: $scale-8 * $scale-ratio !default; -$scale-10: $scale-9 * $scale-ratio !default; -$scale-11: $scale-10 * $scale-ratio !default; -$scale-12: $scale-11 * $scale-ratio !default; - -// Secondary scale -$scale-1-secondary: 1rem / $scale-ratio-secondary !default; -$scale-2-secondary: 1rem !default; -$scale-3-secondary: $scale-2-secondary * $scale-ratio-secondary !default; -$scale-4-secondary: $scale-3-secondary * $scale-ratio-secondary !default; -$scale-5-secondary: $scale-4-secondary * $scale-ratio-secondary !default; -$scale-6-secondary: $scale-5-secondary * $scale-ratio-secondary !default; -$scale-7-secondary: $scale-6-secondary * $scale-ratio-secondary !default; -$scale-8-secondary: $scale-7-secondary * $scale-ratio-secondary !default; -$scale-9-secondary: $scale-8-secondary * $scale-ratio-secondary !default; -$scale-10-secondary: $scale-9-secondary * $scale-ratio-secondary !default; -$scale-11-secondary: $scale-10-secondary * $scale-ratio-secondary !default; -$scale-12-secondary: $scale-11-secondary * $scale-ratio-secondary !default; +// Function to easily retrieve sizes from a scale. +@function typeScale($size, $ratio: $scale-ratio) { + @return pow($ratio, $size - 2) * 1rem; +} // // Grid @@ -189,13 +185,6 @@ $colors: ( // -------- // Easily retrieve colors for use. // -// @access public -// -// @param {String} $color - Name of the color -// @param {Color} $value - The color value to grab (default is "base") -// -// @return {Color} Value of the color -// @function getColor($color, $value: "base") { @return map-get(map-get($colors, $color), $value); diff --git a/src/_buttons.scss b/src/_buttons.scss index cd3dd76..e4eba63 100644 --- a/src/_buttons.scss +++ b/src/_buttons.scss @@ -8,7 +8,7 @@ button { color: getColor(text, ui); cursor: pointer; display: inline-block; - font-size: $scale-1; + font-size: typeScale(1); line-height: 1.5lh; overflow: visible; padding: 0 1.5em; @@ -20,7 +20,7 @@ button { white-space: nowrap; @media ($breakpoint) { - font-size: $scale-1-secondary; + font-size: typeScale(1, $scale-ratio-secondary); } &:hover, diff --git a/src/_forms.scss b/src/_forms.scss index ba52493..8547f47 100644 --- a/src/_forms.scss +++ b/src/_forms.scss @@ -7,14 +7,14 @@ select, textarea { border: 1px solid getColor(base, lines); border-radius: 3px; - font-size: $scale-1; + font-size: typeScale(1); height: 1.25lh; padding: 0 .75em; transition: $transition-duration; width: 100%; @media ($breakpoint) { - font-size: $scale-1-secondary; + font-size: typeScale(1, $scale-ratio-secondary); } &:focus { @@ -55,10 +55,10 @@ input[type="submit"] { label { display: block; - font-size: $scale-1; + font-size: typeScale(1); @media ($breakpoint) { - font-size: $scale-1-secondary; + font-size: typeScale(1, $scale-ratio-secondary); } } @@ -70,12 +70,12 @@ fieldset { } legend { - font-size: $scale-1; + font-size: typeScale(1); font-weight: bold; padding: 0 1em; @media ($breakpoint) { - font-size: $scale-1-secondary; + font-size: typeScale(1, $scale-ratio-secondary); } } diff --git a/src/_headings.scss b/src/_headings.scss index ba60534..989b9b0 100644 --- a/src/_headings.scss +++ b/src/_headings.scss @@ -20,22 +20,22 @@ h1, h2, h3, h4, h5, h6 { h1, h2, h3 { margin: 0.5lh 0 0.25lh; } h4, h5, h6 { margin: 0.25lh 0; } -h1 { font-size: $scale-6; } -h2 { font-size: $scale-5; } -h3 { font-size: $scale-4; } -h4 { font-size: $scale-3; } -h5 { font-size: $scale-2; } -h6 { font-size: $scale-1; } +h1 { font-size: typeScale(6); } +h2 { font-size: typeScale(5); } +h3 { font-size: typeScale(4); } +h4 { font-size: typeScale(3); } +h5 { font-size: typeScale(2); } +h6 { font-size: typeScale(1); } // Styles for medium and up displays @media ($breakpoint) { h1, h2, h3 { margin: 1lh 0 0.25lh; } - h1 { font-size: $scale-6-secondary; } - h2 { font-size: $scale-5-secondary; } - h3 { font-size: $scale-4-secondary; } - h4 { font-size: $scale-3-secondary; } - h5 { font-size: $scale-2-secondary; } - h6 { font-size: $scale-1-secondary; } + h1 { font-size: typeScale(6, $scale-ratio-secondary); } + h2 { font-size: typeScale(5, $scale-ratio-secondary); } + h3 { font-size: typeScale(4, $scale-ratio-secondary); } + h4 { font-size: typeScale(3, $scale-ratio-secondary); } + h5 { font-size: typeScale(2, $scale-ratio-secondary); } + h6 { font-size: typeScale(1, $scale-ratio-secondary); } } diff --git a/src/_tables.scss b/src/_tables.scss index f81585d..9292424 100644 --- a/src/_tables.scss +++ b/src/_tables.scss @@ -18,13 +18,13 @@ table { caption { color: getColor(text, primary); - font-size: $scale-1; + font-size: typeScale(1); font-style: italic; line-height: 2lh; text-align: center; @media ($breakpoint) { - font-size: $scale-1-secondary; + font-size: typeScale(1, $scale-ratio-secondary); } } diff --git a/src/_type.scss b/src/_type.scss index 79f494e..c9770c1 100644 --- a/src/_type.scss +++ b/src/_type.scss @@ -84,10 +84,10 @@ pre, kbd, samp { font-family: $font-family-mono; - font-size: $scale-1; + font-size: typeScale(1); @media ($breakpoint) { - font-size: $scale-1-secondary; + font-size: typeScale(1, $scale-ratio-secondary); } } From d51a146d6a1cbdbd5037a495de8a67c6597bd137 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Thu, 15 Sep 2016 14:19:05 -0600 Subject: [PATCH 095/183] Fix the size of form elements --- dist/concise.css | 22 ++++++---------------- dist/concise.min.css | 2 +- src/_forms.scss | 21 +++++---------------- 3 files changed, 12 insertions(+), 33 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index 07a1a40..3b00ed8 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -422,17 +422,11 @@ select, textarea { border: 1px solid #e0e0e0; border-radius: 3px; - font-size: 0.83333rem; - height: 1.875rem; + height: 2.25rem; padding: 0 .75em; -webkit-transition: 150ms; transition: 150ms; width: 100%; } - @media (min-width: 480px) { - input:not([type="submit"]), - select, - textarea { - font-size: 0.75019rem; } } input:not([type="submit"]):focus, select:focus, textarea:focus { @@ -444,6 +438,10 @@ textarea { textarea[disabled] { background-color: #f5f5f5; cursor: not-allowed; } + label + input:not([type="submit"]), label + + select, label + + textarea { + margin-top: 0.375rem; } input:not([type="submit"]) { line-height: normal; @@ -454,11 +452,7 @@ input:not([type="submit"]) { outline: none; } label { - display: block; - font-size: 0.83333rem; } - @media (min-width: 480px) { - label { - font-size: 0.75019rem; } } + display: block; } fieldset { border: 1px solid #e0e0e0; @@ -467,12 +461,8 @@ fieldset { margin-bottom: 1.5rem; } legend { - font-size: 0.83333rem; font-weight: bold; padding: 0 1em; } - @media (min-width: 480px) { - legend { - font-size: 0.75019rem; } } input[type="checkbox"], input[type="file"], diff --git a/dist/concise.min.css b/dist/concise.min.css index 6ea09a4..b4d6a91 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,div,input,kbd,li,option,select,textarea{margin-top:0}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}@media (min-width:480px){h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:75.01875%}}h1,h2,h3{margin:.75rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}@media (min-width:480px){h1,h2,h3{margin:1.5rem 0 .375rem}h1{font-size:3.15733rem}h2{font-size:2.36859rem}h3{font-size:1.77689rem}h4{font-size:1.333rem}h5{font-size:1rem}h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}@media (min-width:480px){button,input[type=submit]{font-size:.75019rem}}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.83333rem;height:1.875rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}@media (min-width:480px){input:not([type=submit]),select,textarea{font-size:.75019rem}}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}@media (min-width:480px){label{font-size:.75019rem}}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-size:.83333rem;font-weight:700;padding:0 1em}@media (min-width:480px){legend{font-size:.75019rem}}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=nm]{margin-left:0;margin-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,div,input,kbd,li,option,select,textarea{margin-top:0}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}@media (min-width:480px){h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:75.01875%}}h1,h2,h3{margin:.75rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}@media (min-width:480px){h1,h2,h3{margin:1.5rem 0 .375rem}h1{font-size:3.15733rem}h2{font-size:2.36859rem}h3{font-size:1.77689rem}h4{font-size:1.333rem}h5{font-size:1rem}h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}@media (min-width:480px){button,input[type=submit]{font-size:.75019rem}}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;height:2.25rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}label+input:not([type=submit]),label+select,label+textarea{margin-top:.375rem}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=nm]{margin-left:0;margin-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file diff --git a/src/_forms.scss b/src/_forms.scss index 8547f47..acedebc 100644 --- a/src/_forms.scss +++ b/src/_forms.scss @@ -7,16 +7,11 @@ select, textarea { border: 1px solid getColor(base, lines); border-radius: 3px; - font-size: typeScale(1); - height: 1.25lh; + height: 1.5lh; padding: 0 .75em; transition: $transition-duration; width: 100%; - @media ($breakpoint) { - font-size: typeScale(1, $scale-ratio-secondary); - } - &:focus { border-color: getColor(blue, lighter); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), @@ -28,6 +23,10 @@ textarea { background-color: getColor(background, light); cursor: not-allowed; } + + label + & { + margin-top: 0.25lh; + } } input:not([type="submit"]) { @@ -55,11 +54,6 @@ input[type="submit"] { label { display: block; - font-size: typeScale(1); - - @media ($breakpoint) { - font-size: typeScale(1, $scale-ratio-secondary); - } } fieldset { @@ -70,13 +64,8 @@ fieldset { } legend { - font-size: typeScale(1); font-weight: bold; padding: 0 1em; - - @media ($breakpoint) { - font-size: typeScale(1, $scale-ratio-secondary); - } } // Keep the original size for this small inputs From 0caf4eed8b370e5d32daac7b4b0af0d51657189f Mon Sep 17 00:00:00 2001 From: James Kolce Date: Thu, 15 Sep 2016 14:19:30 -0600 Subject: [PATCH 096/183] Move test.html file to root --- test/test.html => test.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) rename test/test.html => test.html (99%) diff --git a/test/test.html b/test.html similarity index 99% rename from test/test.html rename to test.html index b01fa10..4f61fb0 100644 --- a/test/test.html +++ b/test.html @@ -6,7 +6,7 @@ --> - + Concise CSS From a4366827d13587b787601ce2f584bc8126d1b61d Mon Sep 17 00:00:00 2001 From: James Kolce Date: Thu, 15 Sep 2016 16:10:26 -0600 Subject: [PATCH 097/183] Fix the size of form elements --- dist/concise.css | 12 ++++++------ dist/concise.min.css | 2 +- src/_buttons.scss | 4 ---- src/_forms.scss | 3 +++ test.html | 22 +++++++--------------- 5 files changed, 17 insertions(+), 26 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index 3b00ed8..1632b2c 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -400,9 +400,6 @@ button, input[type="submit"] { user-select: none; vertical-align: middle; white-space: nowrap; } - @media (min-width: 480px) { - button, input[type="submit"] { - font-size: 0.75019rem; } } button:hover, input[type="submit"]:hover, button:focus, input[type="submit"]:focus { background-color: #75b3c7; color: white; @@ -426,7 +423,8 @@ textarea { padding: 0 .75em; -webkit-transition: 150ms; transition: 150ms; - width: 100%; } + width: 100%; + font-size: 0.83333rem; } input:not([type="submit"]):focus, select:focus, textarea:focus { @@ -452,7 +450,8 @@ input:not([type="submit"]) { outline: none; } label { - display: block; } + display: block; + font-size: 0.83333rem; } fieldset { border: 1px solid #e0e0e0; @@ -475,7 +474,8 @@ input[type="checkbox"], input[type="radio"] { line-height: normal; padding: 0; - vertical-align: middle; } + vertical-align: middle; + margin-top: 0 !important; } input[type="checkbox"] + label, input[type="radio"] + label { diff --git a/dist/concise.min.css b/dist/concise.min.css index b4d6a91..4c13dc6 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,div,input,kbd,li,option,select,textarea{margin-top:0}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}@media (min-width:480px){h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:75.01875%}}h1,h2,h3{margin:.75rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}@media (min-width:480px){h1,h2,h3{margin:1.5rem 0 .375rem}h1{font-size:3.15733rem}h2{font-size:2.36859rem}h3{font-size:1.77689rem}h4{font-size:1.333rem}h5{font-size:1rem}h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}@media (min-width:480px){button,input[type=submit]{font-size:.75019rem}}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;height:2.25rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}label+input:not([type=submit]),label+select,label+textarea{margin-top:.375rem}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=nm]{margin-left:0;margin-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,div,input,kbd,li,option,select,textarea{margin-top:0}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}@media (min-width:480px){h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:75.01875%}}h1,h2,h3{margin:.75rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}@media (min-width:480px){h1,h2,h3{margin:1.5rem 0 .375rem}h1{font-size:3.15733rem}h2{font-size:2.36859rem}h3{font-size:1.77689rem}h4{font-size:1.333rem}h5{font-size:1rem}h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;height:2.25rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%;font-size:.83333rem}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}label+input:not([type=submit]),label+select,label+textarea{margin-top:.375rem}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle;margin-top:0!important}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=nm]{margin-left:0;margin-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file diff --git a/src/_buttons.scss b/src/_buttons.scss index e4eba63..06d1cfd 100644 --- a/src/_buttons.scss +++ b/src/_buttons.scss @@ -19,10 +19,6 @@ button { vertical-align: middle; white-space: nowrap; - @media ($breakpoint) { - font-size: typeScale(1, $scale-ratio-secondary); - } - &:hover, &:focus { background-color: lighten(getColor(base, primary), 15%); diff --git a/src/_forms.scss b/src/_forms.scss index acedebc..c7ad911 100644 --- a/src/_forms.scss +++ b/src/_forms.scss @@ -11,6 +11,7 @@ textarea { padding: 0 .75em; transition: $transition-duration; width: 100%; + font-size: typeScale(1); &:focus { border-color: getColor(blue, lighter); @@ -54,6 +55,7 @@ input[type="submit"] { label { display: block; + font-size: typeScale(1); } fieldset { @@ -83,6 +85,7 @@ input[type="radio"] { line-height: normal; padding: 0; vertical-align: middle; + margin-top: 0 !important; } // Checkbox & radio elements are inline with their label diff --git a/test.html b/test.html index 4f61fb0..36d15db 100644 --- a/test.html +++ b/test.html @@ -359,24 +359,16 @@
Heading 6 Helper text
-
-
- -
- -
- -
+
+ +
-
-
- -
+
-
- -
+
+ +
From aba7cfa14d512a330cbf785a5d9a0d5c87b12fd9 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Thu, 15 Sep 2016 16:11:46 -0600 Subject: [PATCH 098/183] Delete docs directory The docs will be available in the website's repository --- docs/docs.md | 129 --------------------------------------------------- 1 file changed, 129 deletions(-) delete mode 100644 docs/docs.md diff --git a/docs/docs.md b/docs/docs.md deleted file mode 100644 index 0163f51..0000000 --- a/docs/docs.md +++ /dev/null @@ -1,129 +0,0 @@ -# Concise Framework Documentation - -## GETTING STARTED - -### The Concise CLI - -### Configuration - -### Examples - -### File organization - -### Naming conventions - - -## TYPOGRAPHY - -### Headings - -### Subheadings - -### Extra-large headings - -### Lists - -### Font families - -### Emphasis - -### Abbreviations - -### Type positioning - -### Figures - - -## CODE - -### Inline - -### Flat code blocks - -### User Input - - -## BUTTONS - -### Background colors - -### Modifiers - -## Forms - -### Fieldset - -### Inline - -### Input modifiers - - -## TABLES - -### Basic - -### Full-width - -### Bordered - -### Filled - -### Hover effects - -### Flat - -### Responsive container - -### Truncated - - -## GRID SYSTEM - -### Container - -### Grid element - -### Columns - -### Deleting gutters - -### Nesting - -### Offset - -### Column alignment - - -## UTILITY CLASSES - - -## BREAKPOINTS - - -## CONDITIONAL STYLING - - -## COLORS - -### Text - -### Background - -### `getColor(color, shade)` - - -## PRINT - - -## CUSTOM CSS FEATURES - -### lh unit - -### pr unit - -### Custom media queries - -### Min-Max for media queries - - -## ADD-ONS From ee3007cf428fb3e64ad0867aa21b20459db3b450 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Thu, 15 Sep 2016 23:19:54 -0600 Subject: [PATCH 099/183] [fix: #204] Change name of font family variables --- _globals.scss | 23 ++++++++++++----------- dist/concise.css | 20 ++++++++++---------- src/_headings.scss | 2 +- src/_normalization.scss | 2 +- src/_print.scss | 2 +- src/_type.scss | 2 +- 6 files changed, 26 insertions(+), 25 deletions(-) diff --git a/_globals.scss b/_globals.scss index 772bf20..7b12f8f 100644 --- a/_globals.scss +++ b/_globals.scss @@ -26,17 +26,17 @@ // Base // ---- -$font-size: 16 !default; +$font-size: 16 !default; $font-size-secondary: 18 !default; // Font families -$font-family-headings: "Helvetica", "Arial", sans-serif !default; -$font-family: "Helvetica", "Arial", sans-serif !default; -$font-family-mono: "Consolas", monospace !default; -$font-family-print: "Georgia", "Times New Roman", "Times", serif !default; +$font-primary: "Helvetica", "Arial", sans-serif !default; +$font-secondary: "Helvetica", "Arial", sans-serif !default; +$font-mono: "Consolas", monospace !default; +$font-print: "Georgia", "Times New Roman", "Times", serif !default; // Automatic margins -$automargin: true !default; +$automargin: true !default; $block-margin: 1lh !default; // Transition duration @@ -44,13 +44,13 @@ $transition-duration: 150ms !default; // Custom media queries @custom-media --extra-small (width <= 480px); -@custom-media --small (width >= 480px); -@custom-media --medium (width >= 768px); -@custom-media --large (width >= 960px); +@custom-media --small (width >= 480px); +@custom-media --medium (width >= 768px); +@custom-media --large (width >= 960px); @custom-media --extra-large (width >= 1100px); -@custom-media --only-small (480px < width <= 768px); +@custom-media --only-small (480px < width <= 768px); @custom-media --only-medium (768px < width <= 980px); -@custom-media --only-large (980px < width <= 1100px); +@custom-media --only-large (980px < width <= 1100px); // Spacing $spacing-xs: 0.5lh !default; @@ -102,6 +102,7 @@ $num-columns: 12 !default; // Prefix for attributes $prefix: '' !default; +// Create columns and offsets above this breakpoint $breakpoint: --small !default; diff --git a/dist/concise.css b/dist/concise.css index 1632b2c..659d544 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -112,7 +112,7 @@ textarea { cursor: default; font: 16px/1.5 "Helvetica", "Arial", sans-serif; text-rendering: optimizeLegibility; } - @media (min-width: 480px) { + @media (min-width: 480px) { :root { font-size: 18px; } } @@ -192,7 +192,7 @@ small, sup, sub { font-size: 83.33333%; } - @media (min-width: 480px) { + @media (min-width: 480px) { small, sup, sub { @@ -243,7 +243,7 @@ kbd, samp { font-family: "Consolas", monospace; font-size: 0.83333rem; } - @media (min-width: 480px) { + @media (min-width: 480px) { code, pre, kbd, @@ -298,7 +298,7 @@ h1, h2, h3, h4, h5, h6 { color: inherit; vertical-align: 0; font-size: 83.33333%; } - @media (min-width: 480px) { + @media (min-width: 480px) { h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 75.01875%; } } @@ -326,7 +326,7 @@ h5 { h6 { font-size: 0.83333rem; } -@media (min-width: 480px) { +@media (min-width: 480px) { h1, h2, h3 { margin: 1.5rem 0 0.375rem; } h1 { @@ -580,7 +580,7 @@ table { border-spacing: 0; empty-cells: show; width: 100%; } - @media (min-width: 480px) { + @media (min-width: 480px) { table { width: auto; } table th, @@ -592,7 +592,7 @@ table { font-style: italic; line-height: 3rem; text-align: center; } - @media (min-width: 480px) { + @media (min-width: 480px) { table caption { font-size: 0.75019rem; } } table thead { @@ -607,7 +607,7 @@ table { line-height: 1.5rem; overflow: visible; padding: 0 1em; } - @media (min-width: 480px) { + @media (min-width: 480px) { table th, table td { line-height: 3rem; } } @@ -636,7 +636,7 @@ table { -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } - @media (min-width: 480px) { + @media (min-width: 480px) { [grid] { -webkit-box-orient: horizontal; -webkit-box-direction: normal; @@ -767,7 +767,7 @@ table { -ms-flex-item-align: end; align-self: flex-end; } -@media (min-width: 480px) { +@media (min-width: 480px) { [column~="1"] { -webkit-box-flex: 0; -ms-flex: 0 1 8.33333%; diff --git a/src/_headings.scss b/src/_headings.scss index 989b9b0..863eb12 100644 --- a/src/_headings.scss +++ b/src/_headings.scss @@ -4,7 +4,7 @@ h1, h2, h3, h4, h5, h6 { color: getColor(text, heading); - font-family: $font-family-headings; + font-family: $font-secondary; line-height: 1.25; small { diff --git a/src/_normalization.scss b/src/_normalization.scss index 3a74f18..7b43b67 100644 --- a/src/_normalization.scss +++ b/src/_normalization.scss @@ -143,7 +143,7 @@ textarea { box-sizing: border-box; color: getColor(text, primary); cursor: default; - font: $font-size + px / 1.5 $font-family; + font: $font-size + px / 1.5 $font-primary; text-rendering: optimizeLegibility; @media ($breakpoint) { diff --git a/src/_print.scss b/src/_print.scss index 55c7262..21075dd 100644 --- a/src/_print.scss +++ b/src/_print.scss @@ -17,7 +17,7 @@ :root { background-color: white; color: black; - font: 11pt / 1.3 $font-family-print; + font: 11pt / 1.3 $font-print; } img { diff --git a/src/_type.scss b/src/_type.scss index c9770c1..af70ba4 100644 --- a/src/_type.scss +++ b/src/_type.scss @@ -83,7 +83,7 @@ code, pre, kbd, samp { - font-family: $font-family-mono; + font-family: $font-mono; font-size: typeScale(1); @media ($breakpoint) { From 4a6b409ceabeb7c138a460599d0d1cfa23a6467a Mon Sep 17 00:00:00 2001 From: James Kolce Date: Thu, 15 Sep 2016 23:24:18 -0600 Subject: [PATCH 100/183] Remove identation for custom media queries --- _globals.scss | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/_globals.scss b/_globals.scss index 7b12f8f..9b27f1d 100644 --- a/_globals.scss +++ b/_globals.scss @@ -44,13 +44,13 @@ $transition-duration: 150ms !default; // Custom media queries @custom-media --extra-small (width <= 480px); -@custom-media --small (width >= 480px); -@custom-media --medium (width >= 768px); -@custom-media --large (width >= 960px); +@custom-media --small (width >= 480px); +@custom-media --medium (width >= 768px); +@custom-media --large (width >= 960px); @custom-media --extra-large (width >= 1100px); -@custom-media --only-small (480px < width <= 768px); +@custom-media --only-small (480px < width <= 768px); @custom-media --only-medium (768px < width <= 980px); -@custom-media --only-large (980px < width <= 1100px); +@custom-media --only-large (980px < width <= 1100px); // Spacing $spacing-xs: 0.5lh !default; From a4d501df70d9fc2cabfef977c51af2dce45f2e27 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Fri, 16 Sep 2016 14:34:25 -0600 Subject: [PATCH 101/183] Update to concise-cli v0.3.0 --- dist/concise.css | 20 ++++++++++---------- package.json | 4 ++-- 2 files changed, 12 insertions(+), 12 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index 659d544..1632b2c 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -112,7 +112,7 @@ textarea { cursor: default; font: 16px/1.5 "Helvetica", "Arial", sans-serif; text-rendering: optimizeLegibility; } - @media (min-width: 480px) { + @media (min-width: 480px) { :root { font-size: 18px; } } @@ -192,7 +192,7 @@ small, sup, sub { font-size: 83.33333%; } - @media (min-width: 480px) { + @media (min-width: 480px) { small, sup, sub { @@ -243,7 +243,7 @@ kbd, samp { font-family: "Consolas", monospace; font-size: 0.83333rem; } - @media (min-width: 480px) { + @media (min-width: 480px) { code, pre, kbd, @@ -298,7 +298,7 @@ h1, h2, h3, h4, h5, h6 { color: inherit; vertical-align: 0; font-size: 83.33333%; } - @media (min-width: 480px) { + @media (min-width: 480px) { h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 75.01875%; } } @@ -326,7 +326,7 @@ h5 { h6 { font-size: 0.83333rem; } -@media (min-width: 480px) { +@media (min-width: 480px) { h1, h2, h3 { margin: 1.5rem 0 0.375rem; } h1 { @@ -580,7 +580,7 @@ table { border-spacing: 0; empty-cells: show; width: 100%; } - @media (min-width: 480px) { + @media (min-width: 480px) { table { width: auto; } table th, @@ -592,7 +592,7 @@ table { font-style: italic; line-height: 3rem; text-align: center; } - @media (min-width: 480px) { + @media (min-width: 480px) { table caption { font-size: 0.75019rem; } } table thead { @@ -607,7 +607,7 @@ table { line-height: 1.5rem; overflow: visible; padding: 0 1em; } - @media (min-width: 480px) { + @media (min-width: 480px) { table th, table td { line-height: 3rem; } } @@ -636,7 +636,7 @@ table { -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } - @media (min-width: 480px) { + @media (min-width: 480px) { [grid] { -webkit-box-orient: horizontal; -webkit-box-direction: normal; @@ -767,7 +767,7 @@ table { -ms-flex-item-align: end; align-self: flex-end; } -@media (min-width: 480px) { +@media (min-width: 480px) { [column~="1"] { -webkit-box-flex: 0; -ms-flex: 0 1 8.33333%; diff --git a/package.json b/package.json index 43dca54..9c4c0ce 100644 --- a/package.json +++ b/package.json @@ -25,13 +25,13 @@ }, "devDependencies": { "chokidar-cli": "^1.2.0", - "concise-cli": "^0.2.0", + "concise-cli": "^0.3.0", "cssnano-cli": "^1.0.4", "node-sass": "^3.7.0", "stylestats": "^6.3.0" }, "scripts": { - "build": "concise compile concise.scss dist/concise.css && cssnano dist/concise.css dist/concise.min.css", + "build": "concisecss compile concise.scss dist/concise.css && cssnano dist/concise.css dist/concise.min.css", "build:watch": "npm run build && chokidar '**/*.scss' -c 'npm run build'", "stats": "stylestats dist/concise.css", "stats:min": "stylestats dist/concise.min.css" From a087151b5fdee90c4b82477d75cb64cc27199551 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Wed, 21 Sep 2016 21:53:55 -0600 Subject: [PATCH 102/183] [fix: #209] Delete node-sass dependency --- package.json | 1 - 1 file changed, 1 deletion(-) diff --git a/package.json b/package.json index 9c4c0ce..b197573 100644 --- a/package.json +++ b/package.json @@ -27,7 +27,6 @@ "chokidar-cli": "^1.2.0", "concise-cli": "^0.3.0", "cssnano-cli": "^1.0.4", - "node-sass": "^3.7.0", "stylestats": "^6.3.0" }, "scripts": { From 4cd59ce09e5ebb984b4d5c228be989865192b2d0 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Wed, 21 Sep 2016 21:57:51 -0600 Subject: [PATCH 103/183] [fix: #206] Delete margin for body element --- dist/concise.css | 2 +- dist/concise.min.css | 2 +- src/_normalization.scss | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index 1632b2c..8a70e2e 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -185,7 +185,7 @@ video { * + * { margin-top: 1.5rem; } -li, kbd, div, input, option, select, a, textarea { +li, kbd, div, input, option, select, a, textarea, body { margin-top: 0; } small, diff --git a/dist/concise.min.css b/dist/concise.min.css index 4c13dc6..8754876 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,div,input,kbd,li,option,select,textarea{margin-top:0}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}@media (min-width:480px){h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:75.01875%}}h1,h2,h3{margin:.75rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}@media (min-width:480px){h1,h2,h3{margin:1.5rem 0 .375rem}h1{font-size:3.15733rem}h2{font-size:2.36859rem}h3{font-size:1.77689rem}h4{font-size:1.333rem}h5{font-size:1rem}h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;height:2.25rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%;font-size:.83333rem}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}label+input:not([type=submit]),label+select,label+textarea{margin-top:.375rem}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle;margin-top:0!important}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=nm]{margin-left:0;margin-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,body,div,input,kbd,li,option,select,textarea{margin-top:0}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}@media (min-width:480px){h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:75.01875%}}h1,h2,h3{margin:.75rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}@media (min-width:480px){h1,h2,h3{margin:1.5rem 0 .375rem}h1{font-size:3.15733rem}h2{font-size:2.36859rem}h3{font-size:1.77689rem}h4{font-size:1.333rem}h5{font-size:1rem}h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;height:2.25rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%;font-size:.83333rem}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}label+input:not([type=submit]),label+select,label+textarea{margin-top:.375rem}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle;margin-top:0!important}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=nm]{margin-left:0;margin-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file diff --git a/src/_normalization.scss b/src/_normalization.scss index 7b43b67..f38712c 100644 --- a/src/_normalization.scss +++ b/src/_normalization.scss @@ -233,7 +233,7 @@ video { vertical-align: middle; } @if $automargin { * + * { margin-top: $block-margin; } - li, kbd, div, input, option, select, a, textarea { + li, kbd, div, input, option, select, a, textarea, body { margin-top: 0; } } From 2c1230639df67b88e0a300187b75ea618abe3de5 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Wed, 21 Sep 2016 21:59:32 -0600 Subject: [PATCH 104/183] [fix: #207] Fix paragraph margins --- dist/concise.css | 3 +++ dist/concise.min.css | 2 +- src/_normalization.scss | 6 ++++++ 3 files changed, 10 insertions(+), 1 deletion(-) diff --git a/dist/concise.css b/dist/concise.css index 8a70e2e..6711a20 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -188,6 +188,9 @@ video { li, kbd, div, input, option, select, a, textarea, body { margin-top: 0; } +h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p { + margin-top: 0; } + small, sup, sub { diff --git a/dist/concise.min.css b/dist/concise.min.css index 8754876..a2d8381 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,body,div,input,kbd,li,option,select,textarea{margin-top:0}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}@media (min-width:480px){h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:75.01875%}}h1,h2,h3{margin:.75rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}@media (min-width:480px){h1,h2,h3{margin:1.5rem 0 .375rem}h1{font-size:3.15733rem}h2{font-size:2.36859rem}h3{font-size:1.77689rem}h4{font-size:1.333rem}h5{font-size:1rem}h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;height:2.25rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%;font-size:.83333rem}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}label+input:not([type=submit]),label+select,label+textarea{margin-top:.375rem}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle;margin-top:0!important}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=nm]{margin-left:0;margin-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file +abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,body,div,h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,input,kbd,li,option,select,textarea{margin-top:0}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}@media (min-width:480px){h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:75.01875%}}h1,h2,h3{margin:.75rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}@media (min-width:480px){h1,h2,h3{margin:1.5rem 0 .375rem}h1{font-size:3.15733rem}h2{font-size:2.36859rem}h3{font-size:1.77689rem}h4{font-size:1.333rem}h5{font-size:1rem}h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;height:2.25rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%;font-size:.83333rem}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}label+input:not([type=submit]),label+select,label+textarea{margin-top:.375rem}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle;margin-top:0!important}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=nm]{margin-left:0;margin-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file diff --git a/src/_normalization.scss b/src/_normalization.scss index f38712c..95f94f4 100644 --- a/src/_normalization.scss +++ b/src/_normalization.scss @@ -236,4 +236,10 @@ video { vertical-align: middle; } li, kbd, div, input, option, select, a, textarea, body { margin-top: 0; } + + h1, h2, h3, h4, h5, h6 { + & + p { + margin-top: 0; + } + } } From 99dd30d67bb1c0272690d9fed44e08b41423b320 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Thu, 29 Sep 2016 16:00:45 -0600 Subject: [PATCH 105/183] [fix: #211] Fix abbr styles --- dist/concise.css | 8 ++++---- dist/concise.min.css | 2 +- src/_normalization.scss | 5 ----- src/_type.scss | 6 ++++++ 4 files changed, 11 insertions(+), 10 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index 6711a20..199fbff 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -6,10 +6,6 @@ * Released under the MIT license * http://opensource.org/licenses/MIT */ -abbr[title] { - text-decoration: underline; - text-decoration: underline dotted; } - audio:not([controls]) { display: none; } @@ -239,6 +235,10 @@ abbr { -webkit-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "smcp" 1, "c2sc" 1; font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "smcp" 1, "c2sc" 1; /* 2 */ } + abbr[title] { + text-decoration: none; + border-bottom: 1px solid #e0e0e0; + cursor: help; } code, pre, diff --git a/dist/concise.min.css b/dist/concise.min.css index a2d8381..25b59e8 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -abbr[title]{text-decoration:underline;text-decoration:underline dotted}audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,body,div,h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,input,kbd,li,option,select,textarea{margin-top:0}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}@media (min-width:480px){h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:75.01875%}}h1,h2,h3{margin:.75rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}@media (min-width:480px){h1,h2,h3{margin:1.5rem 0 .375rem}h1{font-size:3.15733rem}h2{font-size:2.36859rem}h3{font-size:1.77689rem}h4{font-size:1.333rem}h5{font-size:1rem}h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;height:2.25rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%;font-size:.83333rem}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}label+input:not([type=submit]),label+select,label+textarea{margin-top:.375rem}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle;margin-top:0!important}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=nm]{margin-left:0;margin-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file +audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,body,div,h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,input,kbd,li,option,select,textarea{margin-top:0}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}abbr[title]{text-decoration:none;border-bottom:1px solid #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}@media (min-width:480px){h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:75.01875%}}h1,h2,h3{margin:.75rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}@media (min-width:480px){h1,h2,h3{margin:1.5rem 0 .375rem}h1{font-size:3.15733rem}h2{font-size:2.36859rem}h3{font-size:1.77689rem}h4{font-size:1.333rem}h5{font-size:1rem}h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;height:2.25rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%;font-size:.83333rem}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}label+input:not([type=submit]),label+select,label+textarea{margin-top:.375rem}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle;margin-top:0!important}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=nm]{margin-left:0;margin-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file diff --git a/src/_normalization.scss b/src/_normalization.scss index 95f94f4..dcf910b 100644 --- a/src/_normalization.scss +++ b/src/_normalization.scss @@ -8,11 +8,6 @@ // Normalization // ------------- -abbr[title] { - text-decoration: underline; // Chrome 48+, Edge 12+, Internet Explorer 11-, Safari 9+ - text-decoration: underline dotted; // Firefox 40+ -} - // Chrome 44-, iOS 8+, Safari 9+ audio:not([controls]) { display: none; } diff --git a/src/_type.scss b/src/_type.scss index af70ba4..d1f9d5a 100644 --- a/src/_type.scss +++ b/src/_type.scss @@ -72,6 +72,12 @@ h1, h2, h3 { abbr { text-transform: uppercase; /* 1 */ font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "smcp" 1, "c2sc" 1; /* 2 */ + + &[title] { + text-decoration: none; + border-bottom: 1px solid getColor(base, lines); + cursor: help; + } } From e11572662473b35f712d45e44e7f27fc648af784 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Thu, 29 Sep 2016 16:02:16 -0600 Subject: [PATCH 106/183] [fix: #210] Add variable for letter spacing --- _globals.scss | 3 +++ 1 file changed, 3 insertions(+) diff --git a/_globals.scss b/_globals.scss index 9b27f1d..401579e 100644 --- a/_globals.scss +++ b/_globals.scss @@ -29,6 +29,9 @@ $font-size: 16 !default; $font-size-secondary: 18 !default; +// Tracking +$letter-spacing: 0.05em !default; + // Font families $font-primary: "Helvetica", "Arial", sans-serif !default; $font-secondary: "Helvetica", "Arial", sans-serif !default; From 6a80255d1843a9c6c0ea9f5bc73c40245d30512f Mon Sep 17 00:00:00 2001 From: James Kolce Date: Wed, 12 Oct 2016 22:38:11 -0600 Subject: [PATCH 107/183] [fix: #215] Condense the core files --- concise.scss | 7 +- dist/concise.css | 144 ++++++++++++++-------------- dist/concise.min.css | 2 +- src/_blockquotes.scss | 26 ----- src/{_buttons.scss => _button.scss} | 0 src/_headings.scss | 41 -------- src/_lists.scss | 44 --------- src/{_type.scss => typography.scss} | 124 +++++++++++++++++++++--- 8 files changed, 188 insertions(+), 200 deletions(-) delete mode 100644 src/_blockquotes.scss rename src/{_buttons.scss => _button.scss} (100%) delete mode 100644 src/_headings.scss delete mode 100644 src/_lists.scss rename src/{_type.scss => typography.scss} (50%) diff --git a/concise.scss b/concise.scss index 6077e9a..4189601 100644 --- a/concise.scss +++ b/concise.scss @@ -12,12 +12,9 @@ // Styles @import 'src/normalization'; -@import 'src/type'; -@import 'src/headings'; -@import 'src/lists'; -@import 'src/buttons'; +@import 'src/typography'; +@import 'src/button'; @import 'src/forms'; -@import 'src/blockquotes'; @import 'src/tables'; @import 'src/atgrid'; @import 'src/print'; diff --git a/dist/concise.css b/dist/concise.css index 199fbff..a76c762 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -213,6 +213,9 @@ sub { -webkit-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "subs" 1; font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "subs" 1; } +address { + font-style: normal; } + a { background-color: transparent; color: #4591aa; @@ -223,12 +226,64 @@ a { a:hover, a:focus { color: #2f6374; } +h1, h2, h3, h4, h5, h6 { + color: #222; + font-family: "Helvetica", "Arial", sans-serif; + line-height: 1.25; } + h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { + color: inherit; + vertical-align: 0; + font-size: 83.33333%; } + @media (min-width: 480px) { + h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { + font-size: 75.01875%; } } + +h1, h2, h3 { + margin: 0.75rem 0 0.375rem; } + +h4, h5, h6 { + margin: 0.375rem 0; } + +h1 { + font-size: 2.0736rem; } + +h2 { + font-size: 1.728rem; } + +h3 { + font-size: 1.44rem; } + +h4 { + font-size: 1.2rem; } + +h5 { + font-size: 1rem; } + +h6 { + font-size: 0.83333rem; } + h1 a, h2 a, h3 a { color: inherit; } h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus { color: #4591aa; text-decoration: none; } +@media (min-width: 480px) { + h1, h2, h3 { + margin: 1.5rem 0 0.375rem; } + h1 { + font-size: 3.15733rem; } + h2 { + font-size: 2.36859rem; } + h3 { + font-size: 1.77689rem; } + h4 { + font-size: 1.333rem; } + h5 { + font-size: 1rem; } + h6 { + font-size: 0.75019rem; } } + abbr { text-transform: uppercase; /* 1 */ @@ -290,60 +345,24 @@ kbd { samp { vertical-align: bottom; } -address { - font-style: normal; } - -h1, h2, h3, h4, h5, h6 { - color: #222; - font-family: "Helvetica", "Arial", sans-serif; - line-height: 1.25; } - h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { - color: inherit; - vertical-align: 0; - font-size: 83.33333%; } - @media (min-width: 480px) { - h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { +blockquote { + border-left: 1px solid #e0e0e0; + color: #666; + margin-bottom: 1.5rem; + padding: 0 1em; } + blockquote cite, + blockquote footer { + display: block; + font-size: 83.33333%; + font-style: italic; + margin-top: 0.375rem; } + @media (breakpoint) { + blockquote cite, + blockquote footer { font-size: 75.01875%; } } - -h1, h2, h3 { - margin: 0.75rem 0 0.375rem; } - -h4, h5, h6 { - margin: 0.375rem 0; } - -h1 { - font-size: 2.0736rem; } - -h2 { - font-size: 1.728rem; } - -h3 { - font-size: 1.44rem; } - -h4 { - font-size: 1.2rem; } - -h5 { - font-size: 1rem; } - -h6 { - font-size: 0.83333rem; } - -@media (min-width: 480px) { - h1, h2, h3 { - margin: 1.5rem 0 0.375rem; } - h1 { - font-size: 3.15733rem; } - h2 { - font-size: 2.36859rem; } - h3 { - font-size: 1.77689rem; } - h4 { - font-size: 1.333rem; } - h5 { - font-size: 1rem; } - h6 { - font-size: 0.75019rem; } } + blockquote cite:before, + blockquote footer:before { + content: "\2014 \00A0"; } ul, ol { @@ -558,25 +577,6 @@ input[type="range"] { margin-top: -5px; width: 16px; } -blockquote { - border-left: 1px solid #e0e0e0; - color: #666; - margin-bottom: 1.5rem; - padding: 0 1em; } - blockquote cite, - blockquote footer { - display: block; - font-size: 83.33333%; - font-style: italic; - margin-top: 0.375rem; } - @media (breakpoint) { - blockquote cite, - blockquote footer { - font-size: 75.01875%; } } - blockquote cite:before, - blockquote footer:before { - content: "\2014 \00A0"; } - table { border: 1px solid #e0e0e0; border-collapse: collapse; diff --git a/dist/concise.min.css b/dist/concise.min.css index 25b59e8..38b8486 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,body,div,h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,input,kbd,li,option,select,textarea{margin-top:0}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}abbr[title]{text-decoration:none;border-bottom:1px solid #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}@media (min-width:480px){h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:75.01875%}}h1,h2,h3{margin:.75rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}@media (min-width:480px){h1,h2,h3{margin:1.5rem 0 .375rem}h1{font-size:3.15733rem}h2{font-size:2.36859rem}h3{font-size:1.77689rem}h4{font-size:1.333rem}h5{font-size:1rem}h6{font-size:.75019rem}}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;height:2.25rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%;font-size:.83333rem}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}label+input:not([type=submit]),label+select,label+textarea{margin-top:.375rem}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle;margin-top:0!important}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=nm]{margin-left:0;margin-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file +audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,body,div,h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,input,kbd,li,option,select,textarea{margin-top:0}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}address{font-style:normal}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}@media (min-width:480px){h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:75.01875%}}h1,h2,h3{margin:.75rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}@media (min-width:480px){h1,h2,h3{margin:1.5rem 0 .375rem}h1{font-size:3.15733rem}h2{font-size:2.36859rem}h3{font-size:1.77689rem}h4{font-size:1.333rem}h5{font-size:1rem}h6{font-size:.75019rem}}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}abbr[title]{text-decoration:none;border-bottom:1px solid #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;height:2.25rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%;font-size:.83333rem}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}label+input:not([type=submit]),label+select,label+textarea{margin-top:.375rem}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle;margin-top:0!important}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=nm]{margin-left:0;margin-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file diff --git a/src/_blockquotes.scss b/src/_blockquotes.scss deleted file mode 100644 index bada090..0000000 --- a/src/_blockquotes.scss +++ /dev/null @@ -1,26 +0,0 @@ -// -// Blockquotes -// ============================================================================= - -blockquote { - border-left: 1px solid getColor(base, lines); - color: getColor(text, secondary); - margin-bottom: 1lh; - padding: 0 1em; - - cite, - footer { - display: block; - // Use the next smaller size in the scale - font-size: 100% / $scale-ratio; - font-style: italic; - margin-top: 0.25lh; - - @media (breakpoint) { - font-size: 100% / $scale-ratio-secondary; - } - } - - cite:before, - footer:before { content: "\2014 \00A0"; } -} diff --git a/src/_buttons.scss b/src/_button.scss similarity index 100% rename from src/_buttons.scss rename to src/_button.scss diff --git a/src/_headings.scss b/src/_headings.scss deleted file mode 100644 index 863eb12..0000000 --- a/src/_headings.scss +++ /dev/null @@ -1,41 +0,0 @@ -// -// Headings -// ============================================================================= - -h1, h2, h3, h4, h5, h6 { - color: getColor(text, heading); - font-family: $font-secondary; - line-height: 1.25; - - small { - color: inherit; - vertical-align: 0; - - // Use the next smaller size in the scale - font-size: 100% / $scale-ratio; - @media ($breakpoint) { font-size: 100% / $scale-ratio-secondary; } - } -} - -h1, h2, h3 { margin: 0.5lh 0 0.25lh; } -h4, h5, h6 { margin: 0.25lh 0; } - -h1 { font-size: typeScale(6); } -h2 { font-size: typeScale(5); } -h3 { font-size: typeScale(4); } -h4 { font-size: typeScale(3); } -h5 { font-size: typeScale(2); } -h6 { font-size: typeScale(1); } - - -// Styles for medium and up displays -@media ($breakpoint) { - h1, h2, h3 { margin: 1lh 0 0.25lh; } - - h1 { font-size: typeScale(6, $scale-ratio-secondary); } - h2 { font-size: typeScale(5, $scale-ratio-secondary); } - h3 { font-size: typeScale(4, $scale-ratio-secondary); } - h4 { font-size: typeScale(3, $scale-ratio-secondary); } - h5 { font-size: typeScale(2, $scale-ratio-secondary); } - h6 { font-size: typeScale(1, $scale-ratio-secondary); } -} diff --git a/src/_lists.scss b/src/_lists.scss deleted file mode 100644 index 2018352..0000000 --- a/src/_lists.scss +++ /dev/null @@ -1,44 +0,0 @@ -// -// Lists -// ============================================================================= - -ul, -ol { - padding-left: 1.5em; - margin-bottom: 0.25lh; - - ul, - ol { margin-bottom: 0; } -} - -ul { - ul { list-style-type: square; } - - ol { list-style-type: lower-roman; } -} - -ol { - ol { list-style-type: lower-roman; } - - ul { list-style-type: square; } -} - -// -// Navigation lists -// ---------------- - -nav { - ul { padding-left: 0; } - li { list-style: none; } -} - -// -// Definition Lists -// ---------------- - -dl { margin-bottom: 1lh; } - -dt { font-weight: bold; } - -dt, -dd { margin-bottom: 0.25lh; } diff --git a/src/_type.scss b/src/typography.scss similarity index 50% rename from src/_type.scss rename to src/typography.scss index d1f9d5a..4142d3e 100644 --- a/src/_type.scss +++ b/src/typography.scss @@ -1,11 +1,7 @@ // -// Type Styles +// Typography Styles // ============================================================================= -// -// Defaults -// -------- - small, sup, sub { @@ -34,9 +30,11 @@ sub { font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "subs" 1; } +address { font-style: normal; } + // // Links -// ----- +// -------------------------------------------------- a { background-color: transparent; @@ -49,6 +47,35 @@ a { &:focus { color: darken(getColor(base, primary), 15%); } } +// +// Headings +// -------------------------------------------------- + +h1, h2, h3, h4, h5, h6 { + color: getColor(text, heading); + font-family: $font-secondary; + line-height: 1.25; + + small { + color: inherit; + vertical-align: 0; + + // Use the next smaller size in the scale + font-size: 100% / $scale-ratio; + @media ($breakpoint) { font-size: 100% / $scale-ratio-secondary; } + } +} + +h1, h2, h3 { margin: 0.5lh 0 0.25lh; } +h4, h5, h6 { margin: 0.25lh 0; } + +h1 { font-size: typeScale(6); } +h2 { font-size: typeScale(5); } +h3 { font-size: typeScale(4); } +h4 { font-size: typeScale(3); } +h5 { font-size: typeScale(2); } +h6 { font-size: typeScale(1); } + h1, h2, h3 { a { color: inherit; @@ -61,10 +88,21 @@ h1, h2, h3 { } } +// Styles for medium and up displays +@media ($breakpoint) { + h1, h2, h3 { margin: 1lh 0 0.25lh; } + + h1 { font-size: typeScale(6, $scale-ratio-secondary); } + h2 { font-size: typeScale(5, $scale-ratio-secondary); } + h3 { font-size: typeScale(4, $scale-ratio-secondary); } + h4 { font-size: typeScale(3, $scale-ratio-secondary); } + h5 { font-size: typeScale(2, $scale-ratio-secondary); } + h6 { font-size: typeScale(1, $scale-ratio-secondary); } +} // // Abbreviations -// ------------- +// -------------------------------------------------- // 1. Change all letters to uppercase // 2. Turn on small caps for upper and lowercase letters // @@ -80,7 +118,6 @@ abbr { } } - // // Pre, Code, and User Input // ------------------------- @@ -136,9 +173,74 @@ kbd { samp { vertical-align: bottom; } +// +// Blockquote +// -------------------------------------------------- + +blockquote { + border-left: 1px solid getColor(base, lines); + color: getColor(text, secondary); + margin-bottom: 1lh; + padding: 0 1em; + + cite, + footer { + display: block; + // Use the next smaller size in the scale + font-size: 100% / $scale-ratio; + font-style: italic; + margin-top: 0.25lh; + + @media (breakpoint) { + font-size: 100% / $scale-ratio-secondary; + } + } + + cite:before, + footer:before { content: "\2014 \00A0"; } +} // -// Addresses -// --------- +// Lists +// -------------------------------------------------- -address { font-style: normal; } +ul, +ol { + padding-left: 1.5em; + margin-bottom: 0.25lh; + + ul, + ol { margin-bottom: 0; } +} + +ul { + ul { list-style-type: square; } + + ol { list-style-type: lower-roman; } +} + +ol { + ol { list-style-type: lower-roman; } + + ul { list-style-type: square; } +} + +// +// Navigation lists +// -------------------------------------------------- + +nav { + ul { padding-left: 0; } + li { list-style: none; } +} + +// +// Definition Lists +// -------------------------------------------------- + +dl { margin-bottom: 1lh; } + +dt { font-weight: bold; } + +dt, +dd { margin-bottom: 0.25lh; } From 0a147e2ea05eefb6f5860ef1f06e9499adb246e3 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Wed, 12 Oct 2016 22:48:57 -0600 Subject: [PATCH 108/183] [fix: #214] Add x-*, sm-*, md-*, lg-*, xl-* columns and offsets --- _globals.scss | 3 ++ src/_atgrid.scss | 109 ++++++++++++++++++++++++++++++++++++++++++++++- test.html | 12 ++++++ 3 files changed, 122 insertions(+), 2 deletions(-) diff --git a/_globals.scss b/_globals.scss index 401579e..96b9e3d 100644 --- a/_globals.scss +++ b/_globals.scss @@ -93,6 +93,9 @@ $scale-ratio-secondary: $perfect-fourth !default; // Grid // ---- +// Create x-*, sm-*, md-*, lg-*, xl-* columns and offsets +$full-grid: false; + // Max width for container $container-width: 1200px !default; diff --git a/src/_atgrid.scss b/src/_atgrid.scss index 24d84d9..6f1ceb7 100644 --- a/src/_atgrid.scss +++ b/src/_atgrid.scss @@ -107,7 +107,6 @@ // // Column widths // - @for $i from 1 through $num-columns { [#{$prefix}column~="#{$i}"] { flex: 0 1 ($i/$num-columns) * 100%; @@ -118,10 +117,116 @@ // // Column offsets // - @for $i from 1 through $num-columns { [#{$prefix}column~="+#{$i}"] { margin-left: ($i/$num-columns) * 100%; } } } + +@if ($full-grid) { + @media (--extra-small) { + // + // Column widths + // + @for $i from 1 through $num-columns { + [#{$prefix}column~="xs-#{$i}"] { + flex: 0 1 ($i/$num-columns) * 100%; + max-width: ($i/$num-columns) * 100%; + } + } + + // + // Column offsets + // + @for $i from 1 through $num-columns { + [#{$prefix}column~="+xs-#{$i}"] { + margin-left: ($i/$num-columns) * 100%; + } + } + } + + @media (--small) { + // + // Column widths + // + @for $i from 1 through $num-columns { + [#{$prefix}column~="sm-#{$i}"] { + flex: 0 1 ($i/$num-columns) * 100%; + max-width: ($i/$num-columns) * 100%; + } + } + + // + // Column offsets + // + @for $i from 1 through $num-columns { + [#{$prefix}column~="+sm-#{$i}"] { + margin-left: ($i/$num-columns) * 100%; + } + } + } + + @media (--medium) { + // + // Column widths + // + @for $i from 1 through $num-columns { + [#{$prefix}column~="md-#{$i}"] { + flex: 0 1 ($i/$num-columns) * 100%; + max-width: ($i/$num-columns) * 100%; + } + } + + // + // Column offsets + // + @for $i from 1 through $num-columns { + [#{$prefix}column~="+md-#{$i}"] { + margin-left: ($i/$num-columns) * 100%; + } + } + } + + @media (--large) { + // + // Column widths + // + @for $i from 1 through $num-columns { + [#{$prefix}column~="lg-#{$i}"] { + flex: 0 1 ($i/$num-columns) * 100%; + max-width: ($i/$num-columns) * 100%; + } + } + + // + // Column offsets + // + @for $i from 1 through $num-columns { + [#{$prefix}column~="+lg-#{$i}"] { + margin-left: ($i/$num-columns) * 100%; + } + } + } + + @media (--extra-large) { + // + // Column widths + // + @for $i from 1 through $num-columns { + [#{$prefix}column~="xl-#{$i}"] { + flex: 0 1 ($i/$num-columns) * 100%; + max-width: ($i/$num-columns) * 100%; + } + } + + // + // Column offsets + // + @for $i from 1 through $num-columns { + [#{$prefix}column~="+xl-#{$i}"] { + margin-left: ($i/$num-columns) * 100%; + } + } + } +} diff --git a/test.html b/test.html index 36d15db..2186f66 100644 --- a/test.html +++ b/test.html @@ -236,6 +236,18 @@
Heading 6 Helper text
+
+
+ xs-1 sm-2 md-3 lg-4 xl-5 +
+
+ +
+
+ 1 +xs-1 +sm-2 +md-3 +lg-4 +xl-5 +
+
+ From 18c5ee60a34cb1f458502abcf4c4cf6524b1f3c6 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Wed, 12 Oct 2016 23:00:46 -0600 Subject: [PATCH 109/183] [fix: #212] Add headings font for print --- _globals.scss | 7 ++++--- src/_print.scss | 6 +++++- 2 files changed, 9 insertions(+), 4 deletions(-) diff --git a/_globals.scss b/_globals.scss index 96b9e3d..9f043d7 100644 --- a/_globals.scss +++ b/_globals.scss @@ -33,10 +33,11 @@ $font-size-secondary: 18 !default; $letter-spacing: 0.05em !default; // Font families -$font-primary: "Helvetica", "Arial", sans-serif !default; +$font-primary: "Helvetica", "Arial", sans-serif !default; $font-secondary: "Helvetica", "Arial", sans-serif !default; -$font-mono: "Consolas", monospace !default; -$font-print: "Georgia", "Times New Roman", "Times", serif !default; +$font-mono: "Consolas", monospace !default; +$font-print-primary: "Georgia", "Times New Roman", "Times", serif !default; +$font-print-secondary: "Georgia", "Times New Roman", "Times", serif !default; // Automatic margins $automargin: true !default; diff --git a/src/_print.scss b/src/_print.scss index 21075dd..24e333e 100644 --- a/src/_print.scss +++ b/src/_print.scss @@ -17,7 +17,11 @@ :root { background-color: white; color: black; - font: 11pt / 1.3 $font-print; + font: 11pt / 1.3 $font-print-primary; + } + + h1, h2, h3, h4, h5, h6 { + font-family: $font-print-secondary; } img { From 9530d25d72badf9c836128b501b23459b13203ce Mon Sep 17 00:00:00 2001 From: James Kolce Date: Wed, 12 Oct 2016 23:01:14 -0600 Subject: [PATCH 110/183] [ref: #212] Compile changes --- dist/concise.css | 2 ++ dist/concise.min.css | 2 +- 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/dist/concise.css b/dist/concise.css index a76c762..155fd40 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -871,6 +871,8 @@ table { background-color: white; color: black; font: 11pt/1.3 "Georgia", "Times New Roman", "Times", serif; } + h1, h2, h3, h4, h5, h6 { + font-family: "Georgia", "Times New Roman", "Times", serif; } img { max-width: 100% !important; page-break-after: avoid; diff --git a/dist/concise.min.css b/dist/concise.min.css index 38b8486..a4da712 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,body,div,h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,input,kbd,li,option,select,textarea{margin-top:0}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}address{font-style:normal}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}@media (min-width:480px){h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:75.01875%}}h1,h2,h3{margin:.75rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}@media (min-width:480px){h1,h2,h3{margin:1.5rem 0 .375rem}h1{font-size:3.15733rem}h2{font-size:2.36859rem}h3{font-size:1.77689rem}h4{font-size:1.333rem}h5{font-size:1rem}h6{font-size:.75019rem}}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}abbr[title]{text-decoration:none;border-bottom:1px solid #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;height:2.25rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%;font-size:.83333rem}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}label+input:not([type=submit]),label+select,label+textarea{margin-top:.375rem}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle;margin-top:0!important}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=nm]{margin-left:0;margin-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file +audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,body,div,h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,input,kbd,li,option,select,textarea{margin-top:0}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}address{font-style:normal}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}@media (min-width:480px){h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:75.01875%}}h1,h2,h3{margin:.75rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}@media (min-width:480px){h1,h2,h3{margin:1.5rem 0 .375rem}h1{font-size:3.15733rem}h2{font-size:2.36859rem}h3{font-size:1.77689rem}h4{font-size:1.333rem}h5{font-size:1rem}h6{font-size:.75019rem}}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}abbr[title]{text-decoration:none;border-bottom:1px solid #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;height:2.25rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%;font-size:.83333rem}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}label+input:not([type=submit]),label+select,label+textarea{margin-top:.375rem}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle;margin-top:0!important}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=nm]{margin-left:0;margin-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}h1,h2,h3,h4,h5,h6{font-family:Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file From aefd71d53742ff34ac0c1c28eb4ba94c2f46502c Mon Sep 17 00:00:00 2001 From: James Kolce Date: Wed, 12 Oct 2016 23:12:15 -0600 Subject: [PATCH 111/183] [ref: #216] Adjust print styles --- dist/concise.css | 19 +++++++++++++++---- dist/concise.min.css | 2 +- src/_print.scss | 18 ++++++++++++++---- 3 files changed, 30 insertions(+), 9 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index 155fd40..c27ba71 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -858,7 +858,7 @@ table { @media print { @page { - margin: .5cm; } + margin: 2cm; } *, *:before, *:after { @@ -870,9 +870,22 @@ table { :root { background-color: white; color: black; - font: 11pt/1.3 "Georgia", "Times New Roman", "Times", serif; } + font: 12pt/1.4 "Georgia", "Times New Roman", "Times", serif; } + body { + width: 100% !important; + margin: 0 !important; + padding: 0 !important; } h1, h2, h3, h4, h5, h6 { + page-break-after: avoid; font-family: "Georgia", "Times New Roman", "Times", serif; } + h1 { + font-size: 19pt; } + h2 { + font-size: 17pt; } + h3 { + font-size: 15pt; } + h4, h5, h6 { + font-size: 14pt; } img { max-width: 100% !important; page-break-after: avoid; @@ -890,8 +903,6 @@ table { h2, h3 { orphans: 3; widows: 3; } - h2, h3 { - page-break-after: avoid; } a, a:visited { color: black; diff --git a/dist/concise.min.css b/dist/concise.min.css index a4da712..fad6f3d 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,body,div,h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,input,kbd,li,option,select,textarea{margin-top:0}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}address{font-style:normal}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}@media (min-width:480px){h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:75.01875%}}h1,h2,h3{margin:.75rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}@media (min-width:480px){h1,h2,h3{margin:1.5rem 0 .375rem}h1{font-size:3.15733rem}h2{font-size:2.36859rem}h3{font-size:1.77689rem}h4{font-size:1.333rem}h5{font-size:1rem}h6{font-size:.75019rem}}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}abbr[title]{text-decoration:none;border-bottom:1px solid #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;height:2.25rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%;font-size:.83333rem}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}label+input:not([type=submit]),label+select,label+textarea{margin-top:.375rem}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle;margin-top:0!important}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=nm]{margin-left:0;margin-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:.5cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:11pt/1.3 Georgia,Times New Roman,Times,serif}h1,h2,h3,h4,h5,h6{font-family:Georgia,Times New Roman,Times,serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file +audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,body,div,h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,input,kbd,li,option,select,textarea{margin-top:0}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}address{font-style:normal}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}@media (min-width:480px){h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:75.01875%}}h1,h2,h3{margin:.75rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}@media (min-width:480px){h1,h2,h3{margin:1.5rem 0 .375rem}h1{font-size:3.15733rem}h2{font-size:2.36859rem}h3{font-size:1.77689rem}h4{font-size:1.333rem}h5{font-size:1rem}h6{font-size:.75019rem}}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}abbr[title]{text-decoration:none;border-bottom:1px solid #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;height:2.25rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%;font-size:.83333rem}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}label+input:not([type=submit]),label+select,label+textarea{margin-top:.375rem}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle;margin-top:0!important}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=nm]{margin-left:0;margin-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:2cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:12pt/1.4 Georgia,Times New Roman,Times,serif}body{width:100%!important;margin:0!important;padding:0!important}h1,h2,h3,h4,h5,h6{page-break-after:avoid;font-family:Georgia,Times New Roman,Times,serif}h1{font-size:19pt}h2{font-size:17pt}h3{font-size:15pt}h4,h5,h6{font-size:14pt}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file diff --git a/src/_print.scss b/src/_print.scss index 24e333e..a24a3a9 100644 --- a/src/_print.scss +++ b/src/_print.scss @@ -3,7 +3,7 @@ // ============================================================================= @media print { - @page { margin: .5cm; } + @page { margin: 2cm; } *, *:before, @@ -17,13 +17,25 @@ :root { background-color: white; color: black; - font: 11pt / 1.3 $font-print-primary; + font: 12pt / 1.4 $font-print-primary; + } + + body { + width: 100% !important; + margin: 0 !important; + padding: 0 !important; } h1, h2, h3, h4, h5, h6 { + page-break-after: avoid; font-family: $font-print-secondary; } + h1 { font-size: 19pt; } + h2 { font-size: 17pt; } + h3 { font-size: 15pt; } + h4, h5, h6 {font-size: 14pt; } + img { max-width: 100% !important; page-break-after: avoid; @@ -47,8 +59,6 @@ widows: 3; } - h2, h3 { page-break-after: avoid; } - a, a:visited { color: black; From e7271187ff44cfae1feafc13d9f8aab7559fff55 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Thu, 13 Oct 2016 13:39:15 -0600 Subject: [PATCH 112/183] Update version numbers --- concise.scss | 2 +- dist/concise.css | 2 +- package.json | 7 ++++--- 3 files changed, 6 insertions(+), 5 deletions(-) diff --git a/concise.scss b/concise.scss index 4189601..1f33b3c 100644 --- a/concise.scss +++ b/concise.scss @@ -1,5 +1,5 @@ /** - * ConciseCSS v3.4.0 + * ConciseCSS v4.0.0 * https://github.com/ConciseCSS/concise.css * * Copyright 2016 James Kolce, Keenan Payne and ConciseCSS Contributors diff --git a/dist/concise.css b/dist/concise.css index c27ba71..10b889d 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -1,5 +1,5 @@ /** - * ConciseCSS v3.4.0 + * ConciseCSS v4.0.0 * https://github.com/ConciseCSS/concise.css * * Copyright 2016 James Kolce, Keenan Payne and ConciseCSS Contributors diff --git a/package.json b/package.json index b197573..cdf89c2 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "concise.css", - "version": "3.4.0", + "version": "4.0.0", "description": "A lightweight front-end framework that provides functionality without the bloat.", "license": "MIT", "keywords": [ @@ -12,7 +12,8 @@ "front-end", "framework", "web", - "lightweight" + "lightweight", + "postcss" ], "homepage": "http://concisecss.com", "bugs": "https://github.com/ConciseCSS/concise.css/issues", @@ -21,7 +22,7 @@ "url": "https://github.com/ConciseCSS/concise.css" }, "engines": { - "node": "<=4.2.3" + "node": ">=6.0.0" }, "devDependencies": { "chokidar-cli": "^1.2.0", From 17b3d85b358ab46837241ed44246879543292034 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Thu, 13 Oct 2016 13:39:48 -0600 Subject: [PATCH 113/183] Add !default to $full-grid --- _globals.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_globals.scss b/_globals.scss index 9f043d7..adaab30 100644 --- a/_globals.scss +++ b/_globals.scss @@ -95,7 +95,7 @@ $scale-ratio-secondary: $perfect-fourth !default; // ---- // Create x-*, sm-*, md-*, lg-*, xl-* columns and offsets -$full-grid: false; +$full-grid: false !default; // Max width for container $container-width: 1200px !default; From 9f5096be29fd066bcae99c3b6d107062c2fbae07 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Tue, 18 Oct 2016 18:19:11 -0600 Subject: [PATCH 114/183] [fix: #217] Prefix type ratio variables --- _globals.scss | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/_globals.scss b/_globals.scss index adaab30..803b160 100644 --- a/_globals.scss +++ b/_globals.scss @@ -70,20 +70,20 @@ $spacing-xl: 4lh !default; // Suggested ratios // Source: http://type-scale.com/ -$minor-second: 1.067; -$major-second: 1.125; -$minor-third: 1.200; -$major-third: 1.250; -$perfect-fourth: 1.333; -$augmented-fourth: 1.414; -$perfect-fifth: 1.500; -$golden-ratio: 1.618; +$_minor-second: 1.067; +$_major-second: 1.125; +$_minor-third: 1.200; +$_major-third: 1.250; +$_perfect-fourth: 1.333; +$_augmented-fourth: 1.414; +$_perfect-fifth: 1.500; +$_golden-ratio: 1.618; // Ratio for primary scale -$scale-ratio: $minor-third !default; +$scale-ratio: $_minor-third !default; // Ratio for secondary scale -$scale-ratio-secondary: $perfect-fourth !default; +$scale-ratio-secondary: $_perfect-fourth !default; // Function to easily retrieve sizes from a scale. @function typeScale($size, $ratio: $scale-ratio) { From 5927bc72c41afae561534eee2519c6b4fa70795a Mon Sep 17 00:00:00 2001 From: James Kolce Date: Wed, 19 Oct 2016 23:02:37 -0600 Subject: [PATCH 115/183] Add !default to type ratios --- _globals.scss | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/_globals.scss b/_globals.scss index 803b160..378df34 100644 --- a/_globals.scss +++ b/_globals.scss @@ -70,14 +70,14 @@ $spacing-xl: 4lh !default; // Suggested ratios // Source: http://type-scale.com/ -$_minor-second: 1.067; -$_major-second: 1.125; -$_minor-third: 1.200; -$_major-third: 1.250; -$_perfect-fourth: 1.333; -$_augmented-fourth: 1.414; -$_perfect-fifth: 1.500; -$_golden-ratio: 1.618; +$_minor-second: 1.067 !default; +$_major-second: 1.125 !default; +$_minor-third: 1.200 !default; +$_major-third: 1.250 !default; +$_perfect-fourth: 1.333 !default; +$_augmented-fourth: 1.414 !default; +$_perfect-fifth: 1.500 !default; +$_golden-ratio: 1.618 !default; // Ratio for primary scale $scale-ratio: $_minor-third !default; From 3112948320f3910a30b432bb7b2a40dc57fef14d Mon Sep 17 00:00:00 2001 From: James Kolce Date: Sat, 22 Oct 2016 22:26:55 -0600 Subject: [PATCH 116/183] [fix: #218] Add underscore to filename --- src/{typography.scss => _typography.scss} | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename src/{typography.scss => _typography.scss} (100%) diff --git a/src/typography.scss b/src/_typography.scss similarity index 100% rename from src/typography.scss rename to src/_typography.scss From eb395e99a716b47f7bc72c6ff40f86ba395a4343 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Sun, 6 Nov 2016 19:00:00 -0700 Subject: [PATCH 117/183] [fix: #220] Rename _normalization.scss --- concise.scss | 2 +- src/{_normalization.scss => _base.scss} | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) rename src/{_normalization.scss => _base.scss} (98%) diff --git a/concise.scss b/concise.scss index 1f33b3c..27b6633 100644 --- a/concise.scss +++ b/concise.scss @@ -11,7 +11,7 @@ @import 'globals'; // Styles -@import 'src/normalization'; +@import 'src/base'; @import 'src/typography'; @import 'src/button'; @import 'src/forms'; diff --git a/src/_normalization.scss b/src/_base.scss similarity index 98% rename from src/_normalization.scss rename to src/_base.scss index dcf910b..af50740 100644 --- a/src/_normalization.scss +++ b/src/_base.scss @@ -1,8 +1,8 @@ // -// Normalization and Base styles +// Base styles // ============================================================================= // Adapted from sanitize.css -// (https://github.com/10up/sanitize.css) +// (https://github.com/jonathantneal/sanitize.css) // // Normalization From 53344566ec8229b496a4cbd0c3d60ba653800eb7 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Sun, 6 Nov 2016 19:02:16 -0700 Subject: [PATCH 118/183] [fix: #226] Update atGrid heading text --- src/_atgrid.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/_atgrid.scss b/src/_atgrid.scss index 6f1ceb7..38ba937 100644 --- a/src/_atgrid.scss +++ b/src/_atgrid.scss @@ -1,7 +1,7 @@ // -// atGrid.css for Concise - Attribute-based CSS Grid System -// https://github.com/kolcethompsonco/atgrid.css -// MIT License - James Kolce +// atGrid.css for Concise CSS - Attribute-based Grid System +// https://github.com/jameskolce/atgrid.css +// MIT License - James Kolce // ============================================================================= [#{$prefix}container] { From 307db9cca957605254381789eb23bec01bcaaaf0 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Sun, 6 Nov 2016 19:05:24 -0700 Subject: [PATCH 119/183] [fix: #221] Add $enable-grid variable --- _globals.scss | 3 + src/_atgrid.scss | 326 ++++++++++++++++++++++++----------------------- 2 files changed, 167 insertions(+), 162 deletions(-) diff --git a/_globals.scss b/_globals.scss index 378df34..aeec8c5 100644 --- a/_globals.scss +++ b/_globals.scss @@ -94,6 +94,9 @@ $scale-ratio-secondary: $_perfect-fourth !default; // Grid // ---- +// Create grid styles +$enable-grid: true !default; + // Create x-*, sm-*, md-*, lg-*, xl-* columns and offsets $full-grid: false !default; diff --git a/src/_atgrid.scss b/src/_atgrid.scss index 38ba937..405dcc1 100644 --- a/src/_atgrid.scss +++ b/src/_atgrid.scss @@ -4,133 +4,112 @@ // MIT License - James Kolce // ============================================================================= -[#{$prefix}container] { - margin-left: auto; - margin-right: auto; - max-width: $container-width; - padding-left: $gutter / 2; - padding-right: $gutter / 2; -} - -[#{$prefix}grid] { - display: flex; - margin-left: $gutter / -2; - margin-right: $gutter / -2; - flex-direction: column; - - // Collapse columns on breakpoint - @media ($breakpoint) { flex-direction: row; } -} - -[#{$prefix}column] { - flex: 1; - padding-left: $gutter / 2; - padding-right: $gutter / 2; -} +@if ($enable-grid) { + [#{$prefix}container] { + margin-left: auto; + margin-right: auto; + max-width: $container-width; + padding-left: $gutter / 2; + padding-right: $gutter / 2; + } -// -// No Gutters -// + [#{$prefix}grid] { + display: flex; + margin-left: $gutter / -2; + margin-right: $gutter / -2; + flex-direction: column; -[#{$prefix}grid~="ng"] { - margin-left: 0; - margin-right: 0; + // Collapse columns on breakpoint + @media ($breakpoint) { flex-direction: row; } + } [#{$prefix}column] { - padding-left: 0; - padding-right: 0; + flex: 1; + padding-left: $gutter / 2; + padding-right: $gutter / 2; } -} - -// -// No margins -// -[#{$prefix}grid~="nm"] { - margin-left: 0; - margin-right: 0; -} + // + // No Gutters + // -// -// No Collapse columns -// + [#{$prefix}grid~="ng"] { + margin-left: 0; + margin-right: 0; -[#{$prefix}grid~="no-collapse"] { flex-flow: row nowrap; } + [#{$prefix}column] { + padding-left: 0; + padding-right: 0; + } + } -// -// Wrap columns -// + // + // No margins + // -[#{$prefix}grid~="wrap"] { flex-wrap: wrap; } -[#{$prefix}grid~="nowrap"] { flex-wrap: nowrap; } -[#{$prefix}grid~="wrap-reverse"] { flex-wrap: wrap-reverse; } + [#{$prefix}grid~="nm"] { + margin-left: 0; + margin-right: 0; + } -// -// Direction of columns in a row -// + // + // No Collapse columns + // -[#{$prefix}grid~="row"] { flex-direction: row; } -[#{$prefix}grid~="row-reverse"] { flex-direction: row-reverse; } -[#{$prefix}grid~="column"] { flex-direction: column; } -[#{$prefix}grid~="column-reverse"] { flex-direction: column-reverse; } + [#{$prefix}grid~="no-collapse"] { flex-flow: row nowrap; } -// -// Justify content -// + // + // Wrap columns + // -[#{$prefix}grid~="justify-start"] { justify-content: flex-start; } -[#{$prefix}grid~="justify-end"] { justify-content: flex-end; } -[#{$prefix}grid~="justify-center"] { justify-content: center; } -[#{$prefix}grid~="justify-between"] { justify-content: space-between; } -[#{$prefix}grid~="justify-around"] { justify-content: space-around; } + [#{$prefix}grid~="wrap"] { flex-wrap: wrap; } + [#{$prefix}grid~="nowrap"] { flex-wrap: nowrap; } + [#{$prefix}grid~="wrap-reverse"] { flex-wrap: wrap-reverse; } -// -// Alignment of all columns in a row -// + // + // Direction of columns in a row + // -[#{$prefix}grid~="top"] { align-items: flex-start; } -[#{$prefix}grid~="center"] { align-items: center; } -[#{$prefix}grid~="bottom"] { align-items: flex-end; } -[#{$prefix}grid~="baseline"] { align-items: baseline; } -[#{$prefix}grid~="stretch"] { align-items: stretch; } + [#{$prefix}grid~="row"] { flex-direction: row; } + [#{$prefix}grid~="row-reverse"] { flex-direction: row-reverse; } + [#{$prefix}grid~="column"] { flex-direction: column; } + [#{$prefix}grid~="column-reverse"] { flex-direction: column-reverse; } -// -// Alignment of individual columns -// + // + // Justify content + // -[#{$prefix}column~="top"] { align-self: flex-start; } -[#{$prefix}column~="center"] { align-self: center; } -[#{$prefix}column~="bottom"] { align-self: flex-end; } + [#{$prefix}grid~="justify-start"] { justify-content: flex-start; } + [#{$prefix}grid~="justify-end"] { justify-content: flex-end; } + [#{$prefix}grid~="justify-center"] { justify-content: center; } + [#{$prefix}grid~="justify-between"] { justify-content: space-between; } + [#{$prefix}grid~="justify-around"] { justify-content: space-around; } -// Create column widths and offsets above the breakpoint -@media ($breakpoint) { // - // Column widths + // Alignment of all columns in a row // - @for $i from 1 through $num-columns { - [#{$prefix}column~="#{$i}"] { - flex: 0 1 ($i/$num-columns) * 100%; - max-width: ($i/$num-columns) * 100%; - } - } + + [#{$prefix}grid~="top"] { align-items: flex-start; } + [#{$prefix}grid~="center"] { align-items: center; } + [#{$prefix}grid~="bottom"] { align-items: flex-end; } + [#{$prefix}grid~="baseline"] { align-items: baseline; } + [#{$prefix}grid~="stretch"] { align-items: stretch; } // - // Column offsets + // Alignment of individual columns // - @for $i from 1 through $num-columns { - [#{$prefix}column~="+#{$i}"] { - margin-left: ($i/$num-columns) * 100%; - } - } -} -@if ($full-grid) { - @media (--extra-small) { + [#{$prefix}column~="top"] { align-self: flex-start; } + [#{$prefix}column~="center"] { align-self: center; } + [#{$prefix}column~="bottom"] { align-self: flex-end; } + + // Create column widths and offsets above the breakpoint + @media ($breakpoint) { // // Column widths // @for $i from 1 through $num-columns { - [#{$prefix}column~="xs-#{$i}"] { + [#{$prefix}column~="#{$i}"] { flex: 0 1 ($i/$num-columns) * 100%; max-width: ($i/$num-columns) * 100%; } @@ -140,93 +119,116 @@ // Column offsets // @for $i from 1 through $num-columns { - [#{$prefix}column~="+xs-#{$i}"] { + [#{$prefix}column~="+#{$i}"] { margin-left: ($i/$num-columns) * 100%; } } } - @media (--small) { - // - // Column widths - // - @for $i from 1 through $num-columns { - [#{$prefix}column~="sm-#{$i}"] { - flex: 0 1 ($i/$num-columns) * 100%; - max-width: ($i/$num-columns) * 100%; + @if ($full-grid) { + @media (--extra-small) { + // + // Column widths + // + @for $i from 1 through $num-columns { + [#{$prefix}column~="xs-#{$i}"] { + flex: 0 1 ($i/$num-columns) * 100%; + max-width: ($i/$num-columns) * 100%; + } } - } - // - // Column offsets - // - @for $i from 1 through $num-columns { - [#{$prefix}column~="+sm-#{$i}"] { - margin-left: ($i/$num-columns) * 100%; + // + // Column offsets + // + @for $i from 1 through $num-columns { + [#{$prefix}column~="+xs-#{$i}"] { + margin-left: ($i/$num-columns) * 100%; + } } } - } - @media (--medium) { - // - // Column widths - // - @for $i from 1 through $num-columns { - [#{$prefix}column~="md-#{$i}"] { - flex: 0 1 ($i/$num-columns) * 100%; - max-width: ($i/$num-columns) * 100%; + @media (--small) { + // + // Column widths + // + @for $i from 1 through $num-columns { + [#{$prefix}column~="sm-#{$i}"] { + flex: 0 1 ($i/$num-columns) * 100%; + max-width: ($i/$num-columns) * 100%; + } } - } - // - // Column offsets - // - @for $i from 1 through $num-columns { - [#{$prefix}column~="+md-#{$i}"] { - margin-left: ($i/$num-columns) * 100%; + // + // Column offsets + // + @for $i from 1 through $num-columns { + [#{$prefix}column~="+sm-#{$i}"] { + margin-left: ($i/$num-columns) * 100%; + } } } - } - @media (--large) { - // - // Column widths - // - @for $i from 1 through $num-columns { - [#{$prefix}column~="lg-#{$i}"] { - flex: 0 1 ($i/$num-columns) * 100%; - max-width: ($i/$num-columns) * 100%; + @media (--medium) { + // + // Column widths + // + @for $i from 1 through $num-columns { + [#{$prefix}column~="md-#{$i}"] { + flex: 0 1 ($i/$num-columns) * 100%; + max-width: ($i/$num-columns) * 100%; + } } - } - // - // Column offsets - // - @for $i from 1 through $num-columns { - [#{$prefix}column~="+lg-#{$i}"] { - margin-left: ($i/$num-columns) * 100%; + // + // Column offsets + // + @for $i from 1 through $num-columns { + [#{$prefix}column~="+md-#{$i}"] { + margin-left: ($i/$num-columns) * 100%; + } } } - } - @media (--extra-large) { - // - // Column widths - // - @for $i from 1 through $num-columns { - [#{$prefix}column~="xl-#{$i}"] { - flex: 0 1 ($i/$num-columns) * 100%; - max-width: ($i/$num-columns) * 100%; + @media (--large) { + // + // Column widths + // + @for $i from 1 through $num-columns { + [#{$prefix}column~="lg-#{$i}"] { + flex: 0 1 ($i/$num-columns) * 100%; + max-width: ($i/$num-columns) * 100%; + } + } + + // + // Column offsets + // + @for $i from 1 through $num-columns { + [#{$prefix}column~="+lg-#{$i}"] { + margin-left: ($i/$num-columns) * 100%; + } } } - // - // Column offsets - // - @for $i from 1 through $num-columns { - [#{$prefix}column~="+xl-#{$i}"] { - margin-left: ($i/$num-columns) * 100%; + @media (--extra-large) { + // + // Column widths + // + @for $i from 1 through $num-columns { + [#{$prefix}column~="xl-#{$i}"] { + flex: 0 1 ($i/$num-columns) * 100%; + max-width: ($i/$num-columns) * 100%; + } + } + + // + // Column offsets + // + @for $i from 1 through $num-columns { + [#{$prefix}column~="+xl-#{$i}"] { + margin-left: ($i/$num-columns) * 100%; + } } } } -} +} \ No newline at end of file From be81cd88a786d610d1407b15c677d0240ba1ee06 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Sun, 6 Nov 2016 19:11:38 -0700 Subject: [PATCH 120/183] Use rem for gutters Those are more stable for nested grids --- _globals.scss | 2 +- dist/concise.css | 12 ++++++------ dist/concise.min.css | 2 +- 3 files changed, 8 insertions(+), 8 deletions(-) diff --git a/_globals.scss b/_globals.scss index aeec8c5..c4f08e0 100644 --- a/_globals.scss +++ b/_globals.scss @@ -104,7 +104,7 @@ $full-grid: false !default; $container-width: 1200px !default; // Gutter size -$gutter: 2em !default; +$gutter: 2rem !default; // Number of columns in a row $num-columns: 12 !default; diff --git a/dist/concise.css b/dist/concise.css index 10b889d..1bb9452 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -626,15 +626,15 @@ table { margin-left: auto; margin-right: auto; max-width: 1200px; - padding-left: 1em; - padding-right: 1em; } + padding-left: 1rem; + padding-right: 1rem; } [grid] { display: -webkit-box; display: -ms-flexbox; display: flex; - margin-left: -1em; - margin-right: -1em; + margin-left: -1rem; + margin-right: -1rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; @@ -650,8 +650,8 @@ table { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; - padding-left: 1em; - padding-right: 1em; } + padding-left: 1rem; + padding-right: 1rem; } [grid~="ng"] { margin-left: 0; diff --git a/dist/concise.min.css b/dist/concise.min.css index fad6f3d..d2f7bc8 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,body,div,h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,input,kbd,li,option,select,textarea{margin-top:0}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}address{font-style:normal}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}@media (min-width:480px){h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:75.01875%}}h1,h2,h3{margin:.75rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}@media (min-width:480px){h1,h2,h3{margin:1.5rem 0 .375rem}h1{font-size:3.15733rem}h2{font-size:2.36859rem}h3{font-size:1.77689rem}h4{font-size:1.333rem}h5{font-size:1rem}h6{font-size:.75019rem}}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}abbr[title]{text-decoration:none;border-bottom:1px solid #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;height:2.25rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%;font-size:.83333rem}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}label+input:not([type=submit]),label+select,label+textarea{margin-top:.375rem}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle;margin-top:0!important}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1em;padding-right:1em}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1em;padding-right:1em}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=nm]{margin-left:0;margin-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:2cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:12pt/1.4 Georgia,Times New Roman,Times,serif}body{width:100%!important;margin:0!important;padding:0!important}h1,h2,h3,h4,h5,h6{page-break-after:avoid;font-family:Georgia,Times New Roman,Times,serif}h1{font-size:19pt}h2{font-size:17pt}h3{font-size:15pt}h4,h5,h6{font-size:14pt}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file +audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,body,div,h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,input,kbd,li,option,select,textarea{margin-top:0}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}address{font-style:normal}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}@media (min-width:480px){h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:75.01875%}}h1,h2,h3{margin:.75rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}@media (min-width:480px){h1,h2,h3{margin:1.5rem 0 .375rem}h1{font-size:3.15733rem}h2{font-size:2.36859rem}h3{font-size:1.77689rem}h4{font-size:1.333rem}h5{font-size:1rem}h6{font-size:.75019rem}}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}abbr[title]{text-decoration:none;border-bottom:1px solid #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;height:2.25rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%;font-size:.83333rem}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}label+input:not([type=submit]),label+select,label+textarea{margin-top:.375rem}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle;margin-top:0!important}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1rem;padding-right:1rem}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1rem;margin-right:-1rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1rem;padding-right:1rem}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=nm]{margin-left:0;margin-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:2cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:12pt/1.4 Georgia,Times New Roman,Times,serif}body{width:100%!important;margin:0!important;padding:0!important}h1,h2,h3,h4,h5,h6{page-break-after:avoid;font-family:Georgia,Times New Roman,Times,serif}h1{font-size:19pt}h2{font-size:17pt}h3{font-size:15pt}h4,h5,h6{font-size:14pt}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file From 4bc6a517dae5446a14f9d6a3732957fd91426588 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Sun, 6 Nov 2016 19:17:08 -0700 Subject: [PATCH 121/183] [fix: #224] Always use the primary type scale --- dist/concise.css | 32 ++++++-------------------------- dist/concise.min.css | 2 +- src/_typography.scss | 32 ++++++++++---------------------- 3 files changed, 17 insertions(+), 49 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index 1bb9452..882dd3c 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -229,17 +229,19 @@ a { h1, h2, h3, h4, h5, h6 { color: #222; font-family: "Helvetica", "Arial", sans-serif; - line-height: 1.25; } + line-height: 1.3; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: inherit; vertical-align: 0; font-size: 83.33333%; } - @media (min-width: 480px) { - h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { - font-size: 75.01875%; } } h1, h2, h3 { margin: 0.75rem 0 0.375rem; } + h1 a, h2 a, h3 a { + color: inherit; } + h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus { + color: #4591aa; + text-decoration: none; } h4, h5, h6 { margin: 0.375rem 0; } @@ -262,28 +264,6 @@ h5 { h6 { font-size: 0.83333rem; } -h1 a, h2 a, h3 a { - color: inherit; } - h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus { - color: #4591aa; - text-decoration: none; } - -@media (min-width: 480px) { - h1, h2, h3 { - margin: 1.5rem 0 0.375rem; } - h1 { - font-size: 3.15733rem; } - h2 { - font-size: 2.36859rem; } - h3 { - font-size: 1.77689rem; } - h4 { - font-size: 1.333rem; } - h5 { - font-size: 1rem; } - h6 { - font-size: 0.75019rem; } } - abbr { text-transform: uppercase; /* 1 */ diff --git a/dist/concise.min.css b/dist/concise.min.css index d2f7bc8..063cfe8 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,body,div,h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,input,kbd,li,option,select,textarea{margin-top:0}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}address{font-style:normal}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}@media (min-width:480px){h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:75.01875%}}h1,h2,h3{margin:.75rem 0 .375rem}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}@media (min-width:480px){h1,h2,h3{margin:1.5rem 0 .375rem}h1{font-size:3.15733rem}h2{font-size:2.36859rem}h3{font-size:1.77689rem}h4{font-size:1.333rem}h5{font-size:1rem}h6{font-size:.75019rem}}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}abbr[title]{text-decoration:none;border-bottom:1px solid #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;height:2.25rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%;font-size:.83333rem}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}label+input:not([type=submit]),label+select,label+textarea{margin-top:.375rem}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle;margin-top:0!important}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1rem;padding-right:1rem}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1rem;margin-right:-1rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1rem;padding-right:1rem}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=nm]{margin-left:0;margin-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:2cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:12pt/1.4 Georgia,Times New Roman,Times,serif}body{width:100%!important;margin:0!important;padding:0!important}h1,h2,h3,h4,h5,h6{page-break-after:avoid;font-family:Georgia,Times New Roman,Times,serif}h1{font-size:19pt}h2{font-size:17pt}h3{font-size:15pt}h4,h5,h6{font-size:14pt}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file +audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,body,div,h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,input,kbd,li,option,select,textarea{margin-top:0}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}address{font-style:normal}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.3}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}h1,h2,h3{margin:.75rem 0 .375rem}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}abbr[title]{text-decoration:none;border-bottom:1px solid #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;height:2.25rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%;font-size:.83333rem}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}label+input:not([type=submit]),label+select,label+textarea{margin-top:.375rem}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle;margin-top:0!important}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1rem;padding-right:1rem}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1rem;margin-right:-1rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1rem;padding-right:1rem}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=nm]{margin-left:0;margin-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:2cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:12pt/1.4 Georgia,Times New Roman,Times,serif}body{width:100%!important;margin:0!important;padding:0!important}h1,h2,h3,h4,h5,h6{page-break-after:avoid;font-family:Georgia,Times New Roman,Times,serif}h1{font-size:19pt}h2{font-size:17pt}h3{font-size:15pt}h4,h5,h6{font-size:14pt}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file diff --git a/src/_typography.scss b/src/_typography.scss index 4142d3e..a0a368a 100644 --- a/src/_typography.scss +++ b/src/_typography.scss @@ -54,7 +54,7 @@ a { h1, h2, h3, h4, h5, h6 { color: getColor(text, heading); font-family: $font-secondary; - line-height: 1.25; + line-height: 1.3; small { color: inherit; @@ -62,21 +62,12 @@ h1, h2, h3, h4, h5, h6 { // Use the next smaller size in the scale font-size: 100% / $scale-ratio; - @media ($breakpoint) { font-size: 100% / $scale-ratio-secondary; } } } -h1, h2, h3 { margin: 0.5lh 0 0.25lh; } -h4, h5, h6 { margin: 0.25lh 0; } - -h1 { font-size: typeScale(6); } -h2 { font-size: typeScale(5); } -h3 { font-size: typeScale(4); } -h4 { font-size: typeScale(3); } -h5 { font-size: typeScale(2); } -h6 { font-size: typeScale(1); } - h1, h2, h3 { + margin: 0.5lh 0 0.25lh; + a { color: inherit; @@ -88,17 +79,14 @@ h1, h2, h3 { } } -// Styles for medium and up displays -@media ($breakpoint) { - h1, h2, h3 { margin: 1lh 0 0.25lh; } +h4, h5, h6 { margin: 0.25lh 0; } - h1 { font-size: typeScale(6, $scale-ratio-secondary); } - h2 { font-size: typeScale(5, $scale-ratio-secondary); } - h3 { font-size: typeScale(4, $scale-ratio-secondary); } - h4 { font-size: typeScale(3, $scale-ratio-secondary); } - h5 { font-size: typeScale(2, $scale-ratio-secondary); } - h6 { font-size: typeScale(1, $scale-ratio-secondary); } -} +h1 { font-size: typeScale(6); } +h2 { font-size: typeScale(5); } +h3 { font-size: typeScale(4); } +h4 { font-size: typeScale(3); } +h5 { font-size: typeScale(2); } +h6 { font-size: typeScale(1); } // // Abbreviations From 9b320061948cb08f5ffd08ba3e81ec7a3859178c Mon Sep 17 00:00:00 2001 From: James Kolce Date: Sun, 6 Nov 2016 19:26:26 -0700 Subject: [PATCH 122/183] Code elements clean up Also fixes: #225 --- dist/concise.css | 25 +++---------------------- dist/concise.min.css | 2 +- src/_typography.scss | 24 ++---------------------- 3 files changed, 6 insertions(+), 45 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index 882dd3c..90da69a 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -280,7 +280,8 @@ pre, kbd, samp { font-family: "Consolas", monospace; - font-size: 0.83333rem; } + font-size: 0.83333rem; + background-color: #f5f5f5; } @media (min-width: 480px) { code, pre, @@ -293,34 +294,14 @@ pre { code { vertical-align: middle; - white-space: nowrap; } - -code, -pre { - background-color: #f5f5f5; - border: 1px solid #e0e0e0; - border-radius: 3px; - color: #484848; } - -code { padding: 2px 3px; } -pre code { - background-color: transparent; - border: none; - padding: 0; - vertical-align: inherit; - white-space: pre; - font-size: inherit; } - kbd { background-color: transparent; border: 1px solid #e0e0e0; - border-radius: 3px; box-shadow: 0 2px 0 -1px white, 0 2px 0 gainsboro; display: inline-block; - padding: 0 6px 0; - white-space: nowrap; } + padding: 0 6px 0; } samp { vertical-align: bottom; } diff --git a/dist/concise.min.css b/dist/concise.min.css index 063cfe8..149ee1b 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,body,div,h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,input,kbd,li,option,select,textarea{margin-top:0}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}address{font-style:normal}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.3}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}h1,h2,h3{margin:.75rem 0 .375rem}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}abbr[title]{text-decoration:none;border-bottom:1px solid #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848}code{padding:2px 3px}pre code{border:none;padding:0;vertical-align:inherit;white-space:pre;font-size:inherit}kbd,pre code{background-color:transparent}kbd{border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px;white-space:nowrap}samp{vertical-align:bottom}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;height:2.25rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%;font-size:.83333rem}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}label+input:not([type=submit]),label+select,label+textarea{margin-top:.375rem}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle;margin-top:0!important}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1rem;padding-right:1rem}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1rem;margin-right:-1rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1rem;padding-right:1rem}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=nm]{margin-left:0;margin-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:2cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:12pt/1.4 Georgia,Times New Roman,Times,serif}body{width:100%!important;margin:0!important;padding:0!important}h1,h2,h3,h4,h5,h6{page-break-after:avoid;font-family:Georgia,Times New Roman,Times,serif}h1{font-size:19pt}h2{font-size:17pt}h3{font-size:15pt}h4,h5,h6{font-size:14pt}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file +audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,body,div,h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,input,kbd,li,option,select,textarea{margin-top:0}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}address{font-style:normal}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.3}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}h1,h2,h3{margin:.75rem 0 .375rem}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}abbr[title]{text-decoration:none;border-bottom:1px solid #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem;background-color:#f5f5f5}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;padding:2px 3px}kbd{background-color:transparent;border:1px solid #e0e0e0;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px}samp{vertical-align:bottom}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;height:2.25rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%;font-size:.83333rem}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}label+input:not([type=submit]),label+select,label+textarea{margin-top:.375rem}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle;margin-top:0!important}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1rem;padding-right:1rem}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1rem;margin-right:-1rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1rem;padding-right:1rem}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=nm]{margin-left:0;margin-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:2cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:12pt/1.4 Georgia,Times New Roman,Times,serif}body{width:100%!important;margin:0!important;padding:0!important}h1,h2,h3,h4,h5,h6{page-break-after:avoid;font-family:Georgia,Times New Roman,Times,serif}h1{font-size:19pt}h2{font-size:17pt}h3{font-size:15pt}h4,h5,h6{font-size:14pt}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file diff --git a/src/_typography.scss b/src/_typography.scss index a0a368a..cb705a1 100644 --- a/src/_typography.scss +++ b/src/_typography.scss @@ -116,6 +116,7 @@ kbd, samp { font-family: $font-mono; font-size: typeScale(1); + background-color: getColor(background, light); @media ($breakpoint) { font-size: typeScale(1, $scale-ratio-secondary); @@ -126,37 +127,16 @@ pre { padding: 0.5lh 1em; } code { vertical-align: middle; - white-space: nowrap; -} - -code, -pre { - background-color: getColor(background, light); - border: 1px solid getColor(base, lines); - border-radius: 3px; - color: darken(getColor(text, primary), 5%); -} - -code { padding: 2px 3px; } - -pre code { - background-color: transparent; - border: none; - padding: 0; - vertical-align: inherit; - white-space: pre; - font-size: inherit; + padding: 2px 3px; } kbd { background-color: transparent; border: 1px solid getColor(base, lines); - border-radius: 3px; box-shadow: 0 2px 0 -1px white, 0 2px 0 darken(getColor(base, lines), 1.5%); display: inline-block; padding: 0 6px 0; - white-space: nowrap; } samp { vertical-align: bottom; } From 62d8f4088718ecb91b1aee2ad3ec0cde4aeb2d18 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Sun, 6 Nov 2016 19:29:25 -0700 Subject: [PATCH 123/183] [fix: 234] Don't use the secondary scale in the core --- dist/concise.css | 18 ------------------ dist/concise.min.css | 2 +- src/_tables.scss | 4 ---- src/_typography.scss | 12 ------------ 4 files changed, 1 insertion(+), 35 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index 90da69a..eca5098 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -191,11 +191,6 @@ small, sup, sub { font-size: 83.33333%; } - @media (min-width: 480px) { - small, - sup, - sub { - font-size: 75.01875%; } } sup, sub { @@ -282,12 +277,6 @@ samp { font-family: "Consolas", monospace; font-size: 0.83333rem; background-color: #f5f5f5; } - @media (min-width: 480px) { - code, - pre, - kbd, - samp { - font-size: 0.75019rem; } } pre { padding: 0.75rem 1em; } @@ -317,10 +306,6 @@ blockquote { font-size: 83.33333%; font-style: italic; margin-top: 0.375rem; } - @media (breakpoint) { - blockquote cite, - blockquote footer { - font-size: 75.01875%; } } blockquote cite:before, blockquote footer:before { content: "\2014 \00A0"; } @@ -556,9 +541,6 @@ table { font-style: italic; line-height: 3rem; text-align: center; } - @media (min-width: 480px) { - table caption { - font-size: 0.75019rem; } } table thead { background-color: #f5f5f5; text-align: left; } diff --git a/dist/concise.min.css b/dist/concise.min.css index 149ee1b..4819a46 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,body,div,h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,input,kbd,li,option,select,textarea{margin-top:0}small,sub,sup{font-size:83.33333%}@media (min-width:480px){small,sub,sup{font-size:75.01875%}}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}address{font-style:normal}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.3}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}h1,h2,h3{margin:.75rem 0 .375rem}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}abbr[title]{text-decoration:none;border-bottom:1px solid #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem;background-color:#f5f5f5}@media (min-width:480px){code,kbd,pre,samp{font-size:.75019rem}}pre{padding:.75rem 1em}code{vertical-align:middle;padding:2px 3px}kbd{background-color:transparent;border:1px solid #e0e0e0;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px}samp{vertical-align:bottom}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}@media (breakpoint){blockquote cite,blockquote footer{font-size:75.01875%}}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;height:2.25rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%;font-size:.83333rem}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}label+input:not([type=submit]),label+select,label+textarea{margin-top:.375rem}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle;margin-top:0!important}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}@media (min-width:480px){table caption{font-size:.75019rem}}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1rem;padding-right:1rem}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1rem;margin-right:-1rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1rem;padding-right:1rem}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=nm]{margin-left:0;margin-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:2cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:12pt/1.4 Georgia,Times New Roman,Times,serif}body{width:100%!important;margin:0!important;padding:0!important}h1,h2,h3,h4,h5,h6{page-break-after:avoid;font-family:Georgia,Times New Roman,Times,serif}h1{font-size:19pt}h2{font-size:17pt}h3{font-size:15pt}h4,h5,h6{font-size:14pt}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file +audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,body,div,h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,input,kbd,li,option,select,textarea{margin-top:0}small,sub,sup{font-size:83.33333%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}address{font-style:normal}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.3}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}h1,h2,h3{margin:.75rem 0 .375rem}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}abbr[title]{text-decoration:none;border-bottom:1px solid #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem;background-color:#f5f5f5}pre{padding:.75rem 1em}code{vertical-align:middle;padding:2px 3px}kbd{background-color:transparent;border:1px solid #e0e0e0;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px}samp{vertical-align:bottom}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;height:2.25rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%;font-size:.83333rem}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}label+input:not([type=submit]),label+select,label+textarea{margin-top:.375rem}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle;margin-top:0!important}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1rem;padding-right:1rem}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1rem;margin-right:-1rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1rem;padding-right:1rem}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=nm]{margin-left:0;margin-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:2cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:12pt/1.4 Georgia,Times New Roman,Times,serif}body{width:100%!important;margin:0!important;padding:0!important}h1,h2,h3,h4,h5,h6{page-break-after:avoid;font-family:Georgia,Times New Roman,Times,serif}h1{font-size:19pt}h2{font-size:17pt}h3{font-size:15pt}h4,h5,h6{font-size:14pt}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file diff --git a/src/_tables.scss b/src/_tables.scss index 9292424..416933a 100644 --- a/src/_tables.scss +++ b/src/_tables.scss @@ -22,10 +22,6 @@ table { font-style: italic; line-height: 2lh; text-align: center; - - @media ($breakpoint) { - font-size: typeScale(1, $scale-ratio-secondary); - } } thead { diff --git a/src/_typography.scss b/src/_typography.scss index cb705a1..511fe7d 100644 --- a/src/_typography.scss +++ b/src/_typography.scss @@ -7,10 +7,6 @@ sup, sub { // Use the next smaller size in the scale font-size: 100% / $scale-ratio; - - @media ($breakpoint) { - font-size: 100% / $scale-ratio-secondary; - } } sup, @@ -117,10 +113,6 @@ samp { font-family: $font-mono; font-size: typeScale(1); background-color: getColor(background, light); - - @media ($breakpoint) { - font-size: typeScale(1, $scale-ratio-secondary); - } } pre { padding: 0.5lh 1em; } @@ -158,10 +150,6 @@ blockquote { font-size: 100% / $scale-ratio; font-style: italic; margin-top: 0.25lh; - - @media (breakpoint) { - font-size: 100% / $scale-ratio-secondary; - } } cite:before, From a9c1ba51c0b465eec9376af32926f34eef656af8 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Sun, 6 Nov 2016 19:31:02 -0700 Subject: [PATCH 124/183] [fix: #231] Exclude span from the automargin --- dist/concise.css | 2 +- dist/concise.min.css | 2 +- src/_base.scss | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index eca5098..dab36e2 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -181,7 +181,7 @@ video { * + * { margin-top: 1.5rem; } -li, kbd, div, input, option, select, a, textarea, body { +li, kbd, div, input, option, select, a, textarea, body, span { margin-top: 0; } h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p { diff --git a/dist/concise.min.css b/dist/concise.min.css index 4819a46..2a9f4d5 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,body,div,h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,input,kbd,li,option,select,textarea{margin-top:0}small,sub,sup{font-size:83.33333%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}address{font-style:normal}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.3}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}h1,h2,h3{margin:.75rem 0 .375rem}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}abbr[title]{text-decoration:none;border-bottom:1px solid #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem;background-color:#f5f5f5}pre{padding:.75rem 1em}code{vertical-align:middle;padding:2px 3px}kbd{background-color:transparent;border:1px solid #e0e0e0;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px}samp{vertical-align:bottom}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;height:2.25rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%;font-size:.83333rem}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}label+input:not([type=submit]),label+select,label+textarea{margin-top:.375rem}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle;margin-top:0!important}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1rem;padding-right:1rem}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1rem;margin-right:-1rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1rem;padding-right:1rem}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=nm]{margin-left:0;margin-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:2cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:12pt/1.4 Georgia,Times New Roman,Times,serif}body{width:100%!important;margin:0!important;padding:0!important}h1,h2,h3,h4,h5,h6{page-break-after:avoid;font-family:Georgia,Times New Roman,Times,serif}h1{font-size:19pt}h2{font-size:17pt}h3{font-size:15pt}h4,h5,h6{font-size:14pt}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file +audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,body,div,h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,input,kbd,li,option,select,span,textarea{margin-top:0}small,sub,sup{font-size:83.33333%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}address{font-style:normal}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.3}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}h1,h2,h3{margin:.75rem 0 .375rem}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}abbr[title]{text-decoration:none;border-bottom:1px solid #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem;background-color:#f5f5f5}pre{padding:.75rem 1em}code{vertical-align:middle;padding:2px 3px}kbd{background-color:transparent;border:1px solid #e0e0e0;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px}samp{vertical-align:bottom}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;height:2.25rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%;font-size:.83333rem}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}label+input:not([type=submit]),label+select,label+textarea{margin-top:.375rem}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle;margin-top:0!important}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1rem;padding-right:1rem}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1rem;margin-right:-1rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1rem;padding-right:1rem}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=nm]{margin-left:0;margin-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:2cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:12pt/1.4 Georgia,Times New Roman,Times,serif}body{width:100%!important;margin:0!important;padding:0!important}h1,h2,h3,h4,h5,h6{page-break-after:avoid;font-family:Georgia,Times New Roman,Times,serif}h1{font-size:19pt}h2{font-size:17pt}h3{font-size:15pt}h4,h5,h6{font-size:14pt}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file diff --git a/src/_base.scss b/src/_base.scss index af50740..077f2ed 100644 --- a/src/_base.scss +++ b/src/_base.scss @@ -228,7 +228,7 @@ video { vertical-align: middle; } @if $automargin { * + * { margin-top: $block-margin; } - li, kbd, div, input, option, select, a, textarea, body { + li, kbd, div, input, option, select, a, textarea, body, span { margin-top: 0; } From d80e4d353b49db331379201928290c26910b0e27 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Sun, 6 Nov 2016 19:33:45 -0700 Subject: [PATCH 125/183] [fix: #227] Remove nm option for the grid element --- dist/concise.css | 4 ---- dist/concise.min.css | 2 +- src/_atgrid.scss | 9 --------- 3 files changed, 1 insertion(+), 14 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index dab36e2..de4afa0 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -603,10 +603,6 @@ table { padding-left: 0; padding-right: 0; } -[grid~="nm"] { - margin-left: 0; - margin-right: 0; } - [grid~="no-collapse"] { -ms-flex-flow: row nowrap; flex-flow: row nowrap; } diff --git a/dist/concise.min.css b/dist/concise.min.css index 2a9f4d5..c00a0bf 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,body,div,h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,input,kbd,li,option,select,span,textarea{margin-top:0}small,sub,sup{font-size:83.33333%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}address{font-style:normal}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.3}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}h1,h2,h3{margin:.75rem 0 .375rem}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}abbr[title]{text-decoration:none;border-bottom:1px solid #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem;background-color:#f5f5f5}pre{padding:.75rem 1em}code{vertical-align:middle;padding:2px 3px}kbd{background-color:transparent;border:1px solid #e0e0e0;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px}samp{vertical-align:bottom}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;height:2.25rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%;font-size:.83333rem}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}label+input:not([type=submit]),label+select,label+textarea{margin-top:.375rem}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle;margin-top:0!important}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1rem;padding-right:1rem}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1rem;margin-right:-1rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1rem;padding-right:1rem}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=nm]{margin-left:0;margin-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:2cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:12pt/1.4 Georgia,Times New Roman,Times,serif}body{width:100%!important;margin:0!important;padding:0!important}h1,h2,h3,h4,h5,h6{page-break-after:avoid;font-family:Georgia,Times New Roman,Times,serif}h1{font-size:19pt}h2{font-size:17pt}h3{font-size:15pt}h4,h5,h6{font-size:14pt}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file +audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,body,div,h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,input,kbd,li,option,select,span,textarea{margin-top:0}small,sub,sup{font-size:83.33333%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}address{font-style:normal}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.3}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}h1,h2,h3{margin:.75rem 0 .375rem}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}abbr[title]{text-decoration:none;border-bottom:1px solid #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem;background-color:#f5f5f5}pre{padding:.75rem 1em}code{vertical-align:middle;padding:2px 3px}kbd{background-color:transparent;border:1px solid #e0e0e0;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px}samp{vertical-align:bottom}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;height:2.25rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%;font-size:.83333rem}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}label+input:not([type=submit]),label+select,label+textarea{margin-top:.375rem}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle;margin-top:0!important}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1rem;padding-right:1rem}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1rem;margin-right:-1rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1rem;padding-right:1rem}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:2cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:12pt/1.4 Georgia,Times New Roman,Times,serif}body{width:100%!important;margin:0!important;padding:0!important}h1,h2,h3,h4,h5,h6{page-break-after:avoid;font-family:Georgia,Times New Roman,Times,serif}h1{font-size:19pt}h2{font-size:17pt}h3{font-size:15pt}h4,h5,h6{font-size:14pt}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file diff --git a/src/_atgrid.scss b/src/_atgrid.scss index 405dcc1..4a21688 100644 --- a/src/_atgrid.scss +++ b/src/_atgrid.scss @@ -43,15 +43,6 @@ } } - // - // No margins - // - - [#{$prefix}grid~="nm"] { - margin-left: 0; - margin-right: 0; - } - // // No Collapse columns // From cf38bdb1683218e78782268f4f532f4fdbc5a7d1 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Sun, 6 Nov 2016 19:34:53 -0700 Subject: [PATCH 126/183] [fix: #228] Normalize grid options --- dist/concise.css | 4 ++-- dist/concise.min.css | 2 +- src/_atgrid.scss | 2 +- 3 files changed, 4 insertions(+), 4 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index de4afa0..2fb9e70 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -596,10 +596,10 @@ table { padding-left: 1rem; padding-right: 1rem; } -[grid~="ng"] { +[grid~="no-gutters"] { margin-left: 0; margin-right: 0; } - [grid~="ng"] [column] { + [grid~="no-gutters"] [column] { padding-left: 0; padding-right: 0; } diff --git a/dist/concise.min.css b/dist/concise.min.css index c00a0bf..c6e992b 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,body,div,h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,input,kbd,li,option,select,span,textarea{margin-top:0}small,sub,sup{font-size:83.33333%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}address{font-style:normal}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.3}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}h1,h2,h3{margin:.75rem 0 .375rem}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}abbr[title]{text-decoration:none;border-bottom:1px solid #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem;background-color:#f5f5f5}pre{padding:.75rem 1em}code{vertical-align:middle;padding:2px 3px}kbd{background-color:transparent;border:1px solid #e0e0e0;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px}samp{vertical-align:bottom}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;height:2.25rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%;font-size:.83333rem}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}label+input:not([type=submit]),label+select,label+textarea{margin-top:.375rem}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle;margin-top:0!important}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1rem;padding-right:1rem}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1rem;margin-right:-1rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1rem;padding-right:1rem}[grid~=ng]{margin-left:0;margin-right:0}[grid~=ng] [column]{padding-left:0;padding-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:2cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:12pt/1.4 Georgia,Times New Roman,Times,serif}body{width:100%!important;margin:0!important;padding:0!important}h1,h2,h3,h4,h5,h6{page-break-after:avoid;font-family:Georgia,Times New Roman,Times,serif}h1{font-size:19pt}h2{font-size:17pt}h3{font-size:15pt}h4,h5,h6{font-size:14pt}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file +audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,body,div,h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,input,kbd,li,option,select,span,textarea{margin-top:0}small,sub,sup{font-size:83.33333%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}address{font-style:normal}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.3}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}h1,h2,h3{margin:.75rem 0 .375rem}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}abbr[title]{text-decoration:none;border-bottom:1px solid #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem;background-color:#f5f5f5}pre{padding:.75rem 1em}code{vertical-align:middle;padding:2px 3px}kbd{background-color:transparent;border:1px solid #e0e0e0;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px}samp{vertical-align:bottom}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;height:2.25rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%;font-size:.83333rem}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}label+input:not([type=submit]),label+select,label+textarea{margin-top:.375rem}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle;margin-top:0!important}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1rem;padding-right:1rem}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1rem;margin-right:-1rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1rem;padding-right:1rem}[grid~=no-gutters]{margin-left:0;margin-right:0}[grid~=no-gutters] [column]{padding-left:0;padding-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:2cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:12pt/1.4 Georgia,Times New Roman,Times,serif}body{width:100%!important;margin:0!important;padding:0!important}h1,h2,h3,h4,h5,h6{page-break-after:avoid;font-family:Georgia,Times New Roman,Times,serif}h1{font-size:19pt}h2{font-size:17pt}h3{font-size:15pt}h4,h5,h6{font-size:14pt}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file diff --git a/src/_atgrid.scss b/src/_atgrid.scss index 4a21688..2e509e7 100644 --- a/src/_atgrid.scss +++ b/src/_atgrid.scss @@ -33,7 +33,7 @@ // No Gutters // - [#{$prefix}grid~="ng"] { + [#{$prefix}grid~="no-gutters"] { margin-left: 0; margin-right: 0; From 116591815c7603dc9571e20fa0d92bf677b773da Mon Sep 17 00:00:00 2001 From: James Kolce Date: Sun, 6 Nov 2016 19:38:24 -0700 Subject: [PATCH 127/183] [fix: #229] Delete wrapping options for the grid Might not be very common to use those options, so if the user wants them they should be added manually. --- dist/concise.css | 12 ------------ dist/concise.min.css | 2 +- src/_atgrid.scss | 8 -------- 3 files changed, 1 insertion(+), 21 deletions(-) diff --git a/dist/concise.css b/dist/concise.css index 2fb9e70..a16fbbb 100644 --- a/dist/concise.css +++ b/dist/concise.css @@ -607,18 +607,6 @@ table { -ms-flex-flow: row nowrap; flex-flow: row nowrap; } -[grid~="wrap"] { - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - -[grid~="nowrap"] { - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; } - -[grid~="wrap-reverse"] { - -ms-flex-wrap: wrap-reverse; - flex-wrap: wrap-reverse; } - [grid~="row"] { -webkit-box-orient: horizontal; -webkit-box-direction: normal; diff --git a/dist/concise.min.css b/dist/concise.min.css index c6e992b..6c9a0a9 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,body,div,h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,input,kbd,li,option,select,span,textarea{margin-top:0}small,sub,sup{font-size:83.33333%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}address{font-style:normal}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.3}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}h1,h2,h3{margin:.75rem 0 .375rem}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}abbr[title]{text-decoration:none;border-bottom:1px solid #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem;background-color:#f5f5f5}pre{padding:.75rem 1em}code{vertical-align:middle;padding:2px 3px}kbd{background-color:transparent;border:1px solid #e0e0e0;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px}samp{vertical-align:bottom}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;height:2.25rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%;font-size:.83333rem}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}label+input:not([type=submit]),label+select,label+textarea{margin-top:.375rem}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle;margin-top:0!important}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1rem;padding-right:1rem}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1rem;margin-right:-1rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1rem;padding-right:1rem}[grid~=no-gutters]{margin-left:0;margin-right:0}[grid~=no-gutters] [column]{padding-left:0;padding-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=wrap]{-ms-flex-wrap:wrap;flex-wrap:wrap}[grid~=nowrap]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[grid~=wrap-reverse]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:2cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:12pt/1.4 Georgia,Times New Roman,Times,serif}body{width:100%!important;margin:0!important;padding:0!important}h1,h2,h3,h4,h5,h6{page-break-after:avoid;font-family:Georgia,Times New Roman,Times,serif}h1{font-size:19pt}h2{font-size:17pt}h3{font-size:15pt}h4,h5,h6{font-size:14pt}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file +audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,body,div,h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,input,kbd,li,option,select,span,textarea{margin-top:0}small,sub,sup{font-size:83.33333%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}address{font-style:normal}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.3}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}h1,h2,h3{margin:.75rem 0 .375rem}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}abbr[title]{text-decoration:none;border-bottom:1px solid #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem;background-color:#f5f5f5}pre{padding:.75rem 1em}code{vertical-align:middle;padding:2px 3px}kbd{background-color:transparent;border:1px solid #e0e0e0;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px}samp{vertical-align:bottom}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;height:2.25rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%;font-size:.83333rem}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}label+input:not([type=submit]),label+select,label+textarea{margin-top:.375rem}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle;margin-top:0!important}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1rem;padding-right:1rem}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1rem;margin-right:-1rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1rem;padding-right:1rem}[grid~=no-gutters]{margin-left:0;margin-right:0}[grid~=no-gutters] [column]{padding-left:0;padding-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:2cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:12pt/1.4 Georgia,Times New Roman,Times,serif}body{width:100%!important;margin:0!important;padding:0!important}h1,h2,h3,h4,h5,h6{page-break-after:avoid;font-family:Georgia,Times New Roman,Times,serif}h1{font-size:19pt}h2{font-size:17pt}h3{font-size:15pt}h4,h5,h6{font-size:14pt}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file diff --git a/src/_atgrid.scss b/src/_atgrid.scss index 2e509e7..7878d1b 100644 --- a/src/_atgrid.scss +++ b/src/_atgrid.scss @@ -49,14 +49,6 @@ [#{$prefix}grid~="no-collapse"] { flex-flow: row nowrap; } - // - // Wrap columns - // - - [#{$prefix}grid~="wrap"] { flex-wrap: wrap; } - [#{$prefix}grid~="nowrap"] { flex-wrap: nowrap; } - [#{$prefix}grid~="wrap-reverse"] { flex-wrap: wrap-reverse; } - // // Direction of columns in a row // From 196c860937725069f1fc2d76c86c897e75c88a93 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Sun, 6 Nov 2016 19:40:52 -0700 Subject: [PATCH 128/183] [Fix: #232] Normalize size names --- src/_atgrid.scss | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/src/_atgrid.scss b/src/_atgrid.scss index 7878d1b..5b0bc92 100644 --- a/src/_atgrid.scss +++ b/src/_atgrid.scss @@ -135,7 +135,7 @@ // Column widths // @for $i from 1 through $num-columns { - [#{$prefix}column~="sm-#{$i}"] { + [#{$prefix}column~="s-#{$i}"] { flex: 0 1 ($i/$num-columns) * 100%; max-width: ($i/$num-columns) * 100%; } @@ -145,7 +145,7 @@ // Column offsets // @for $i from 1 through $num-columns { - [#{$prefix}column~="+sm-#{$i}"] { + [#{$prefix}column~="+s-#{$i}"] { margin-left: ($i/$num-columns) * 100%; } } @@ -156,7 +156,7 @@ // Column widths // @for $i from 1 through $num-columns { - [#{$prefix}column~="md-#{$i}"] { + [#{$prefix}column~="m-#{$i}"] { flex: 0 1 ($i/$num-columns) * 100%; max-width: ($i/$num-columns) * 100%; } @@ -166,7 +166,7 @@ // Column offsets // @for $i from 1 through $num-columns { - [#{$prefix}column~="+md-#{$i}"] { + [#{$prefix}column~="+m-#{$i}"] { margin-left: ($i/$num-columns) * 100%; } } @@ -177,7 +177,7 @@ // Column widths // @for $i from 1 through $num-columns { - [#{$prefix}column~="lg-#{$i}"] { + [#{$prefix}column~="l-#{$i}"] { flex: 0 1 ($i/$num-columns) * 100%; max-width: ($i/$num-columns) * 100%; } @@ -187,7 +187,7 @@ // Column offsets // @for $i from 1 through $num-columns { - [#{$prefix}column~="+lg-#{$i}"] { + [#{$prefix}column~="+l-#{$i}"] { margin-left: ($i/$num-columns) * 100%; } } From 174ca9fa567592e7dd9d2c9bc7d371895999838e Mon Sep 17 00:00:00 2001 From: James Kolce Date: Mon, 7 Nov 2016 13:07:00 -0700 Subject: [PATCH 129/183] Update version for Bower --- bower.json | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/bower.json b/bower.json index d6d2608..6ca2607 100644 --- a/bower.json +++ b/bower.json @@ -1,12 +1,13 @@ { "name": "concise", "description": "A front-end framework written in SASS that's lightweight, and easy-to-use.", - "version": "3.4.0", + "version": "4.0.0", "ignore": [ ".gitignore", ".editorconfig", "README.md", - "LICENSE" + "LICENSE", + "node_modules" ], "keywords": [ "css", From 07c07fc740eac03c26ab304005157f0168ac5177 Mon Sep 17 00:00:00 2001 From: James Kolce Date: Mon, 7 Nov 2016 13:38:43 -0700 Subject: [PATCH 130/183] Add Jakefile --- Jakefile | 63 ++++++++++++++++++++++++++++++++++++++++++++ dist/concise.min.css | 2 +- package.json | 7 +++-- test.html | 3 ++- 4 files changed, 71 insertions(+), 4 deletions(-) create mode 100644 Jakefile diff --git a/Jakefile b/Jakefile new file mode 100644 index 0000000..5ce5824 --- /dev/null +++ b/Jakefile @@ -0,0 +1,63 @@ +desc('Compile the files of Concise Framework.') +task('concise', () => { + jake.exec('concisecss compile concise.scss dist/concise.css', { + printStdout: true, + printStderr: true + }, () => { + complete() + }) +}) + +desc('Minify CSS.') +task('minify', () => { + jake.exec('cssnano dist/concise.css dist/concise.min.css', { + printStdout: true, + printStderr: true + }, () => { + complete() + }) +}) + +desc('Compile styles on file changes') +task('concise:watch', () => { + jake.exec('chokidar "**/*.scss" -c "jake build"', { + printStdout: true, + printStderr: true + }, () => { + complete() + }) +}) + +desc('Start livereload server.') +task('livereload', () => { + jake.exec('livereload . -e "html, css"', { + printStdout: true, + printStderr: true + }, () => { + complete() + }) +}) + +desc('Start HTTP server.') +task('http', () => { + jake.exec('http-server .', { + printStdout: true, + printStderr: true + }, () => { + complete() + }) +}) + +desc('Start the development services.') +task('build', () => { + jake.Task['concise'].invoke() + jake.Task['minify'].invoke() +}) + +desc('Start the development services.') +task('default', () => { + jake.Task['build'].invoke() + jake.Task['concise:watch'].invoke() + jake.Task['http'].invoke() + jake.Task['livereload'].invoke() +}) \ No newline at end of file diff --git a/dist/concise.min.css b/dist/concise.min.css index 6c9a0a9..da6c317 100644 --- a/dist/concise.min.css +++ b/dist/concise.min.css @@ -1 +1 @@ -audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,body,div,h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,input,kbd,li,option,select,span,textarea{margin-top:0}small,sub,sup{font-size:83.33333%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}address{font-style:normal}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#2f6374}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.3}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}h1,h2,h3{margin:.75rem 0 .375rem}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:#4591aa;text-decoration:none}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}abbr[title]{text-decoration:none;border-bottom:1px solid #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem;background-color:#f5f5f5}pre{padding:.75rem 1em}code{vertical-align:middle;padding:2px 3px}kbd{background-color:transparent;border:1px solid #e0e0e0;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px}samp{vertical-align:bottom}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:#4591aa;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#75b3c7;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#63a8bf}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;height:2.25rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%;font-size:.83333rem}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}label+input:not([type=submit]),label+select,label+textarea{margin-top:.375rem}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle;margin-top:0!important}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1rem;padding-right:1rem}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1rem;margin-right:-1rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1rem;padding-right:1rem}[grid~=no-gutters]{margin-left:0;margin-right:0}[grid~=no-gutters] [column]{padding-left:0;padding-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:2cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:12pt/1.4 Georgia,Times New Roman,Times,serif}body{width:100%!important;margin:0!important;padding:0!important}h1,h2,h3,h4,h5,h6{page-break-after:avoid;font-family:Georgia,Times New Roman,Times,serif}h1{font-size:19pt}h2{font-size:17pt}h3{font-size:15pt}h4,h5,h6{font-size:14pt}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file +audio:not([controls]){display:none}b,strong{font-weight:bolder}button,input[type=submit]{-webkit-appearance:button;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=submit],select{text-transform:none}details{display:block}hr{overflow:visible;margin:1.5rem 0;background-color:#e0e0e0;height:1px}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}main{display:block}pre{overflow:auto}progress{display:inline-block}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}button,input,input[type=submit],select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit}:root{background-color:#fff;box-sizing:border-box;color:#555;cursor:default;font:16px/1.5 Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}@media (min-width:480px){:root{font-size:18px}}*{margin:0;padding:0;background-repeat:no-repeat}*,:after,:before{border-style:solid;border-width:0}[tabindex],a,area,button,input,input[type=submit],label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}select{-moz-appearance:none;-webkit-appearance:none}svg{fill:currentColor}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background-color:#d6d6d6;text-shadow:none}::selection{background-color:#d6d6d6;text-shadow:none}*+*{margin-top:1.5rem}a,body,div,h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,input,kbd,li,option,select,span,textarea{margin-top:0}small,sub,sup{font-size:83.33333%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{bottom:-.25em;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}address{font-style:normal}a{background-color:transparent;color:red;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}a:focus,a:hover{color:#b30000}h1,h2,h3,h4,h5,h6{color:#222;font-family:Helvetica,Arial,sans-serif;line-height:1.3}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit;vertical-align:0;font-size:83.33333%}h1,h2,h3{margin:.75rem 0 .375rem}h1 a,h2 a,h3 a{color:inherit}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover{color:red;text-decoration:none}h4,h5,h6{margin:.375rem 0}h1{font-size:2.0736rem}h2{font-size:1.728rem}h3{font-size:1.44rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.83333rem}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}abbr[title]{text-decoration:none;border-bottom:1px solid #e0e0e0;cursor:help}code,kbd,pre,samp{font-family:Consolas,monospace;font-size:.83333rem;background-color:#f5f5f5}pre{padding:.75rem 1em}code{vertical-align:middle;padding:2px 3px}kbd{background-color:transparent;border:1px solid #e0e0e0;box-shadow:0 2px 0 -1px #fff,0 2px 0 #dcdcdc;display:inline-block;padding:0 6px}samp{vertical-align:bottom}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:1.5rem;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:83.33333%;font-style:italic;margin-top:.375rem}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}ol,ul{padding-left:1.5em;margin-bottom:.375rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul ul{list-style-type:square}ol ol,ul ol{list-style-type:lower-roman}ol ul{list-style-type:square}nav ul{padding-left:0}nav li{list-style:none}dl{margin-bottom:1.5rem}dt{font-weight:700}dd,dt{margin-bottom:.375rem}button,input[type=submit]{background-color:red;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:.83333rem;line-height:2.25rem;overflow:visible;padding:0 1.5em;text-align:center;text-decoration:none;-webkit-transition:.15s;transition:.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#ff4d4d;color:#fff;text-decoration:none}button:active,button:focus,input[type=submit]:active,input[type=submit]:focus{outline:none}button:active,input[type=submit]:active{background-color:#f33}button[disabled],input[disabled][type=submit]{background-color:#dcdcdc;color:#fff;cursor:not-allowed;opacity:.6}input:not([type=submit]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;height:2.25rem;padding:0 .75em;-webkit-transition:.15s;transition:.15s;width:100%;font-size:.83333rem}input:not([type=submit]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(69,145,170,.5);outline:none}input:not([type=submit])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}label+input:not([type=submit]),label+select,label+textarea{margin-top:.375rem}input:not([type=submit]){line-height:normal;min-height:1.5rem}input:not([type=submit])[type=checkbox]:focus,input:not([type=submit])[type=color]:focus,input:not([type=submit])[type=file]:focus,input:not([type=submit])[type=radio]:focus,input:not([type=submit])[type=range]:focus,input:not([type=submit])[type=submit]:focus{border-color:transparent;box-shadow:none;outline:none}label{display:block;font-size:.83333rem}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:1.5rem 1em;margin-bottom:1.5rem}legend{font-weight:700;padding:0 1em}input[type=checkbox],input[type=file],input[type=image],input[type=radio]{height:auto;width:auto}input[type=checkbox],input[type=radio]{line-height:normal;padding:0;vertical-align:middle;margin-top:0!important}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin:0 0 0 .5em;line-height:1.875rem;vertical-align:middle}input[type=file]{border:none;line-height:100%;padding:0}textarea{height:auto;padding:.375rem .5em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0 0 0 .5em}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type=range]{border:none;padding:0;width:100%;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{border:none;border-radius:50%;background-color:red;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type=range]::-moz-range-track{background-color:#dcdcdc;border:none;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:red;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-track{background-color:#dcdcdc;border:none;border-radius:3px;color:transparent;height:5px}input[type=range]::-ms-thumb{border:none;border-radius:50%;background-color:red;height:16px;margin-top:-5px;width:16px}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%}@media (min-width:480px){table{width:auto}table td,table th{padding:0 2.5em}}table caption{color:#555;font-size:.83333rem;font-style:italic;line-height:3rem;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table td,table th{border-right:1px solid #e0e0e0;line-height:1.5rem;overflow:visible;padding:0 1em}@media (min-width:480px){table td,table th{line-height:3rem}}table td:last-child,table th:last-child{border-right:none}table td,table tr{-webkit-transition:background-color .15s;transition:background-color .15s}[container]{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1rem;padding-right:1rem}[grid]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-1rem;margin-right:-1rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:480px){[grid]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}[column]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1rem;padding-right:1rem}[grid~=no-gutters]{margin-left:0;margin-right:0}[grid~=no-gutters] [column]{padding-left:0;padding-right:0}[grid~=no-collapse]{-ms-flex-flow:row nowrap;flex-flow:row}[grid~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[grid~=row-reverse]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[grid~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[grid~=column-reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[grid~=justify-start]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[grid~=justify-end]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[grid~=justify-center]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[grid~=justify-between]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[grid~=justify-around]{-ms-flex-pack:distribute;justify-content:space-around}[grid~=top]{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[grid~=center]{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[grid~=bottom]{-webkit-box-align:end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[grid~=baseline]{-webkit-box-align:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[grid~=stretch]{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[column~=top]{-ms-flex-item-align:start;align-self:flex-start}[column~=center]{-ms-flex-item-align:center;align-self:center}[column~=bottom]{-ms-flex-item-align:end;align-self:flex-end}@media (min-width:480px){[column~="1"]{-webkit-box-flex:0;-ms-flex:0 1 8.33333%;flex:0 1 8.33333%;max-width:8.33333%}[column~="2"]{-webkit-box-flex:0;-ms-flex:0 1 16.66667%;flex:0 1 16.66667%;max-width:16.66667%}[column~="3"]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%}[column~="4"]{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%}[column~="5"]{-webkit-box-flex:0;-ms-flex:0 1 41.66667%;flex:0 1 41.66667%;max-width:41.66667%}[column~="6"]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}[column~="7"]{-webkit-box-flex:0;-ms-flex:0 1 58.33333%;flex:0 1 58.33333%;max-width:58.33333%}[column~="8"]{-webkit-box-flex:0;-ms-flex:0 1 66.66667%;flex:0 1 66.66667%;max-width:66.66667%}[column~="9"]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;max-width:75%}[column~="10"]{-webkit-box-flex:0;-ms-flex:0 1 83.33333%;flex:0 1 83.33333%;max-width:83.33333%}[column~="11"]{-webkit-box-flex:0;-ms-flex:0 1 91.66667%;flex:0 1 91.66667%;max-width:91.66667%}[column~="12"]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}[column~="+12"]{margin-left:100%}}@media print{@page{margin:2cm}*,:after,:before{background:transparent!important;color:#000!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:#fff;color:#000;font:12pt/1.4 Georgia,Times New Roman,Times,serif}body{width:100%!important;margin:0!important;padding:0!important}h1,h2,h3,h4,h5,h6{page-break-after:avoid;font-family:Georgia,Times New Roman,Times,serif}h1{font-size:19pt}h2{font-size:17pt}h3{font-size:15pt}h4,h5,h6{font-size:14pt}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}a[href^="#"]:after,audio,embed,footer,nav,object,video{display:none;visibility:hidden}h2,h3,p{orphans:3;widows:3}a,a:visited{color:#000;font-size:.57em;text-decoration:underline;word-wrap:break-word}a:visited[href]:after,a[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}code,pre{background-color:transparent;border:1px solid #e0e0e0}blockquote,code,pre{page-break-inside:avoid}blockquote{border:none}thead{display:table-header-group}img,tr{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ol li,ul li{content:"» "}} \ No newline at end of file diff --git a/package.json b/package.json index cdf89c2..0dad922 100644 --- a/package.json +++ b/package.json @@ -28,11 +28,14 @@ "chokidar-cli": "^1.2.0", "concise-cli": "^0.3.0", "cssnano-cli": "^1.0.4", + "http-server": "^0.9.0", + "jake": "^8.0.15", + "livereload": "^0.6.0", "stylestats": "^6.3.0" }, "scripts": { - "build": "concisecss compile concise.scss dist/concise.css && cssnano dist/concise.css dist/concise.min.css", - "build:watch": "npm run build && chokidar '**/*.scss' -c 'npm run build'", + "build": "jake build", + "build:dev": "jake default", "stats": "stylestats dist/concise.css", "stats:min": "stylestats dist/concise.min.css" } diff --git a/test.html b/test.html index 2186f66..e40e17e 100644 --- a/test.html +++ b/test.html @@ -25,13 +25,14 @@

Heading 1 Helper link

-

Heading 2 Link Helper text

Heading 2 Helper text

Heading 3 Helper text

Heading 4 Helper text

Heading 5 Helper text
Heading 6 Helper text
+

Heading 2 Link Helper text

+