Date: Thu, 25 Feb 2016 20:44:30 -0700
Subject: [PATCH] Modify homepage build script, add component doc generation
This adds back the component build html, and
revamps the home/build scripts.
__Components build__
- Renders component
- Shows stats
- Shows classes used
- Includes list of modules with links
- Adds pre block with CSS
- Adds an npm install command
---
build.js | 8 +-
css/tachyons.css | 3739 ++++++-----------
css/tachyons.min.css | 4 +-
.../components/forms/sign_in/1/index.html | 390 +-
.../components/forms/sign_up/1/index.html | 291 +-
home.js | 362 --
index.html | 721 ++--
package.json | 101 +-
src/home-build.js | 64 +
src/templates/components.html | 75 +-
src/templates/index.html | 341 +-
11 files changed, 2352 insertions(+), 3744 deletions(-)
delete mode 100644 home.js
create mode 100644 src/home-build.js
diff --git a/build.js b/build.js
index aa2d56403..dac7e1bb1 100644
--- a/build.js
+++ b/build.js
@@ -1,5 +1,3 @@
-var componentsBuild = require('./src/components-build')
-var tableOfStylesBuild = require('./src/table-of-styles-build')
-
-componentsBuild()
-tableOfStylesBuild()
+require('./src/components-build')()
+require('./src/table-of-styles-build')()
+require('./src/home-build')()
diff --git a/css/tachyons.css b/css/tachyons.css
index 6498b2b6a..e27e23c66 100644
--- a/css/tachyons.css
+++ b/css/tachyons.css
@@ -3,291 +3,139 @@
TACHYONS
*/
-
-
/* Variables */
-
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
-
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS and IE text size adjust after device orientation change,
* without disabling user zoom.
*/
-
-html {
- font-family: sans-serif; /* 1 */
- -ms-text-size-adjust: 100%; /* 2 */
- -webkit-text-size-adjust: 100%; /* 2 */
-}
-
+html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }
/**
* Remove default margin.
*/
-
-body {
- margin: 0;
-}
-
+body { margin: 0; }
/* HTML5 display definitions
========================================================================== */
-
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
-
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-main,
-menu,
-nav,
-section,
-summary {
- display: block;
-}
-
+article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
+nav, section, summary { display: block; }
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
-
-audio,
-canvas,
-progress,
-video {
- display: inline-block; /* 1 */
- vertical-align: baseline; /* 2 */
-}
-
+audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
-
-audio:not([controls]) {
- display: none;
- height: 0;
-}
-
+audio:not([controls]) { display: none; height: 0; }
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
*/
-
-[hidden],
-template {
- display: none;
-}
-
+[hidden], template { display: none; }
/* Links
========================================================================== */
-
/**
* Remove the gray background color from active links in IE 10.
*/
-
-a {
- background-color: transparent;
-}
-
+a { background-color: transparent; }
/**
* Improve readability of focused elements when they are also in an
* active/hover state.
*/
-
-a:active,
-a:hover {
- outline: 0;
-}
-
+a:active, a:hover { outline: 0; }
/* Text-level semantics
========================================================================== */
-
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
-
-abbr[title] {
- border-bottom: 1px dotted;
-}
-
+abbr[title] { border-bottom: 1px dotted; }
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
-
-b,
-strong {
- font-weight: bold;
-}
-
+b, strong { font-weight: bold; }
/**
* Address styling not present in Safari and Chrome.
*/
-
-dfn {
- font-style: italic;
-}
-
+dfn { font-style: italic; }
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
-
-h1 {
- font-size: 2em;
- margin: 0.67em 0;
-}
-
+h1 { font-size: 2em; margin: 0.67em 0; }
/**
* Address styling not present in IE 8/9.
*/
-
-mark {
- background: #ff0;
- color: #000;
-}
-
+mark { background: #ff0; color: #000; }
/**
* Address inconsistent and variable font size in all browsers.
*/
-
-small {
- font-size: 80%;
-}
-
+small { font-size: 80%; }
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
-
-sub,
-sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline;
-}
-
-sup {
- top: -0.5em;
-}
-
-sub {
- bottom: -0.25em;
-}
-
+sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
+sup { top: -0.5em; }
+sub { bottom: -0.25em; }
/* Embedded content
========================================================================== */
-
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
-
-img {
- border: 0;
-}
-
+img { border: 0; }
/**
* Correct overflow not hidden in IE 9/10/11.
*/
-
-svg:not(:root) {
- overflow: hidden;
-}
-
+svg:not(:root) { overflow: hidden; }
/* Grouping content
========================================================================== */
-
/**
* Address margin not present in IE 8/9 and Safari.
*/
-
-figure {
- margin: 1em 40px;
-}
-
+figure { margin: 1em 40px; }
/**
* Address differences between Firefox and other browsers.
*/
-
-hr {
- box-sizing: content-box;
- height: 0;
-}
-
+hr { box-sizing: content-box; height: 0; }
/**
* Contain overflow in all browsers.
*/
-
-pre {
- overflow: auto;
-}
-
+pre { overflow: auto; }
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
-
-code,
-kbd,
-pre,
-samp {
- font-family: monospace, monospace;
- font-size: 1em;
-}
-
+code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
/* Forms
========================================================================== */
-
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
-
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
-
-button,
-input,
-optgroup,
-select,
-textarea {
- color: inherit; /* 1 */
- font: inherit; /* 2 */
- margin: 0; /* 3 */
-}
-
+button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
-
-button {
- overflow: visible;
-}
-
+button { overflow: visible; }
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
-
-button,
-select {
- text-transform: none;
-}
-
+button, select { text-transform: none; }
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
@@ -295,43 +143,22 @@ select {
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
-
-button,
-html input[type="button"], /* 1 */
+button, html input[type="button"], /* 1 */
input[type="reset"],
-input[type="submit"] {
- -webkit-appearance: button; /* 2 */
- cursor: pointer; /* 3 */
-}
-
+input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }
/**
* Re-set default cursor for disabled elements.
*/
-
-button[disabled],
-html input[disabled] {
- cursor: default;
-}
-
+button[disabled], html input[disabled] { cursor: default; }
/**
* Remove inner padding and border in Firefox 4+.
*/
-
-button::-moz-focus-inner,
-input::-moz-focus-inner {
- border: 0;
- padding: 0;
-}
-
+button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
-
-input {
- line-height: normal;
-}
-
+input { line-height: normal; }
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
@@ -339,98 +166,51 @@ input {
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
-
-input[type="checkbox"],
-input[type="radio"] {
- box-sizing: border-box; /* 1 */
- padding: 0; /* 2 */
-}
-
+input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
-
input[type="number"]::-webkit-inner-spin-button,
-input[type="number"]::-webkit-outer-spin-button {
- height: auto;
-}
-
+input[type="number"]::-webkit-outer-spin-button { height: auto; }
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
*/
-
-input[type="search"] {
- -webkit-appearance: textfield; /* 1 */
- box-sizing: content-box; /* 2 */
-}
-
+input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ }
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
-
input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-decoration {
- -webkit-appearance: none;
-}
-
+input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/**
* Define consistent border, margin, and padding.
*/
-
-fieldset {
- border: 1px solid #c0c0c0;
- margin: 0 2px;
- padding: 0.35em 0.625em 0.75em;
-}
-
+fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
-
-legend {
- border: 0; /* 1 */
- padding: 0; /* 2 */
-}
-
+legend { border: 0; /* 1 */ padding: 0; /* 2 */ }
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
-
-textarea {
- overflow: auto;
-}
-
+textarea { overflow: auto; }
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
-
-optgroup {
- font-weight: bold;
-}
-
+optgroup { font-weight: bold; }
/* Tables
========================================================================== */
-
/**
* Remove most spacing between table cells.
*/
-
-table {
- border-collapse: collapse;
- border-spacing: 0;
-}
-
-td,
-th {
- padding: 0;
-}
+table { border-collapse: collapse; border-spacing: 0; }
+td, th { padding: 0; }
/*
CUSTOM MEDIA QUERIES
@@ -483,42 +263,13 @@ th {
- Purple
*/
-
/* Modules */
-
/*
Box Sizing
*/
-
-html,
-body,
-div,
-article,
-section,
-main,
-footer,
-header,
-form,
-fieldset,
-pre,
-code,
-p,
-ul,
-ol,
-li,
-dl,
-dt,
-dd,
-textarea,
-input[type="text"],
-input[type="tel"],
-input[type="email"],
-input[type="url"],
-input[type="password"],
-.border-box {
- box-sizing: border-box;
-}
-
+html, body, div, article, section, main, footer, header, form, fieldset, pre,
+code, p, ul, ol, li, dl, dt, dd, textarea, input[type="text"], input[type="tel"],
+input[type="email"], input[type="url"], input[type="password"], .border-box { box-sizing: border-box; }
/*
BACKGROUND SIZE
@@ -536,25 +287,8 @@ input[type="password"],
-l = large
*/
-
- .bg-cv { background-size: cover; }
- .bg-cn { background-size: contain; }
-
-@media screen and (min-width: 48em) {
- .bg-cv-ns { background-size: cover; }
- .bg-cn-ns { background-size: contain; }
-}
-
-@media screen and (min-width: 48em) and (max-width: 64em) {
- .bg-cv-m { background-size: cover; }
- .bg-cn-m { background-size: contain; }
-}
-
-@media screen and (min-width: 64em) {
- .bg-cv-l { background-size: cover; }
- .bg-cn-l { background-size: contain; }
-}
-
+.bg-cv { background-size: cover; }
+.bg-cn { background-size: contain; }
/*
BORDER BASE
@@ -568,36 +302,11 @@ input[type="password"],
l = left
*/
-
- .ba { border-style: solid; border-width: 1px; }
- .bt { border-top-style: solid; border-top-width: 1px; }
- .br { border-right-style: solid; border-right-width: 1px; }
- .bb { border-bottom-style: solid; border-bottom-width: 1px; }
- .bl { border-left-style: solid; border-left-width: 1px; }
-
-@media screen and (min-width: 48em) {
- .ba-ns { border-style: solid; border-width: 1px; }
- .bt-ns { border-top-style: solid; border-top-width: 1px; }
- .br-ns { border-right-style: solid; border-right-width: 1px; }
- .bb-ns { border-bottom-style: solid; border-bottom-width: 1px; }
- .bl-ns { border-left-style: solid; border-left-width: 1px; }
-}
-
-@media screen and (min-width: 48em) and (max-width: 64em) {
- .ba-m { border-style: solid; border-width: 1px; }
- .bt-m { border-top-style: solid; border-top-width: 1px; }
- .br-m { border-right-style: solid; border-right-width: 1px; }
- .bb-m { border-bottom-style: solid; border-bottom-width: 1px; }
- .bl-m { border-left-style: solid; border-left-width: 1px; }
-}
-
-@media screen and (min-width: 64em) {
- .ba-l { border-style: solid; border-width: 1px; }
- .bt-l { border-top-style: solid; border-top-width: 1px; }
- .br-l { border-right-style: solid; border-right-width: 1px; }
- .bb-l { border-bottom-style: solid; border-bottom-width: 1px; }
- .bl-l { border-left-style: solid; border-left-width: 1px; }
-}
+.ba { border-style: solid; border-width: 1px; }
+.bt { border-top-style: solid; border-top-width: 1px; }
+.br { border-right-style: solid; border-right-width: 1px; }
+.bb { border-bottom-style: solid; border-bottom-width: 1px; }
+.bl { border-left-style: solid; border-left-width: 1px; }
/*
Tachyons
@@ -612,46 +321,41 @@ input[type="password"],
BORDER COLORS
*/
-
-.b--black { border-color: #111; }
-.b--near-black { border-color: #111; }
-.b--dark-gray { border-color: #333; }
-.b--mid-gray { border-color: #555; }
-.b--gray { border-color: #777; }
-.b--silver { border-color: #999; }
+.b--black { border-color: #111; }
+.b--near-black { border-color: #111; }
+.b--dark-gray { border-color: #333; }
+.b--mid-gray { border-color: #555; }
+.b--gray { border-color: #777; }
+.b--silver { border-color: #999; }
.b--light-silver { border-color: #aaa; }
-.b--light-gray { border-color: #eee; }
-.b--near-white { border-color: #f4f4f4; }
-.b--white { border-color: #fff; }
-
-.b--white-90 { border-color: rgba(255,255,255,.9); }
-.b--white-80 { border-color: rgba(255,255,255,.8); }
-.b--white-70 { border-color: rgba(255,255,255,.7); }
-.b--white-60 { border-color: rgba(255,255,255,.6); }
-.b--white-50 { border-color: rgba(255,255,255,.5); }
-.b--white-40 { border-color: rgba(255,255,255,.4); }
-.b--white-30 { border-color: rgba(255,255,255,.3); }
-.b--white-20 { border-color: rgba(255,255,255,.2); }
-.b--white-10 { border-color: rgba(255,255,255,.1); }
-.b--white-05 { border-color: rgba(255,255,255,.05); }
-.b--white-025 { border-color: rgba(255,255,255,.025); }
-.b--white-0125 { border-color: rgba(255,255,255,.0125); }
-
-.b--black-90 { border-color: rgba(0,0,0,.9); }
-.b--black-80 { border-color: rgba(0,0,0,.8); }
-.b--black-70 { border-color: rgba(0,0,0,.7); }
-.b--black-60 { border-color: rgba(0,0,0,.6); }
-.b--black-50 { border-color: rgba(0,0,0,.5); }
-.b--black-40 { border-color: rgba(0,0,0,.4); }
-.b--black-30 { border-color: rgba(0,0,0,.3); }
-.b--black-20 { border-color: rgba(0,0,0,.2); }
-.b--black-10 { border-color: rgba(0,0,0,.1); }
-.b--black-05 { border-color: rgba(0,0,0,.05); }
-.b--black-025 { border-color: rgba(0,0,0,.025); }
-.b--black-0125 { border-color: rgba(0,0,0,.0125); }
-
+.b--light-gray { border-color: #eee; }
+.b--near-white { border-color: #f4f4f4; }
+.b--white { border-color: #fff; }
+.b--white-90 { border-color: rgba( 255, 255, 255, .9 ); }
+.b--white-80 { border-color: rgba( 255, 255, 255, .8 ); }
+.b--white-70 { border-color: rgba( 255, 255, 255, .7 ); }
+.b--white-60 { border-color: rgba( 255, 255, 255, .6 ); }
+.b--white-50 { border-color: rgba( 255, 255, 255, .5 ); }
+.b--white-40 { border-color: rgba( 255, 255, 255, .4 ); }
+.b--white-30 { border-color: rgba( 255, 255, 255, .3 ); }
+.b--white-20 { border-color: rgba( 255, 255, 255, .2 ); }
+.b--white-10 { border-color: rgba( 255, 255, 255, .1 ); }
+.b--white-05 { border-color: rgba( 255, 255, 255, .05 ); }
+.b--white-025 { border-color: rgba( 255, 255, 255, .025 ); }
+.b--white-0125 { border-color: rgba( 255, 255, 255, .0125 ); }
+.b--black-90 { border-color: rgba( 0, 0, 0, .9 ); }
+.b--black-80 { border-color: rgba( 0, 0, 0, .8 ); }
+.b--black-70 { border-color: rgba( 0, 0, 0, .7 ); }
+.b--black-60 { border-color: rgba( 0, 0, 0, .6 ); }
+.b--black-50 { border-color: rgba( 0, 0, 0, .5 ); }
+.b--black-40 { border-color: rgba( 0, 0, 0, .4 ); }
+.b--black-30 { border-color: rgba( 0, 0, 0, .3 ); }
+.b--black-20 { border-color: rgba( 0, 0, 0, .2 ); }
+.b--black-10 { border-color: rgba( 0, 0, 0, .1 ); }
+.b--black-05 { border-color: rgba( 0, 0, 0, .05 ); }
+.b--black-025 { border-color: rgba( 0, 0, 0, .025 ); }
+.b--black-0125 { border-color: rgba( 0, 0, 0, .0125 ); }
.b--transparent { border-color: transprent; }
-
/*
BORDER RADIUS
@@ -675,41 +379,12 @@ input[type="password"],
-l = large
*/
-
- .br0 { border-radius: 0; }
- .br1 { border-radius: .125rem; }
- .br2 { border-radius: .25rem; }
- .br3 { border-radius: .5rem; }
- .br4 { border-radius: 1rem; }
- .br-100 { border-radius: 100%; }
-
-@media screen and (min-width: 48em) {
- .br0-ns { border-radius: 0; }
- .br1-ns { border-radius: .125rem; }
- .br2-ns { border-radius: .25rem; }
- .br3-ns { border-radius: .5rem; }
- .br4-ns { border-radius: 1rem; }
- .br-100-ns { border-radius: 100%; }
-}
-
-@media screen and (min-width: 48em) and (max-width: 64em) {
- .br0-m { border-radius: 0; }
- .br1-m { border-radius: .125rem; }
- .br2-m { border-radius: .25rem; }
- .br3-m { border-radius: .5rem; }
- .br4-m { border-radius: 1rem; }
- .br-100-m { border-radius: 100%; }
-}
-
-@media screen and (min-width: 64em) {
- .br0-l { border-radius: 0; }
- .br1-l { border-radius: .125rem; }
- .br2-l { border-radius: .25rem; }
- .br3-l { border-radius: .5rem; }
- .br4-l { border-radius: 1rem; }
- .br-100-l { border-radius: 100%; }
-}
-
+.br0 { border-radius: 0; }
+.br1 { border-radius: .125rem; }
+.br2 { border-radius: .25rem; }
+.br3 { border-radius: .5rem; }
+.br4 { border-radius: 1rem; }
+.br-100 { border-radius: 100%; }
/*
BORDER STYLES
@@ -729,33 +404,10 @@ input[type="password"],
-l = large
*/
-
-.b--none { border-style: none; }
+.b--none { border-style: none; }
.b--dotted { border-style: dotted; }
.b--dashed { border-style: dashed; }
-.b--solid { border-style: solid; }
-
-@media screen and (min-width: 48em) {
- .b--none-ns { border-style: none; }
- .b--dotted-ns { border-style: dotted; }
- .b--dashed-ns { border-style: dashed; }
- .b--solid-ns { border-style: solid; }
-}
-
-@media screen and (min-width: 48em) and (max-width: 64em) {
- .b--none-m { border-style: none; }
- .b--dotted-m { border-style: dotted; }
- .b--dashed-m { border-style: dashed; }
- .b--solid-m { border-style: solid; }
-}
-
-@media screen and (min-width: 64em) {
- .b--none-l { border-style: none; }
- .b--dotted-l { border-style: dotted; }
- .b--dashed-l { border-style: dashed; }
- .b--solid-l { border-style: solid; }
-}
-
+.b--solid { border-style: solid; }
/*
BORDER WIDTHS
@@ -777,57 +429,19 @@ input[type="password"],
-l = large
*/
-
.bw0 { border-width: 0; }
.bw1 { border-width: .125rem; }
.bw2 { border-width: .25rem; }
.bw3 { border-width: .5rem; }
.bw4 { border-width: 1rem; }
.bw5 { border-width: 2rem; }
-
-@media screen and (min-width: 48em) {
- .bw0-ns { border-width: 0; }
- .bw1-ns { border-width: .125rem; }
- .bw2-ns { border-width: .25rem; }
- .bw3-ns { border-width: .5rem; }
- .bw4-ns { border-width: 1rem; }
- .bw5-ns { border-width: 2rem; }
-}
-
-@media screen and (min-width: 48em) and (max-width: 64em) {
- .bw0-m { border-width: 0; }
- .bw1-m { border-width: .125rem; }
- .bw2-m { border-width: .25rem; }
- .bw3-m { border-width: .5rem; }
- .bw4-m { border-width: 1rem; }
- .bw5-m { border-width: 2rem; }
-}
-
-@media screen and (min-width: 64em) {
- .bw0-l { border-width: 0; }
- .bw1-l { border-width: .125rem; }
- .bw2-l { border-width: .25rem; }
- .bw3-l { border-width: .5rem; }
- .bw4-l { border-width: 1rem; }
- .bw5-l { border-width: 2rem; }
-}
/*
CODE
*/
-
-.pre {
- overflow-x: auto;
- overflow-y: hidden;
- overflow: scroll;
-}
-
-.code {
- white-space: pre;
- font-size: 14px;
-}
-
+.pre { overflow-x: auto; overflow-y: hidden; overflow: scroll; }
+.code { white-space: pre; font-size: 14px; }
/*
COORDINATES
@@ -835,140 +449,37 @@ input[type="password"],
Use in combination with the position module.
*/
-
-.top-0 { top: 0; }
-.right-0 { right: 0; }
+.top-0 { top: 0; }
+.right-0 { right: 0; }
.bottom-0 { bottom: 0; }
-.left-0 { left: 0; }
-
-.top-1 { top: 1rem; }
-.right-1 { right: 1rem; }
+.left-0 { left: 0; }
+.top-1 { top: 1rem; }
+.right-1 { right: 1rem; }
.bottom-1 { bottom: 1rem; }
-.left-1 { left: 1rem; }
-
-.top-2 { top: 2rem; }
-.right-2 { right: 2rem; }
+.left-1 { left: 1rem; }
+.top-2 { top: 2rem; }
+.right-2 { right: 2rem; }
.bottom-2 { bottom: 2rem; }
-.left-2 { left: 2rem; }
-
-.top--1 { top: -1rem; }
-.right--1 { right: -1rem; }
+.left-2 { left: 2rem; }
+.top--1 { top: -1rem; }
+.right--1 { right: -1rem; }
.bottom--1 { bottom: -1rem; }
-.left--1 { left: -1rem; }
-
-.top--2 { top: -2rem; }
-.right--2 { right: -2rem; }
+.left--1 { left: -1rem; }
+.top--2 { top: -2rem; }
+.right--2 { right: -2rem; }
.bottom--2 { bottom: -2rem; }
-.left--2 { left: -2rem; }
-
-
-.pos-abs--fill {
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
-}
-
-@media screen and (min-width: 48em) {
- .top-0-ns { top: 0; }
- .left-0-ns { left: 0; }
- .right-0-ns { right: 0; }
- .bottom-0-ns { bottom: 0; }
- .top-1-ns { top: 1rem; }
- .left-1-ns { left: 1rem; }
- .right-1-ns { right: 1rem; }
- .bottom-1-ns { bottom: 1rem; }
- .top-2-ns { top: 2rem; }
- .left-2-ns { left: 2rem; }
- .right-2-ns { right: 2rem; }
- .bottom-2-ns { bottom: 2rem; }
- .top--1-ns { top: -1rem; }
- .right--1-ns { right: -1rem; }
- .bottom--1-ns { bottom: -1rem; }
- .left--1-ns { left: -1rem; }
- .top--2-ns { top: -2rem; }
- .right--2-ns { right: -2rem; }
- .bottom--2-ns { bottom: -2rem; }
- .left--2-ns { left: -2rem; }
- .pos-abs--fill-ns {
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- }
-}
-
-@media screen and (min-width: 48em) and (max-width: 64em) {
- .top-0-m { top: 0; }
- .left-0-m { left: 0; }
- .right-0-m { right: 0; }
- .bottom-0-m { bottom: 0; }
- .top-1-m { top: 1rem; }
- .left-1-m { left: 1rem; }
- .right-1-m { right: 1rem; }
- .bottom-1-m { bottom: 1rem; }
- .top-2-m { top: 2rem; }
- .left-2-m { left: 2rem; }
- .right-2-m { right: 2rem; }
- .bottom-2-m { bottom: 2rem; }
- .top--1-m { top: -1rem; }
- .right--1-m { right: -1rem; }
- .bottom--1-m { bottom: -1rem; }
- .left--1-m { left: -1rem; }
- .top--2-m { top: -2rem; }
- .right--2-m { right: -2rem; }
- .bottom--2-m { bottom: -2rem; }
- .left--2-m { left: -2rem; }
- .pos-abs--fill-m {
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- }
-}
-
-@media screen and (min-width: 64em) {
- .top-0-l { top: 0; }
- .left-0-l { left: 0; }
- .right-0-l { right: 0; }
- .bottom-0-l { bottom: 0; }
- .top-1-l { top: 1rem; }
- .left-1-l { left: 1rem; }
- .right-1-l { right: 1rem; }
- .bottom-1-l { bottom: 1rem; }
- .top-2-l { top: 2rem; }
- .left-2-l { left: 2rem; }
- .right-2-l { right: 2rem; }
- .bottom-2-l { bottom: 2rem; }
- .top--1-l { top: -1rem; }
- .right--1-l { right: -1rem; }
- .bottom--1-l { bottom: -1rem; }
- .left--1-l { left: -1rem; }
- .top--2-l { top: -2rem; }
- .right--2-l { right: -2rem; }
- .bottom--2-l { bottom: -2rem; }
- .left--2-l { left: -2rem; }
- .pos-abs--fill-l {
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- }
-}
+.left--2 { left: -2rem; }
+.pos-abs--fill { top: 0; right: 0; bottom: 0; left: 0; }
/*
CLEARS
*/
-
/* Nicolas Gallaghers Clearfix solution
Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */
-
-.cf:before,
-.cf:after { content: " "; display: table; }
+.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
-.cf { *zoom: 1; }
-
+.cf { *zoom: 1; }
/*
DISPLAY
@@ -993,62 +504,18 @@ input[type="password"],
-l = large
*/
-
-.dn { display: none; }
-.di { display: inline; }
-.db { display: block; }
-.dib { display: inline-block; }
-.dit { display: inline-table; }
-.dt { display: table; }
-.dtc { display: table-cell; }
-.dt-row { display: table-row; }
-.dt-row-group { display: table-row-group; }
-.dt-column { display: table-column; }
+.dn { display: none; }
+.di { display: inline; }
+.db { display: block; }
+.dib { display: inline-block; }
+.dit { display: inline-table; }
+.dt { display: table; }
+.dtc { display: table-cell; }
+.dt-row { display: table-row; }
+.dt-row-group { display: table-row-group; }
+.dt-column { display: table-column; }
.dt-column-group { display: table-column-group; }
-
-@media screen and (min-width: 48em) {
- .dn-ns { display: none; }
- .di-ns { display: inline; }
- .db-ns { display: block; }
- .dib-ns { display: inline-block; }
- .dit-ns { display: inline-table; }
- .dt-ns { display: table; }
- .dtc-ns { display: table-cell; }
- .dt-row-ns { display: table-row; }
- .dt-row-group-ns { display: table-row-group; }
- .dt-column-ns { display: table-column; }
- .dt-column-group-ns { display: table-column-group; }
-}
-
-@media screen and (min-width: 48em) and (max-width: 64em) {
- .dn-m { display: none; }
- .di-m { display: inline; }
- .db-m { display: block; }
- .dib-m { display: inline-block; }
- .dit-m { display: inline-table; }
- .dt-m { display: table; }
- .dtc-m { display: table-cell; }
- .dt-row-m { display: table-row; }
- .dt-row-group-m { display: table-row-group; }
- .dt-column-m { display: table-column; }
- .dt-column-group-m { display: table-column-group; }
-}
-
-@media screen and (min-width: 64em) {
- .dn-l { display: none; }
- .di-l { display: inline; }
- .db-l { display: block; }
- .dib-l { display: inline-block; }
- .dit-l { display: inline-table; }
- .dt-l { display: table; }
- .dtc-l { display: table-cell; }
- .dt-row-l { display: table-row; }
- .dt-row-group-l { display: table-row-group; }
- .dt-column-l { display: table-column; }
- .dt-column-group-l { display: table-column-group; }
-}
/* Media Query Variables */
-
/*
FLOATS
@@ -1073,460 +540,146 @@ input[type="password"],
-l = large
*/
-
-
-
-.fl { float: left; display: inline; }
+.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.fn { float: none; }
-
-@media screen and (min-width: 48em) {
- .fl-ns { float: left; display: inline; }
- .fr-ns { float: right;display: inline; }
- .fn-ns { float: none!important; }
-}
-
-@media screen and (min-width: 48em) and (max-width: 64em) {
- .fl-m { float: left; display: inline; }
- .fr-m { float: right; display: inline; }
- .fn-m { float: none; }
-}
-
-@media screen and (min-width: 64em) {
- .fl-l { float: left; display: inline; }
- .fr-l { float: right; display: inline; }
- .fn-l { float: none; }
-}
/*
FONT FAMILY GROUPS
*/
+.sans-serif { font-family: -apple-system, BlinkMacSystemFont, 'avenir next', avenir, helvetica, 'helvetica neue', Ubuntu, 'segoe ui', arial, sans-serif; }
+.serif { font-family: georgia, times, serif; }
+.system-sans-serif { font-family: sans-serif; }
+.system-serif { font-family: serif; }
+/* Monospaced Typefaces (for code) */
+/* From http://cssfontstack.com */
+code, .code { font-family: Consolas, monaco, monospace; }
+/* Sans-Serif Typefaces */
+.helvetica { font-family: helvetica, 'helvetica neue', arial, sans-serif; }
+/* Serif Typefaces */
+.georgia { font-family: georgia, serif; }
+.times { font-family: Times, serif; }
+.bodoni { font-family: "Bodoni MT", serif; }
+.calisto { font-family: "Calisto MT", serif; }
+.garamond { font-family: garamond, serif; }
+/*
+ FONT STYLE
-.sans-serif {
- font-family: -apple-system, BlinkMacSystemFont,
- 'avenir next', avenir,
- helvetica, 'helvetica neue',
- Ubuntu,
- 'segoe ui', arial,
- sans-serif;
-}
+*/
+.i { font-style: italic; }
+.fsn { font-style: normal; }
+/*
-.serif {
- font-family: georgia,
- times,
- serif;
-}
+ FONT WEIGHT
-.system-sans-serif {
- font-family: sans-serif;
-}
-
-.system-serif {
- font-family: serif;
-}
-
-
-/* Monospaced Typefaces (for code) */
-
-/* From http://cssfontstack.com */
-code, .code {
- font-family: Consolas,
- monaco,
- monospace;
-}
-
-
-/* Sans-Serif Typefaces */
-
-.helvetica {
- font-family: helvetica, 'helvetica neue',
- arial,
- sans-serif;
-}
-
-
-/* Serif Typefaces */
-
-.georgia {
- font-family: georgia,
- serif;
-}
-
-.times {
- font-family: Times,
- serif;
-}
-
-.bodoni {
- font-family: "Bodoni MT",
- serif;
-}
-
-.calisto {
- font-family: "Calisto MT",
- serif;
-}
-
-.garamond {
- font-family: garamond,
- serif;
-}
-
-/*
-
- FONT STYLE
-
-*/
-
-.i { font-style: italic; }
-.fsn { font-style: normal; }
-
-@media screen and (min-width: 48em) {
- .i-ns { font-style: italic; }
- .fsn-ns { font-style: normal; }
-}
-
-@media screen and (min-width: 48em) and (max-width: 64em) {
- .i-m { font-style: italic; }
- .fsn-m { font-style: normal; }
-}
-
-@media screen and (min-width: 64em) {
- .i-l { font-style: italic; }
- .fsn-l { font-style: normal; }
-}
-
-/*
-
- FONT WEIGHT
-
-*/
-
-.normal { font-weight: normal; }
-.b { font-weight: bold; }
-.fw1 { font-weight: 100; }
-.fw2 { font-weight: 200; }
-.fw3 { font-weight: 300; }
-.fw4 { font-weight: 400; }
-.fw5 { font-weight: 500; }
-.fw6 { font-weight: 600; }
-.fw7 { font-weight: 700; }
-.fw8 { font-weight: 800; }
-.fw9 { font-weight: 900; }
-
-
-@media screen and (min-width: 48em) {
- .normal-ns { font-weight: normal; }
- .b-ns { font-weight: bold; }
- .fw1-ns { font-weight: 100; }
- .fw2-ns { font-weight: 200; }
- .fw3-ns { font-weight: 300; }
- .fw4-ns { font-weight: 400; }
- .fw5-ns { font-weight: 500; }
- .fw6-ns { font-weight: 600; }
- .fw7-ns { font-weight: 700; }
- .fw8-ns { font-weight: 800; }
- .fw9-ns { font-weight: 900; }
-}
-
-@media screen and (min-width: 48em) and (max-width: 64em) {
- .normal-m { font-weight: normal; }
- .b-m { font-weight: bold; }
- .fw1-m { font-weight: 100; }
- .fw2-m { font-weight: 200; }
- .fw3-m { font-weight: 300; }
- .fw4-m { font-weight: 400; }
- .fw5-m { font-weight: 500; }
- .fw6-m { font-weight: 600; }
- .fw7-m { font-weight: 700; }
- .fw8-m { font-weight: 800; }
- .fw9-m { font-weight: 900; }
-}
-
-@media screen and (min-width: 64em) {
- .normal-l { font-weight: normal; }
- .b-l { font-weight: bold; }
- .fw1-l { font-weight: 100; }
- .fw2-l { font-weight: 200; }
- .fw3-l { font-weight: 300; }
- .fw4-l { font-weight: 400; }
- .fw5-l { font-weight: 500; }
- .fw6-l { font-weight: 600; }
- .fw7-l { font-weight: 700; }
- .fw8-l { font-weight: 800; }
- .fw9-l { font-weight: 900; }
-}
-/*
+*/
+.normal { font-weight: normal; }
+.b { font-weight: bold; }
+.fw1 { font-weight: 100; }
+.fw2 { font-weight: 200; }
+.fw3 { font-weight: 300; }
+.fw4 { font-weight: 400; }
+.fw5 { font-weight: 500; }
+.fw6 { font-weight: 600; }
+.fw7 { font-weight: 700; }
+.fw8 { font-weight: 800; }
+.fw9 { font-weight: 900; }
+/*
FORMS
*/
-
-.input-reset {
- -webkit-appearance: none;
- -moz-appearance: none;
-}
-
-.input-invisible {
- outline: 0;
- border: 0;
-}
-
+.input-reset { -webkit-appearance: none; -moz-appearance: none; }
+.input-invisible { outline: 0; border: 0; }
/*
HEIGHTS
*/
-
/* Height Scale */
-
-.h1 { height: 1rem; }
-.h2 { height: 2rem; }
-.h3 { height: 4rem; }
-.h4 { height: 8rem; }
-.h5 { height: 16rem; }
-
+.h1 { height: 1rem; }
+.h2 { height: 2rem; }
+.h3 { height: 4rem; }
+.h4 { height: 8rem; }
+.h5 { height: 16rem; }
/* Height Percentages */
-
-.h-25 { height: 25%; }
-.h-50 { height: 50%; }
-.h-75 { height: 75%; }
+.h-25 { height: 25%; }
+.h-50 { height: 50%; }
+.h-75 { height: 75%; }
.h-100 { height: 100%; }
-
/* String Properties */
-
.h-at { height: auto; }
-.h-i { height: inherit; }
-
-@media screen and (min-width: 48em) {
- .h-1-ns { height: 1rem; }
- .h-2-ns { height: 2rem; }
- .h-3-ns { height: 4rem; }
- .h-4-ns { height: 8rem; }
- .h-5-ns { height: 16rem; }
- .h-25-ns { height: 25%; }
- .h-50-ns { height: 50%; }
- .h-75-ns { height: 75%; }
- .h-100-ns { height: 100%; }
- .h-at-ns { height: auto; }
- .h-i-ns { height: inherit; }
-}
-
-@media screen and (min-width: 48em) and (max-width: 64em) {
- .h1-m { height: 1rem; }
- .h2-m { height: 2rem; }
- .h3-m { height: 4rem; }
- .h4-m { height: 8rem; }
- .h5-m { height: 16rem; }
- .h-25-m { height: 25%; }
- .h-50-m { height: 50%; }
- .h-75-m { height: 75%; }
- .h-100-m { height: 100%; }
- .h-at-m { height: auto; }
- .h-i-m { height: inherit; }
-}
-
-@media screen and (min-width: 64em) {
- .h1-l { height: 1rem; }
- .h2-l { height: 2rem; }
- .h3-l { height: 4rem; }
- .h4-l { height: 8rem; }
- .h5-l { height: 16rem; }
- .h-25-l { height: 25%; }
- .h-50-l { height: 50%; }
- .h-75-l { height: 75%; }
- .h-100-l { height: 100%; }
- .h-at-l { height: auto; }
- .h-i-l { height: inherit; }
-}
-
+.h-i { height: inherit; }
/*
LETTER SPACING
*/
-
-.tracked { letter-spacing: .16em; }
+.tracked { letter-spacing: .16em; }
.tracked-tight { letter-spacing: -.08em; }
-.tracked-mega { letter-spacing: .32em; }
-
-@media screen and (min-width: 48em) {
- .tracked-ns { letter-spacing: .16em; }
- .tracked-tight-ns { letter-spacing: -.08em; }
- .tracked-mega-ns { letter-spacing: .32em; }
-}
-
-@media screen and (min-width: 48em) and (max-width: 64em) {
- .tracked-m { letter-spacing: .16em; }
- .tracked-tight-m { letter-spacing: -.08em; }
- .tracked-mega-m { letter-spacing: .32em; }
-}
-
-@media screen and (min-width: 64em) {
- .tracked-l { letter-spacing: .16em; }
- .tracked-tight-l { letter-spacing: -.08em; }
- .tracked-mega-l { letter-spacing: .32em; }
-}
-
-
+.tracked-mega { letter-spacing: .32em; }
/*
LINE HEIGHT / LEADING
*/
-
-.lh { line-height: 1; }
+.lh { line-height: 1; }
.lh-title { line-height: 1.3; }
-.lh-copy { line-height: 1.6; }
-
-@media screen and (min-width: 48em) {
- .lh-ns { line-height: 1; }
- .lh-title-ns { line-height: 1.3; }
- .lh-copy-ns { line-height: 1.6; }
-}
-
-@media screen and (min-width: 48em) and (max-width: 64em) {
- .lh-m { line-height: 1; }
- .lh-title-m { line-height: 1.3; }
- .lh-copy-m { line-height: 1.6; }
-}
-
-@media screen and (min-width: 64em) {
- .lh-l { line-height: 1; }
- .lh-title-l { line-height: 1.3; }
- .lh-copy-l { line-height: 1.6; }
-}
+.lh-copy { line-height: 1.6; }
/*
LINKS
*/
-
-.link {
- text-decoration: none;
- -webkit-transition: color .15s ease-in;
- transition: color .15s ease-in;
-}
-
-.link:link,
-.link:visited {
- -webkit-transition: color .15s ease-in;
- transition: color .15s ease-in;
-}
-.link:hover {
- -webkit-transition: color .15s ease-in;
- transition: color .15s ease-in;
-}
-.link:active {
- -webkit-transition: color .15s ease-in;
- transition: color .15s ease-in;
-}
-.link:focus {
- -webkit-transition: color .15s ease-in;
- transition: color .15s ease-in;
-}
+.link { text-decoration: none; transition: color .15s ease-in; }
+.link:link, .link:visited { transition: color .15s ease-in; }
+.link:hover { transition: color .15s ease-in; }
+.link:active { transition: color .15s ease-in; }
+.link:focus { transition: color .15s ease-in; }
/*
LISTS
*/
-
-.list { list-style-type: none; }
+.list { list-style-type: none; }
/*
Opacity
*/
-
-.o-100 { opacity: 1; }
-.o-90 { opacity: .9; }
-.o-80 { opacity: .8; }
-.o-70 { opacity: .7; }
-.o-60 { opacity: .6; }
-.o-50 { opacity: .5; }
-.o-40 { opacity: .4; }
-.o-30 { opacity: .3; }
-.o-20 { opacity: .2; }
-.o-10 { opacity: .1; }
-.o-05 { opacity: .05; }
+.o-100 { opacity: 1; }
+.o-90 { opacity: .9; }
+.o-80 { opacity: .8; }
+.o-70 { opacity: .7; }
+.o-60 { opacity: .6; }
+.o-50 { opacity: .5; }
+.o-40 { opacity: .4; }
+.o-30 { opacity: .3; }
+.o-20 { opacity: .2; }
+.o-10 { opacity: .1; }
+.o-05 { opacity: .05; }
.o-025 { opacity: .025; }
-
/*
MAX WIDTHS
*/
-
/* Max Width Percentages */
-
-.mw-100 { max-width: 100%; }
-
+.mw-100 { max-width: 100%; }
/* Max Width Scale */
-
-.mw1 { max-width: 1rem; }
-.mw2 { max-width: 2rem; }
-.mw3 { max-width: 4rem; }
-.mw4 { max-width: 8rem; }
-.mw5 { max-width: 16rem; }
-.mw6 { max-width: 32rem; }
-.mw7 { max-width: 48rem; }
-.mw8 { max-width: 64rem; }
-.mw9 { max-width: 96rem; }
-
+.mw1 { max-width: 1rem; }
+.mw2 { max-width: 2rem; }
+.mw3 { max-width: 4rem; }
+.mw4 { max-width: 8rem; }
+.mw5 { max-width: 16rem; }
+.mw6 { max-width: 32rem; }
+.mw7 { max-width: 48rem; }
+.mw8 { max-width: 64rem; }
+.mw9 { max-width: 96rem; }
/* Max Width String Properties */
-
.mw-none { max-width: none; }
-
-@media screen and (min-width: 48em) {
- .mw-100-ns { max-width: 100%; }
-
- .mw1-ns { max-width: 1rem; }
- .mw2-ns { max-width: 2rem; }
- .mw3-ns { max-width: 4rem; }
- .mw4-ns { max-width: 8rem; }
- .mw5-ns { max-width: 16rem; }
- .mw6-ns { max-width: 32rem; }
- .mw7-ns { max-width: 48rem; }
- .mw8-ns { max-width: 64rem; }
- .mw9-ns { max-width: 96rem; }
-
- .mw-none-ns { max-width: none; }
-}
-
-@media screen and (min-width: 48em) and (max-width: 64em) {
- .mw-100-m { max-width: 100%; }
-
- .mw1-m { max-width: 1rem; }
- .mw2-m { max-width: 2rem; }
- .mw3-m { max-width: 4rem; }
- .mw4-m { max-width: 8rem; }
- .mw5-m { max-width: 16rem; }
- .mw6-m { max-width: 32rem; }
- .mw7-m { max-width: 48rem; }
- .mw8-m { max-width: 64rem; }
- .mw9-m { max-width: 96rem; }
-
- .mw-none-m { max-width: none; }
-}
-
-@media screen and (min-width: 64em) {
- .mw-100-l { max-width: 100%; }
-
- .mw1-l { max-width: 1rem; }
- .mw2-l { max-width: 2rem; }
- .mw3-l { max-width: 4rem; }
- .mw4-l { max-width: 8rem; }
- .mw5-l { max-width: 16rem; }
- .mw6-l { max-width: 32rem; }
- .mw7-l { max-width: 48rem; }
- .mw8-l { max-width: 64rem; }
- .mw9-l { max-width: 96rem; }
-
- .mw-none-l { max-width: none; }
-}
-
/*
WIDTHS
@@ -1562,191 +715,50 @@ code, .code {
-l = large
*/
-
/* Width Scale */
-
-.w1 { width: 1rem; }
-.w2 { width: 2rem; }
-.w3 { width: 4rem; }
-.w4 { width: 8rem; }
-.w5 { width: 16rem; }
-
-.w-10 { width: 10%; }
-.w-20 { width: 20%; }
-.w-25 { width: 25%; }
-.w-33 { width: 33%; }
-.w-34 { width: 34%; }
-.w-40 { width: 40%; }
-.w-50 { width: 50%; }
-.w-60 { width: 60%; }
-.w-75 { width: 75%; }
-.w-80 { width: 80%; }
+.w1 { width: 1rem; }
+.w2 { width: 2rem; }
+.w3 { width: 4rem; }
+.w4 { width: 8rem; }
+.w5 { width: 16rem; }
+.w-10 { width: 10%; }
+.w-20 { width: 20%; }
+.w-25 { width: 25%; }
+.w-33 { width: 33%; }
+.w-34 { width: 34%; }
+.w-40 { width: 40%; }
+.w-50 { width: 50%; }
+.w-60 { width: 60%; }
+.w-75 { width: 75%; }
+.w-80 { width: 80%; }
.w-100 { width: 100%; }
-
.w-auto { width: auto; }
-
-@media screen and (min-width: 48em) {
- .w1-ns { width: 1rem; }
- .w2-ns { width: 2rem; }
- .w3-ns { width: 4rem; }
- .w4-ns { width: 8rem; }
- .w5-ns { width: 16rem; }
- .w-10-ns { width: 10%; }
- .w-20-ns { width: 20%; }
- .w-25-ns { width: 25%; }
- .w-33-ns { width: 33%; }
- .w-34-ns { width: 34%; }
- .w-40-ns { width: 40%; }
- .w-50-ns { width: 50%; }
- .w-60-ns { width: 60%; }
- .w-75-ns { width: 75%; }
- .w-80-ns { width: 80%; }
- .w-100-ns { width: 100%; }
- .w-auto-ns { width: auto; }
-}
-
-@media screen and (min-width: 48em) and (max-width: 64em) {
- .w1-m { width: 1rem; }
- .w2-m { width: 2rem; }
- .w3-m { width: 4rem; }
- .w4-m { width: 8rem; }
- .w5-m { width: 16rem; }
- .w-10-m { width: 10%; }
- .w-20-m { width: 20%; }
- .w-25-m { width: 25%; }
- .w-33-m { width: 33%; }
- .w-34-m { width: 34%; }
- .w-40-m { width: 40%; }
- .w-50-m { width: 50%; }
- .w-60-m { width: 60%; }
- .w-75-m { width: 75%; }
- .w-80-m { width: 80%; }
- .w-100-m { width: 100%; }
- .w-auto-m { width: auto; }
-}
-
-@media screen and (min-width: 64em) {
- .w1-l { width: 1rem; }
- .w2-l { width: 2rem; }
- .w3-l { width: 4rem; }
- .w4-l { width: 8rem; }
- .w5-l { width: 16rem; }
- .w-10-l { width: 10%; }
- .w-20-l { width: 20%; }
- .w-25-l { width: 25%; }
- .w-33-l { width: 33%; }
- .w-34-l { width: 34%; }
- .w-40-l { width: 40%; }
- .w-50-l { width: 50%; }
- .w-60-l { width: 60%; }
- .w-75-l { width: 75%; }
- .w-80-l { width: 80%; }
- .w-100-l { width: 100%; }
- .w-auto-l { width: auto; }
-}
-
/*
OVERFLOW
*/
-
.overflow-visible { overflow: visible; }
.overflow-hidden { overflow: hidden; }
.overflow-scroll { overflow: scroll; }
.overflow-auto { overflow: auto; }
-
.overflow-x-visible { overflow-x: visible; }
.overflow-x-hidden { overflow-x: hidden; }
.overflow-x-scroll { overflow-x: scroll; }
.overflow-x-auto { overflow-x: auto; }
-
.overflow-y-visible { overflow-y: visible; }
.overflow-y-hidden { overflow-y: hidden; }
.overflow-y-scroll { overflow-y: scroll; }
.overflow-y-auto { overflow-y: auto; }
-
-@media screen and (min-width: 48em) {
- .overflow-visible-ns { overflow: visible; }
- .overflow-hidden-ns { overflow: hidden; }
- .overflow-scroll-ns { overflow: scroll; }
- .overflow-auto-ns { overflow: auto; }
- .overflow-x-visible-ns { overflow-x: visible; }
- .overflow-x-hidden-ns { overflow-x: hidden; }
- .overflow-x-scroll-ns { overflow-x: scroll; }
- .overflow-x-auto-ns { overflow-x: auto; }
-
- .overflow-y-visible-ns { overflow-y: visible; }
- .overflow-y-hidden-ns { overflow-y: hidden; }
- .overflow-y-scroll-ns { overflow-y: scroll; }
- .overflow-y-auto-ns { overflow-y: auto; }
-}
-
-@media screen and (min-width: 48em) and (max-width: 64em) {
- .overflow-visible-m { overflow: visible; }
- .overflow-hidden-m { overflow: hidden; }
- .overflow-scroll-m { overflow: scroll; }
- .overflow-auto-m { overflow: auto; }
-
- .overflow-x-visible-m { overflow-x: visible; }
- .overflow-x-hidden-m { overflow-x: hidden; }
- .overflow-x-scroll-m { overflow-x: scroll; }
- .overflow-x-auto-m { overflow-x: auto; }
-
- .overflow-y-visible-m { overflow-y: visible; }
- .overflow-y-hidden-m { overflow-y: hidden; }
- .overflow-y-scroll-m { overflow-y: scroll; }
- .overflow-y-auto-m { overflow-y: auto; }
-}
-
-@media screen and (min-width: 64em) {
- .overflow-visible-l { overflow: visible; }
- .overflow-hidden-l { overflow: hidden; }
- .overflow-scroll-l { overflow: scroll; }
- .overflow-auto-l { overflow: auto; }
-
- .overflow-x-visible-l { overflow-x: visible; }
- .overflow-x-hidden-l { overflow-x: hidden; }
- .overflow-x-scroll-l { overflow-x: scroll; }
- .overflow-x-auto-l { overflow-x: auto; }
-
- .overflow-y-visible-l { overflow-y: visible; }
- .overflow-y-hidden-l { overflow-y: hidden; }
- .overflow-y-scroll-l { overflow-y: scroll; }
- .overflow-y-auto-l { overflow-y: auto; }
-}
-
/*
POSITIONING
*/
-
.static { position: static; }
-.relative { position: relative; }
-.absolute { position: absolute; }
-.fixed { position: fixed; }
-
-@media screen and (min-width: 48em) {
- .static-ns { position: static; }
- .relative-ns { position: relative; }
- .absolute-ns { position: absolute; }
- .fixed-ns { position: fixed; }
-}
-
-@media screen and (min-width: 48em) and (max-width: 64em) {
- .static-m { position: static; }
- .relative-m { position: relative; }
- .absolute-m { position: absolute; }
- .fixed-m { position: fixed; }
-}
-
-@media screen and (min-width: 64em) {
- .static-l { position: static; }
- .relative-l { position: relative; }
- .absolute-l { position: absolute; }
- .fixed-l { position: fixed; }
-}
+.relative { position: relative; }
+.absolute { position: absolute; }
+.fixed { position: fixed; }
/*
COLOR VARIABLES
@@ -1755,88 +767,72 @@ code, .code {
color, background-color, and border-color
*/
-
/* variables */
-
-
/*
SKINS
*/
-
-
-
-
/* Text colors */
-
-.black-90 { color: rgba(0,0,0,.9); }
-.black-80 { color: rgba(0,0,0,.8); }
-.black-70 { color: rgba(0,0,0,.7); }
-.black-60 { color: rgba(0,0,0,.6); }
-.black-50 { color: rgba(0,0,0,.5); }
-.black-40 { color: rgba(0,0,0,.4); }
-.black-30 { color: rgba(0,0,0,.3); }
-.black-20 { color: rgba(0,0,0,.2); }
-.black-10 { color: rgba(0,0,0,.1); }
-.black-05 { color: rgba(0,0,0,.05); }
-
-.bg-black-90 { background-color: rgba(0,0,0,.9); }
-.bg-black-80 { background-color: rgba(0,0,0,.8); }
-.bg-black-70 { background-color: rgba(0,0,0,.7); }
-.bg-black-60 { background-color: rgba(0,0,0,.6); }
-.bg-black-50 { background-color: rgba(0,0,0,.5); }
-.bg-black-40 { background-color: rgba(0,0,0,.4); }
-.bg-black-30 { background-color: rgba(0,0,0,.3); }
-.bg-black-20 { background-color: rgba(0,0,0,.2); }
-.bg-black-10 { background-color: rgba(0,0,0,.1); }
-.bg-black-05 { background-color: rgba(0,0,0,.05); }
-
-.white-90 { color: rgba(255,255,255,.9); }
-.white-80 { color: rgba(255,255,255,.8); }
-.white-70 { color: rgba(255,255,255,.7); }
-.white-60 { color: rgba(255,255,255,.6); }
-.white-50 { color: rgba(255,255,255,.5); }
-.white-40 { color: rgba(255,255,255,.4); }
-.white-30 { color: rgba(255,255,255,.3); }
-.white-20 { color: rgba(255,255,255,.2); }
-.white-10 { color: rgba(255,255,255,.1); }
-
-.bg-white-90 { background-color: rgba(255,255,255,.9); }
-.bg-white-80 { background-color: rgba(255,255,255,.8); }
-.bg-white-70 { background-color: rgba(255,255,255,.7); }
-.bg-white-60 { background-color: rgba(255,255,255,.6); }
-.bg-white-50 { background-color: rgba(255,255,255,.5); }
-.bg-white-40 { background-color: rgba(255,255,255,.4); }
-.bg-white-30 { background-color: rgba(255,255,255,.3); }
-.bg-white-20 { background-color: rgba(255,255,255,.2); }
-.bg-white-10 { background-color: rgba(255,255,255,.1); }
-
-.black { color: #111; }
-.near-black { color: #111; }
-.dark-gray { color: #333; }
-.mid-gray { color: #555; }
-.gray { color: #777; }
-.silver { color: #999; }
-.light-silver { color: #aaa; }
-.light-gray { color: #eee; }
-.near-white { color: #f4f4f4; }
-.white { color: #fff; }
-
+.black-90 { color: rgba( 0, 0, 0, .9 ); }
+.black-80 { color: rgba( 0, 0, 0, .8 ); }
+.black-70 { color: rgba( 0, 0, 0, .7 ); }
+.black-60 { color: rgba( 0, 0, 0, .6 ); }
+.black-50 { color: rgba( 0, 0, 0, .5 ); }
+.black-40 { color: rgba( 0, 0, 0, .4 ); }
+.black-30 { color: rgba( 0, 0, 0, .3 ); }
+.black-20 { color: rgba( 0, 0, 0, .2 ); }
+.black-10 { color: rgba( 0, 0, 0, .1 ); }
+.black-05 { color: rgba( 0, 0, 0, .05 ); }
+.bg-black-90 { background-color: rgba( 0, 0, 0, .9 ); }
+.bg-black-80 { background-color: rgba( 0, 0, 0, .8 ); }
+.bg-black-70 { background-color: rgba( 0, 0, 0, .7 ); }
+.bg-black-60 { background-color: rgba( 0, 0, 0, .6 ); }
+.bg-black-50 { background-color: rgba( 0, 0, 0, .5 ); }
+.bg-black-40 { background-color: rgba( 0, 0, 0, .4 ); }
+.bg-black-30 { background-color: rgba( 0, 0, 0, .3 ); }
+.bg-black-20 { background-color: rgba( 0, 0, 0, .2 ); }
+.bg-black-10 { background-color: rgba( 0, 0, 0, .1 ); }
+.bg-black-05 { background-color: rgba( 0, 0, 0, .05 ); }
+.white-90 { color: rgba( 255, 255, 255, .9 ); }
+.white-80 { color: rgba( 255, 255, 255, .8 ); }
+.white-70 { color: rgba( 255, 255, 255, .7 ); }
+.white-60 { color: rgba( 255, 255, 255, .6 ); }
+.white-50 { color: rgba( 255, 255, 255, .5 ); }
+.white-40 { color: rgba( 255, 255, 255, .4 ); }
+.white-30 { color: rgba( 255, 255, 255, .3 ); }
+.white-20 { color: rgba( 255, 255, 255, .2 ); }
+.white-10 { color: rgba( 255, 255, 255, .1 ); }
+.bg-white-90 { background-color: rgba( 255, 255, 255, .9 ); }
+.bg-white-80 { background-color: rgba( 255, 255, 255, .8 ); }
+.bg-white-70 { background-color: rgba( 255, 255, 255, .7 ); }
+.bg-white-60 { background-color: rgba( 255, 255, 255, .6 ); }
+.bg-white-50 { background-color: rgba( 255, 255, 255, .5 ); }
+.bg-white-40 { background-color: rgba( 255, 255, 255, .4 ); }
+.bg-white-30 { background-color: rgba( 255, 255, 255, .3 ); }
+.bg-white-20 { background-color: rgba( 255, 255, 255, .2 ); }
+.bg-white-10 { background-color: rgba( 255, 255, 255, .1 ); }
+.black { color: #111; }
+.near-black { color: #111; }
+.dark-gray { color: #333; }
+.mid-gray { color: #555; }
+.gray { color: #777; }
+.silver { color: #999; }
+.light-silver { color: #aaa; }
+.light-gray { color: #eee; }
+.near-white { color: #f4f4f4; }
+.white { color: #fff; }
/* Background colors */
-
-.bg-black { background-color: #111; }
-.bg-near-black { background-color: #111; }
-.bg-dark-gray { background-color: #333; }
-.bg-mid-gray { background-color: #555; }
-.bg-gray { background-color: #777; }
-.bg-silver { background-color: #999; }
-.bg-light-silver { background-color: #aaa; }
-.bg-light-gray { background-color: #eee; }
-.bg-near-white { background-color: #f4f4f4; }
-.bg-white { background-color: #fff; }
-
-
+.bg-black { background-color: #111; }
+.bg-near-black { background-color: #111; }
+.bg-dark-gray { background-color: #333; }
+.bg-mid-gray { background-color: #555; }
+.bg-gray { background-color: #777; }
+.bg-silver { background-color: #999; }
+.bg-light-silver { background-color: #aaa; }
+.bg-light-gray { background-color: #eee; }
+.bg-near-white { background-color: #f4f4f4; }
+.bg-white { background-color: #fff; }
/* Skins for specific pseudoclasses */
.focus-black:focus { color: #111; }
.focus-near-black:focus { color: #111; }
@@ -1849,7 +845,6 @@ code, .code {
.focus-light-gray:focus { color: #eee; }
.focus-near-white:focus { color: #f4f4f4; }
.focus-white:focus { color: #fff; }
-
.bg-focus-black:focus { background-color: #111; }
.bg-focus-near-black:focus { background-color: #111; }
.bg-focus-dark-gray:focus { background-color: #333; }
@@ -1861,7 +856,6 @@ code, .code {
.bg-focus-light-gray:focus { background-color: #eee; }
.bg-focus-near-white:focus { background-color: #f4f4f4; }
.bg-focus-white:focus { background-color: #fff; }
-
.hover-black:hover { color: #111; }
.hover-near-black:hover { color: #111; }
.hover-dark-gray:hover { color: #333; }
@@ -1873,7 +867,6 @@ code, .code {
.hover-light-gray:hover { color: #eee; }
.hover-near-white:hover { color: #f4f4f4; }
.hover-white:hover { color: #fff; }
-
.bg-hover-black:hover { background-color: #111; }
.bg-hover-near-black:hover { background-color: #111; }
.bg-hover-dark-gray:hover { background-color: #333; }
@@ -1886,11 +879,8 @@ code, .code {
.bg-hover-near-white:hover { background-color: #f4f4f4; }
.bg-hover-white:hover { background-color: #fff; }
/* Variables */
-
/* Spacing Scale - based on a ratio of 1:2 */
-
/* Media Queries */
-
/*
SPACING
@@ -1920,8 +910,6 @@ code, .code {
7 = 7th step in spacing scale
*/
-
-
.pa0 { padding: 0; }
.pa1 { padding: .25rem; }
.pa2 { padding: .5rem; }
@@ -1930,7 +918,6 @@ code, .code {
.pa5 { padding: 4rem; }
.pa6 { padding: 8rem; }
.pa7 { padding: 16rem; }
-
.pl0 { padding-left: 0; }
.pl1 { padding-left: .25rem; }
.pl2 { padding-left: .5rem; }
@@ -1939,7 +926,6 @@ code, .code {
.pl5 { padding-left: 4rem; }
.pl6 { padding-left: 8rem; }
.pl7 { padding-left: 16rem; }
-
.pr0 { padding-right: 0; }
.pr1 { padding-right: .25rem; }
.pr2 { padding-right: .5rem; }
@@ -1948,7 +934,6 @@ code, .code {
.pr5 { padding-right: 4rem; }
.pr6 { padding-right: 8rem; }
.pr7 { padding-right: 16rem; }
-
.pb0 { padding-bottom: 0; }
.pb1 { padding-bottom: .25rem; }
.pb2 { padding-bottom: .5rem; }
@@ -1957,7 +942,6 @@ code, .code {
.pb5 { padding-bottom: 4rem; }
.pb6 { padding-bottom: 8rem; }
.pb7 { padding-bottom: 16rem; }
-
.pt0 { padding-top: 0; }
.pt1 { padding-top: .25rem; }
.pt2 { padding-top: .5rem; }
@@ -1966,962 +950,110 @@ code, .code {
.pt5 { padding-top: 4rem; }
.pt6 { padding-top: 8rem; }
.pt7 { padding-top: 16rem; }
-
-.pv0 {
- padding-top: 0;
- padding-bottom: 0;
-}
-.pv1 {
- padding-top: .25rem;
- padding-bottom: .25rem;
-}
-.pv2 {
- padding-top: .5rem;
- padding-bottom: .5rem;
-}
-.pv3 {
- padding-top: 1rem;
- padding-bottom: 1rem;
-}
-.pv4 {
- padding-top: 2rem;
- padding-bottom: 2rem;
-}
-.pv5 {
- padding-top: 4rem;
- padding-bottom: 4rem;
-}
-.pv6 {
- padding-top: 8rem;
- padding-bottom: 8rem;
-}
-
-.pv7 {
- padding-top: 16rem;
- padding-bottom: 16rem;
-}
-
-.ph0 {
- padding-left: 0;
- padding-right: 0;
-}
-
-.ph1 {
- padding-left: .25rem;
- padding-right: .25rem;
-}
-
-.ph2 {
- padding-left: .5rem;
- padding-right: .5rem;
-}
-
-.ph3 {
- padding-left: 1rem;
- padding-right: 1rem;
-}
-
-.ph4 {
- padding-left: 2rem;
- padding-right: 2rem;
-}
-
-.ph5 {
- padding-left: 4rem;
- padding-right: 4rem;
-}
-
-.ph6 {
- padding-left: 8rem;
- padding-right: 8rem;
-}
-
-.ph7 {
- padding-left: 16rem;
- padding-right: 16rem;
-}
-
-.ma0 { margin: 0; }
-.ma1 { margin: .25rem; }
-.ma2 { margin: .5rem; }
-.ma3 { margin: 1rem; }
-.ma4 { margin: 2rem; }
-.ma5 { margin: 4rem; }
-.ma6 { margin: 8rem; }
+.pv0 { padding-top: 0; padding-bottom: 0; }
+.pv1 { padding-top: .25rem; padding-bottom: .25rem; }
+.pv2 { padding-top: .5rem; padding-bottom: .5rem; }
+.pv3 { padding-top: 1rem; padding-bottom: 1rem; }
+.pv4 { padding-top: 2rem; padding-bottom: 2rem; }
+.pv5 { padding-top: 4rem; padding-bottom: 4rem; }
+.pv6 { padding-top: 8rem; padding-bottom: 8rem; }
+.pv7 { padding-top: 16rem; padding-bottom: 16rem; }
+.ph0 { padding-left: 0; padding-right: 0; }
+.ph1 { padding-left: .25rem; padding-right: .25rem; }
+.ph2 { padding-left: .5rem; padding-right: .5rem; }
+.ph3 { padding-left: 1rem; padding-right: 1rem; }
+.ph4 { padding-left: 2rem; padding-right: 2rem; }
+.ph5 { padding-left: 4rem; padding-right: 4rem; }
+.ph6 { padding-left: 8rem; padding-right: 8rem; }
+.ph7 { padding-left: 16rem; padding-right: 16rem; }
+.ma0 { margin: 0; }
+.ma1 { margin: .25rem; }
+.ma2 { margin: .5rem; }
+.ma3 { margin: 1rem; }
+.ma4 { margin: 2rem; }
+.ma5 { margin: 4rem; }
+.ma6 { margin: 8rem; }
.ma7 { margin: 16rem; }
-
-.ml0 { margin-left: 0; }
-.ml1 { margin-left: .25rem; }
-.ml2 { margin-left: .5rem; }
-.ml3 { margin-left: 1rem; }
-.ml4 { margin-left: 2rem; }
-.ml5 { margin-left: 4rem; }
-.ml6 { margin-left: 8rem; }
+.ml0 { margin-left: 0; }
+.ml1 { margin-left: .25rem; }
+.ml2 { margin-left: .5rem; }
+.ml3 { margin-left: 1rem; }
+.ml4 { margin-left: 2rem; }
+.ml5 { margin-left: 4rem; }
+.ml6 { margin-left: 8rem; }
.ml7 { margin-left: 16rem; }
-
-.mr0 { margin-right: 0; }
-.mr1 { margin-right: .25rem; }
-.mr2 { margin-right: .5rem; }
-.mr3 { margin-right: 1rem; }
-.mr4 { margin-right: 2rem; }
-.mr5 { margin-right: 4rem; }
-.mr6 { margin-right: 8rem; }
+.mr0 { margin-right: 0; }
+.mr1 { margin-right: .25rem; }
+.mr2 { margin-right: .5rem; }
+.mr3 { margin-right: 1rem; }
+.mr4 { margin-right: 2rem; }
+.mr5 { margin-right: 4rem; }
+.mr6 { margin-right: 8rem; }
.mr7 { margin-right: 16rem; }
-
-.mb0 { margin-bottom: 0; }
-.mb1 { margin-bottom: .25rem; }
-.mb2 { margin-bottom: .5rem; }
-.mb3 { margin-bottom: 1rem; }
-.mb4 { margin-bottom: 2rem; }
-.mb5 { margin-bottom: 4rem; }
-.mb6 { margin-bottom: 8rem; }
+.mb0 { margin-bottom: 0; }
+.mb1 { margin-bottom: .25rem; }
+.mb2 { margin-bottom: .5rem; }
+.mb3 { margin-bottom: 1rem; }
+.mb4 { margin-bottom: 2rem; }
+.mb5 { margin-bottom: 4rem; }
+.mb6 { margin-bottom: 8rem; }
.mb7 { margin-bottom: 16rem; }
-
-.mt0 { margin-top: 0; }
-.mt1 { margin-top: .25rem; }
-.mt2 { margin-top: .5rem; }
-.mt3 { margin-top: 1rem; }
-.mt4 { margin-top: 2rem; }
-.mt5 { margin-top: 4rem; }
-.mt6 { margin-top: 8rem; }
+.mt0 { margin-top: 0; }
+.mt1 { margin-top: .25rem; }
+.mt2 { margin-top: .5rem; }
+.mt3 { margin-top: 1rem; }
+.mt4 { margin-top: 2rem; }
+.mt5 { margin-top: 4rem; }
+.mt6 { margin-top: 8rem; }
.mt7 { margin-top: 16rem; }
-
-.mv0 {
- margin-top: 0;
- margin-bottom: 0rem;
-}
-.mv1 {
- margin-top: .25rem;
- margin-bottom: .25rem;
-}
-.mv2 {
- margin-top: .5rem;
- margin-bottom: .5rem;
-}
-.mv3 {
- margin-top: 1rem;
- margin-bottom: 1rem;
-}
-.mv4 {
- margin-top: 2rem;
- margin-bottom: 2rem;
-}
-.mv5 {
- margin-top: 4rem;
- margin-bottom: 4rem;
-}
-.mv6 {
- margin-top: 8rem;
- margin-bottom: 8rem;
-}
-.mv7 {
- margin-top: 16rem;
- margin-bottom: 16rem;
-}
-
-.mh0 {
- margin-left: 0;
- margin-right: 0;
-}
-.mh2 {
- margin-left: .5rem;
- margin-right: .5rem;
-}
-.mh3 {
- margin-left: 1rem;
- margin-right: 1rem;
-}
-.mh4 {
- margin-left: 2rem;
- margin-right: 2rem;
-}
-.mh5 {
- margin-left: 4rem;
- margin-right: 4rem;
-}
-.mh6 {
- margin-left: 8rem;
- margin-right: 8rem;
-}
-.mh7 {
- margin-left: 16rem;
- margin-right: 16rem;
-}
-
-@media screen and (min-width: 48em) {
- .pa0-ns { padding: 0; }
- .pa1-ns { padding: .25rem; }
- .pa2-ns { padding: .5rem; }
- .pa3-ns { padding: 1rem; }
- .pa4-ns { padding: 2rem; }
- .pa5-ns { padding: 4rem; }
- .pa6-ns { padding: 8rem; }
- .pa7-ns { padding: 16rem; }
-
- .pl0-ns { padding-left: 0; }
- .pl1-ns { padding-left: .25rem; }
- .pl2-ns { padding-left: .5rem; }
- .pl3-ns { padding-left: 1rem; }
- .pl4-ns { padding-left: 2rem; }
- .pl5-ns { padding-left: 4rem; }
- .pl6-ns { padding-left: 8rem; }
- .pl7-ns { padding-left: 16rem; }
-
- .pr0-ns { padding-right: 0; }
- .pr1-ns { padding-right: .25rem; }
- .pr2-ns { padding-right: .5rem; }
- .pr3-ns { padding-right: 1rem; }
- .pr4-ns { padding-right: 2rem; }
- .pr5-ns { padding-right: 4rem; }
- .pr6-ns { padding-right: 8rem; }
- .pr7-ns { padding-right: 16rem; }
-
- .pb0-ns { padding-bottom: 0; }
- .pb1-ns { padding-bottom: .25rem; }
- .pb2-ns { padding-bottom: .5rem; }
- .pb3-ns { padding-bottom: 1rem; }
- .pb4-ns { padding-bottom: 2rem; }
- .pb5-ns { padding-bottom: 4rem; }
- .pb6-ns { padding-bottom: 8rem; }
- .pb7-ns { padding-bottom: 16rem; }
-
- .pt0-ns { padding-top: 0; }
- .pt1-ns { padding-top: .25rem; }
- .pt2-ns { padding-top: .5rem; }
- .pt3-ns { padding-top: 1rem; }
- .pt4-ns { padding-top: 2rem; }
- .pt5-ns { padding-top: 4rem; }
- .pt6-ns { padding-top: 8rem; }
- .pt7-ns { padding-top: 16rem; }
-
- .pv0-ns {
- padding-top: 0;
- padding-bottom: 0;
- }
- .pv1-ns {
- padding-top: .25rem;
- padding-bottom: .25rem;
- }
- .pv2-ns {
- padding-top: .5rem;
- padding-bottom: .5rem;
- }
- .pv3-ns {
- padding-top: 1rem;
- padding-bottom: 1rem;
- }
- .pv4-ns {
- padding-top: 2rem;
- padding-bottom: 2rem;
- }
- .pv5-ns {
- padding-top: 4rem;
- padding-bottom: 4rem;
- }
- .pv6-ns {
- padding-top: 8rem;
- padding-bottom: 8rem;
- }
- .pv7-ns {
- padding-top: 16rem;
- padding-bottom: 16rem;
- }
- .ph0-ns {
- padding-left: 0;
- padding-right: 0;
- }
- .pv1-ns {
- padding-left: .25rem;
- padding-right: .25rem;
- }
- .ph2-ns {
- padding-left: .5rem;
- padding-right: .5rem;
- }
- .ph3-ns {
- padding-left: 1rem;
- padding-right: 1rem;
- }
- .ph4-ns {
- padding-left: 2rem;
- padding-right: 2rem;
- }
- .ph5-ns {
- padding-left: 4rem;
- padding-right: 4rem;
- }
- .ph6-ns {
- padding-left: 8rem;
- padding-right: 8rem;
- }
- .ph7-ns {
- padding-left: 16rem;
- padding-right: 16rem;
- }
-
- .ma0-ns { margin: 0; }
- .ma1-ns { margin: .25rem; }
- .ma2-ns { margin: .5rem; }
- .ma3-ns { margin: 1rem; }
- .ma4-ns { margin: 2rem; }
- .ma5-ns { margin: 4rem; }
- .ma6-ns { margin: 8rem; }
- .ma7-ns { margin: 16rem; }
-
- .ml0-ns { margin-left: 0; }
- .ml1-ns { margin-left: .25rem; }
- .ml2-ns { margin-left: .5rem; }
- .ml3-ns { margin-left: 1rem; }
- .ml4-ns { margin-left: 2rem; }
- .ml5-ns { margin-left: 4rem; }
- .ml6-ns { margin-left: 8rem; }
- .ml7-ns { margin-left: 16rem; }
-
- .mr0-ns { margin-right: 0; }
- .mr1-ns { margin-right: .25rem; }
- .mr2-ns { margin-right: .5rem; }
- .mr3-ns { margin-right: 1rem; }
- .mr4-ns { margin-right: 2rem; }
- .mr5-ns { margin-right: 4rem; }
- .mr6-ns { margin-right: 8rem; }
- .mr7-ns { margin-right: 16rem; }
-
- .mb0-ns { margin-bottom: 0; }
- .mb1-ns { margin-bottom: .25rem; }
- .mb2-ns { margin-bottom: .5rem; }
- .mb3-ns { margin-bottom: 1rem; }
- .mb4-ns { margin-bottom: 2rem; }
- .mb5-ns { margin-bottom: 4rem; }
- .mb6-ns { margin-bottom: 8rem; }
- .mb7-ns { margin-bottom: 16rem; }
-
- .mt0-ns { margin-top: 0; }
- .mt1-ns { margin-top: .25rem; }
- .mt2-ns { margin-top: .5rem; }
- .mt3-ns { margin-top: 1rem; }
- .mt4-ns { margin-top: 2rem; }
- .mt5-ns { margin-top: 4rem; }
- .mt6-ns { margin-top: 8rem; }
- .mt7-ns { margin-top: 16rem; }
-
- .mv0-ns {
- margin-top: 0;
- margin-bottom: 0rem;
- }
- .mv1-ns {
- margin-top: .25rem;
- margin-bottom: .25rem;
- }
- .mv2-ns {
- margin-top: .5rem;
- margin-bottom: .5rem;
- }
- .mv3-ns {
- margin-top: 1rem;
- margin-bottom: 1rem;
- }
- .mv4-ns {
- margin-top: 2rem;
- margin-bottom: 2rem;
- }
- .mv5-ns {
- margin-top: 4rem;
- margin-bottom: 4rem;
- }
- .mv6-ns {
- margin-top: 8rem;
- margin-bottom: 8rem;
- }
- .mv7-ns {
- margin-top: 16rem;
- margin-bottom: 16rem;
- }
-
- .mh0-ns {
- margin-left: 0;
- margin-right: 0;
- }
- .mh2-ns {
- margin-left: .5rem;
- margin-right: .5rem;
- }
- .mh3-ns {
- margin-left: 1rem;
- margin-right: 1rem;
- }
- .mh4-ns {
- margin-left: 2rem;
- margin-right: 2rem;
- }
- .mh5-ns {
- margin-left: 4rem;
- margin-right: 4rem;
- }
- .mh6-ns {
- margin-left: 8rem;
- margin-right: 8rem;
- }
- .mh7-ns {
- margin-left: 16rem;
- margin-right: 16rem;
- }
-
-}
-
-@media screen and (min-width: 48em) and (max-width: 64em) {
- .pa0-m { padding: 0; }
- .pa1-m { padding: .25rem; }
- .pa2-m { padding: .5rem; }
- .pa3-m { padding: 1rem; }
- .pa4-m { padding: 2rem; }
- .pa5-m { padding: 4rem; }
- .pa6-m { padding: 8rem; }
- .pa7-m { padding: 16rem; }
-
- .pl0-m { padding-left: 0; }
- .pl1-m { padding-left: .25rem; }
- .pl2-m { padding-left: .5rem; }
- .pl3-m { padding-left: 1rem; }
- .pl4-m { padding-left: 2rem; }
- .pl5-m { padding-left: 4rem; }
- .pl6-m { padding-left: 8rem; }
- .pl7-m { padding-left: 16rem; }
-
- .pr0-m { padding-right: 0; }
- .pr1-m { padding-right: .25rem; }
- .pr2-m { padding-right: .5rem; }
- .pr3-m { padding-right: 1rem; }
- .pr4-m { padding-right: 2rem; }
- .pr5-m { padding-right: 4rem; }
- .pr6-m { padding-right: 8rem; }
- .pr7-m { padding-right: 16rem; }
-
- .pb0-m { padding-bottom: 0; }
- .pb1-m { padding-bottom: .25rem; }
- .pb2-m { padding-bottom: .5rem; }
- .pb3-m { padding-bottom: 1rem; }
- .pb4-m { padding-bottom: 2rem; }
- .pb5-m { padding-bottom: 4rem; }
- .pb6-m { padding-bottom: 8rem; }
- .pb7-m { padding-bottom: 16rem; }
-
- .pt0-m { padding-top: 0; }
- .pt1-m { padding-top: .25rem; }
- .pt2-m { padding-top: .5rem; }
- .pt3-m { padding-top: 1rem; }
- .pt4-m { padding-top: 2rem; }
- .pt5-m { padding-top: 4rem; }
- .pt6-m { padding-top: 8rem; }
- .pt7-m { padding-top: 16rem; }
-
- .pv0-m {
- padding-top: 0;
- padding-bottom: 0;
- }
- .pv1-m {
- padding-top: .25rem;
- padding-bottom: .25rem;
- }
- .pv2-m {
- padding-top: .5rem;
- padding-bottom: .5rem;
- }
- .pv3-m {
- padding-top: 1rem;
- padding-bottom: 1rem;
- }
- .pv4-m {
- padding-top: 2rem;
- padding-bottom: 2rem;
- }
- .pv5-m {
- padding-top: 4rem;
- padding-bottom: 4rem;
- }
- .pv6-m {
- padding-top: 8rem;
- padding-bottom: 8rem;
- }
- .pv7-m {
- padding-top: 16rem;
- padding-bottom: 16rem;
- }
-
- .ph0-m {
- padding-left: 0;
- padding-right: 0;
- }
- .pv1-m {
- padding-left: .25rem;
- padding-right: .25rem;
- }
- .ph2-m {
- padding-left: .5rem;
- padding-right: .5rem;
- }
- .ph3-m {
- padding-left: 1rem;
- padding-right: 1rem;
- }
- .ph4-m {
- padding-left: 2rem;
- padding-right: 2rem;
- }
- .ph5-m {
- padding-left: 4rem;
- padding-right: 4rem;
- }
- .ph6-m {
- padding-left: 8rem;
- padding-right: 8rem;
- }
- .ph7-m {
- padding-left: 16rem;
- padding-right: 16rem;
- }
-
- .ma0-m { margin: 0; }
- .ma1-m { margin: .25rem; }
- .ma2-m { margin: .5rem; }
- .ma3-m { margin: 1rem; }
- .ma4-m { margin: 2rem; }
- .ma5-m { margin: 4rem; }
- .ma6-m { margin: 8rem; }
- .ma7-m { margin: 16rem; }
-
- .ml0-m { margin-left: 0; }
- .ml1-m { margin-left: .25rem; }
- .ml2-m { margin-left: .5rem; }
- .ml3-m { margin-left: 1rem; }
- .ml4-m { margin-left: 2rem; }
- .ml5-m { margin-left: 4rem; }
- .ml6-m { margin-left: 8rem; }
- .ml7-m { margin-left: 16rem; }
-
- .mr0-m { margin-right: 0; }
- .mr1-m { margin-right: .25rem; }
- .mr2-m { margin-right: .5rem; }
- .mr3-m { margin-right: 1rem; }
- .mr4-m { margin-right: 2rem; }
- .mr5-m { margin-right: 4rem; }
- .mr6-m { margin-right: 8rem; }
- .mr7-m { margin-right: 16rem; }
-
- .mb0-m { margin-bottom: 0; }
- .mb1-m { margin-bottom: .25rem; }
- .mb2-m { margin-bottom: .5rem; }
- .mb3-m { margin-bottom: 1rem; }
- .mb4-m { margin-bottom: 2rem; }
- .mb5-m { margin-bottom: 4rem; }
- .mb6-m { margin-bottom: 8rem; }
- .mb7-m { margin-bottom: 16rem; }
-
- .mt0-m { margin-top: 0; }
- .mt1-m { margin-top: .25rem; }
- .mt2-m { margin-top: .5rem; }
- .mt3-m { margin-top: 1rem; }
- .mt4-m { margin-top: 2rem; }
- .mt5-m { margin-top: 4rem; }
- .mt6-m { margin-top: 8rem; }
- .mt7-m { margin-top: 16rem; }
-
- .mv0-m {
- margin-top: 0;
- margin-bottom: 0rem;
- }
- .mv1-m {
- margin-top: .25rem;
- margin-bottom: .25rem;
- }
- .mv2-m {
- margin-top: .5rem;
- margin-bottom: .5rem;
- }
- .mv3-m {
- margin-top: 1rem;
- margin-bottom: 1rem;
- }
- .mv4-m {
- margin-top: 2rem;
- margin-bottom: 2rem;
- }
- .mv5-m {
- margin-top: 4rem;
- margin-bottom: 4rem;
- }
- .mv6-m {
- margin-top: 8rem;
- margin-bottom: 8rem;
- }
- .mv7-m {
- margin-top: 16rem;
- margin-bottom: 16rem;
- }
-
- .mh0-m {
- margin-left: 0;
- margin-right: 0;
- }
- .mh1-m {
- margin-left: .25rem;
- margin-right: .25rem;
- }
- .mh2-m {
- margin-left: .5rem;
- margin-right: .5rem;
- }
- .mh3-m {
- margin-left: 1rem;
- margin-right: 1rem;
- }
- .mh4-m {
- margin-left: 2rem;
- margin-right: 2rem;
- }
- .mh5-m {
- margin-left: 4rem;
- margin-right: 4rem;
- }
- .mh6-m {
- margin-left: 8rem;
- margin-right: 8rem;
- }
- .mh7-m {
- margin-left: 16rem;
- margin-right: 16rem;
- }
-
-}
-
-@media screen and (min-width: 64em) {
- .pa0-l { padding: 0; }
- .pa1-l { padding: .25rem; }
- .pa2-l { padding: .5rem; }
- .pa3-l { padding: 1rem; }
- .pa4-l { padding: 2rem; }
- .pa5-l { padding: 4rem; }
- .pa6-l { padding: 8rem; }
- .pa7-l { padding: 16rem; }
-
- .pl0-l { padding-left: 0; }
- .pl1-l { padding-left: .25rem; }
- .pl2-l { padding-left: .5rem; }
- .pl3-l { padding-left: 1rem; }
- .pl4-l { padding-left: 2rem; }
- .pl5-l { padding-left: 4rem; }
- .pl6-l { padding-left: 8rem; }
- .pl7-l { padding-left: 16rem; }
-
- .pr0-l { padding-right: 0; }
- .pr1-l { padding-right: .25rem; }
- .pr2-l { padding-right: .5rem; }
- .pr3-l { padding-right: 1rem; }
- .pr4-l { padding-right: 2rem; }
- .pr5-l { padding-right: 4rem; }
- .pr6-l { padding-right: 8rem; }
- .pr7-l { padding-right: 16rem; }
-
- .pb0-l { padding-bottom: 0; }
- .pb1-l { padding-bottom: .25rem; }
- .pb2-l { padding-bottom: .5rem; }
- .pb3-l { padding-bottom: 1rem; }
- .pb4-l { padding-bottom: 2rem; }
- .pb5-l { padding-bottom: 4rem; }
- .pb6-l { padding-bottom: 8rem; }
- .pb7-l { padding-bottom: 16rem; }
-
- .pt0-l { padding-top: 0; }
- .pt1-l { padding-top: .25rem; }
- .pt2-l { padding-top: .5rem; }
- .pt3-l { padding-top: 1rem; }
- .pt4-l { padding-top: 2rem; }
- .pt5-l { padding-top: 4rem; }
- .pt6-l { padding-top: 8rem; }
- .pt7-l { padding-top: 16rem; }
-
- .pv0-l {
- padding-top: 0;
- padding-bottom: 0;
- }
- .pv1-l {
- padding-top: .25rem;
- padding-bottom: .25rem;
- }
- .pv2-l {
- padding-top: .5rem;
- padding-bottom: .5rem;
- }
- .pv3-l {
- padding-top: 1rem;
- padding-bottom: 1rem;
- }
- .pv4-l {
- padding-top: 2rem;
- padding-bottom: 2rem;
- }
- .pv5-l {
- padding-top: 4rem;
- padding-bottom: 4rem;
- }
- .pv6-l {
- padding-top: 8rem;
- padding-bottom: 8rem;
- }
- .pv7-l {
- padding-top: 16rem;
- padding-bottom: 16rem;
- }
-
- .ph0-l {
- padding-left: 0;
- padding-right: 0;
- }
- .ph1-l {
- padding-left: .25rem;
- padding-right: .25rem;
- }
- .ph2-l {
- padding-left: .5rem;
- padding-right: .5rem;
- }
- .ph3-l {
- padding-left: 1rem;
- padding-right: 1rem;
- }
- .ph4-l {
- padding-left: 2rem;
- padding-right: 2rem;
- }
- .ph5-l {
- padding-left: 4rem;
- padding-right: 4rem;
- }
- .ph6-l {
- padding-left: 8rem;
- padding-right: 8rem;
- }
- .ph7-l {
- padding-left: 16rem;
- padding-right: 16rem;
- }
-
- .ma0-l { margin: 0; }
- .ma1-l { margin: .25rem; }
- .ma2-l { margin: .5rem; }
- .ma3-l { margin: 1rem; }
- .ma4-l { margin: 2rem; }
- .ma5-l { margin: 4rem; }
- .ma6-l { margin: 8rem; }
- .ma7-l { margin: 16rem; }
-
- .ml0-l { margin-left: 0; }
- .ml1-l { margin-left: .25rem; }
- .ml2-l { margin-left: .5rem; }
- .ml3-l { margin-left: 1rem; }
- .ml4-l { margin-left: 2rem; }
- .ml5-l { margin-left: 4rem; }
- .ml6-l { margin-left: 8rem; }
- .ml7-l { margin-left: 16rem; }
-
- .mr0-l { margin-right: 0; }
- .mr1-l { margin-right: .25rem; }
- .mr2-l { margin-right: .5rem; }
- .mr3-l { margin-right: 1rem; }
- .mr4-l { margin-right: 2rem; }
- .mr5-l { margin-right: 4rem; }
- .mr6-l { margin-right: 8rem; }
- .mr7-l { margin-right: 16rem; }
-
- .mb0-l { margin-bottom: 0; }
- .mb1-l { margin-bottom: .25rem; }
- .mb2-l { margin-bottom: .5rem; }
- .mb3-l { margin-bottom: 1rem; }
- .mb4-l { margin-bottom: 2rem; }
- .mb5-l { margin-bottom: 4rem; }
- .mb6-l { margin-bottom: 8rem; }
- .mb7-l { margin-bottom: 16rem; }
-
- .mt0-l { margin-top: 0; }
- .mt1-l { margin-top: .25rem; }
- .mt2-l { margin-top: .5rem; }
- .mt3-l { margin-top: 1rem; }
- .mt4-l { margin-top: 2rem; }
- .mt5-l { margin-top: 4rem; }
- .mt6-l { margin-top: 8rem; }
- .mt7-l { margin-top: 16rem; }
-
- .mv0-l {
- margin-top: 0;
- margin-bottom: 0rem;
- }
- .mv1-l {
- margin-top: .25rem;
- margin-bottom: .25rem;
- }
- .mv2-l {
- margin-top: .5rem;
- margin-bottom: .5rem;
- }
- .mv3-l {
- margin-top: 1rem;
- margin-bottom: 1rem;
- }
- .mv4-l {
- margin-top: 2rem;
- margin-bottom: 2rem;
- }
- .mv5-l {
- margin-top: 4rem;
- margin-bottom: 4rem;
- }
- .mv6-l {
- margin-top: 8rem;
- margin-bottom: 8rem;
- }
- .mv7-l {
- margin-top: 16rem;
- margin-bottom: 16rem;
- }
-
- .mh0-l {
- margin-left: 0;
- margin-right: 0;
- }
- .mh1-l {
- margin-left: .25rem;
- margin-right: .25rem;
- }
- .mh2-l {
- margin-left: .5rem;
- margin-right: .5rem;
- }
- .mh3-l {
- margin-left: 1rem;
- margin-right: 1rem;
- }
- .mh4-l {
- margin-left: 2rem;
- margin-right: 2rem;
- }
- .mh5-l {
- margin-left: 4rem;
- margin-right: 4rem;
- }
- .mh6-l {
- margin-left: 8rem;
- margin-right: 8rem;
- }
- .mh7-l {
- margin-left: 16rem;
- margin-right: 16rem;
- }
-}
-
+.mv0 { margin-top: 0; margin-bottom: 0rem; }
+.mv1 { margin-top: .25rem; margin-bottom: .25rem; }
+.mv2 { margin-top: .5rem; margin-bottom: .5rem; }
+.mv3 { margin-top: 1rem; margin-bottom: 1rem; }
+.mv4 { margin-top: 2rem; margin-bottom: 2rem; }
+.mv5 { margin-top: 4rem; margin-bottom: 4rem; }
+.mv6 { margin-top: 8rem; margin-bottom: 8rem; }
+.mv7 { margin-top: 16rem; margin-bottom: 16rem; }
+.mh0 { margin-left: 0; margin-right: 0; }
+.mh2 { margin-left: .5rem; margin-right: .5rem; }
+.mh3 { margin-left: 1rem; margin-right: 1rem; }
+.mh4 { margin-left: 2rem; margin-right: 2rem; }
+.mh5 { margin-left: 4rem; margin-right: 4rem; }
+.mh6 { margin-left: 8rem; margin-right: 8rem; }
+.mh7 { margin-left: 16rem; margin-right: 16rem; }
/*
TEXT DECORATION
*/
-
-.strike { text-decoration: line-through; }
-.underline { text-decoration: underline; }
+.strike { text-decoration: line-through; }
+.underline { text-decoration: underline; }
.no-underline { text-decoration: none; }
-
-
-@media screen and (min-width: 48em) {
- .strike-ns { text-decoration: line-through; }
- .underline-ns { text-decoration: underline; }
- .no-underline-ns { text-decoration: none; }
-}
-
-@media screen and (min-width: 48em) and (max-width: 64em) {
- .strike-m { text-decoration: line-through; }
- .underline-m { text-decoration: underline; }
- .no-underline-m { text-decoration: none; }
-}
-
-@media screen and (min-width: 64em) {
- .strike-l { text-decoration: line-through; }
- .underline-l { text-decoration: underline; }
- .no-underline-l { text-decoration: none; }
-}
-
/*
TEXT ALIGN
*/
-
-.tl { text-align: left; }
-.tr { text-align: right; }
-.tc { text-align: center; }
-
-@media screen and (min-width: 48em) {
- .tl-ns { text-align: left; }
- .tr-ns { text-align: right; }
- .tc-ns { text-align: center; }
-}
-
-@media screen and (min-width: 48em) and (max-width: 64em) {
- .tl-m { text-align: left; }
- .tr-m { text-align: right; }
- .tc-m { text-align: center; }
-}
-
-@media screen and (min-width: 64em) {
- .tl-l { text-align: left; }
- .tr-l { text-align: right; }
- .tc-l { text-align: center; }
-}
-
+.tl { text-align: left; }
+.tr { text-align: right; }
+.tc { text-align: center; }
/*
TEXT TRANSFORM
*/
-
.ttc { text-transform: capitalize; }
.ttl { text-transform: lowercase; }
.ttu { text-transform: uppercase; }
.ttn { text-transform: none; }
-
-@media screen and (min-width: 48em) {
- .ttc-ns { text-transform: capitalize; }
- .ttl-ns { text-transform: lowercase; }
- .ttu-ns { text-transform: uppercase; }
- .ttn-ns { text-transform: none; }
-}
-
-@media screen and (min-width: 48em) and (max-width: 64em) {
- .ttc-m { text-transform: capitalize; }
- .ttl-m { text-transform: lowercase; }
- .ttu-m { text-transform: uppercase; }
- .ttn-m { text-transform: none; }
-}
-
-@media screen and (min-width: 64em) {
- .ttc-l { text-transform: capitalize; }
- .ttl-l { text-transform: lowercase; }
- .ttu-l { text-transform: uppercase; }
- .ttn-l { text-transform: none; }
-}
-
/*
TYPE SCALE
*/
-
/* For Hero Titles */
-.f-6,
-.f-headline {
- font-size: 6rem;
-}
-.f-5,
-.f-subheadline {
- font-size: 5rem;
-}
-
+.f-6, .f-headline { font-size: 6rem; }
+.f-5, .f-subheadline { font-size: 5rem; }
/* Type Scale */
.f1 { font-size: 3rem; }
.f2 { font-size: 2.25rem; }
@@ -2929,315 +1061,76 @@ code, .code {
.f4 { font-size: 1.25rem; }
.f5 { font-size: 1rem; }
.f6 { font-size: .875rem; }
-
-@media screen and (min-width: 48em){
- .f-6-ns,
- .f-headline-ns { font-size: 6rem; }
- .f-5-ns,
- .f-subheadline-ns { font-size: 5rem; }
- .f1-ns { font-size: 3rem; }
- .f2-ns { font-size: 2.25rem; }
- .f3-ns { font-size: 1.5rem; }
- .f4-ns { font-size: 1.25rem; }
- .f5-ns { font-size: 1rem; }
- .f6-ns { font-size: .875rem; }
-}
-
-@media screen and (min-width: 48em) and (max-width: 64em) {
- .f-6-m,
- .f-headline-m { font-size: 6rem; }
- .f-5-m,
- .f-subheadline-m { font-size: 5rem; }
- .f1-m { font-size: 3rem; }
- .f2-m { font-size: 2.25rem; }
- .f3-m { font-size: 1.5rem; }
- .f4-m { font-size: 1.25rem; }
- .f5-m { font-size: 1rem; }
- .f6-m { font-size: .875rem; }
-}
-
-@media screen and (min-width: 64em) {
- .f-6-l,
- .f-headline-l {
- font-size: 6rem;
- }
- .f-5-l,
- .f-subheadline-l {
- font-size: 5rem;
- }
- .f1-l { font-size: 3rem; }
- .f2-l { font-size: 2.25rem; }
- .f3-l { font-size: 1.5rem; }
- .f4-l { font-size: 1.25rem; }
- .f5-l { font-size: 1rem; }
- .f6-l { font-size: .875rem; }
-}
-
/*
TYPOGRAPHY
*/
-
/* Measure is limited to ~75 characters */
-.measure {
- max-width: 30em;
-}
-
+.measure { max-width: 30em; }
/* Measure is limited to ~45 characters */
-.measure-narrow {
- max-width: 20em;
-}
-
+.measure-narrow { max-width: 20em; }
/* Book paragraph style - paragraphs are indented with no vertical spacing. */
-.indent {
- text-indent: 1em;
- margin-top: 0;
- margin-bottom: 0;
-}
-
+.indent { text-indent: 1em; margin-top: 0; margin-bottom: 0; }
/* Combine this class with a width to truncate text */
-
-.truncate {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
-}
-
-@media screen and (min-width: 48em) {
- .measure-ns {
- max-width: 30em;
- }
- .measure-narrow-ns {
- max-width: 20em;
- }
- .indent-ns {
- text-indent: 1em;
- margin-top: 0;
- margin-bottom: 0;
- }
- .truncate-ns {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-}
-
-@media screen and (min-width: 48em) and (max-width: 64em) {
- .measure-m { max-width: 30em; }
- .measure-narrow-m {
- max-width: 20em;
- }
- .indent-m {
- text-indent: 1em;
- margin-top: 0;
- margin-bottom: 0;
- }
- .truncate-m {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-}
-
-@media screen and (min-width: 64em) {
- .measure-l { max-width: 30em; }
- .measure-narrow-l { max-width: 20em; }
- .indent-l {
- text-indent: 1em;
- margin-top: 0;
- margin-bottom: 0;
- }
- .truncate-l {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-}
+.truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/*
UTILITIES
*/
-
-.aspect-ratio {
- height: 0;
- position: relative;
-}
-
+.aspect-ratio { height: 0; position: relative; }
.aspect-ratio--16x9 { padding-bottom: 56.25%; }
-.aspect-ratio--4x3 { padding-bottom: 75%; }
-.aspect-ratio--8x5 { padding-bottom: 62.5%; }
-
-.aspect-ratio--object {
- bottom: 0;
- height: 100%;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- width: 100%;
- z-index: 100;
-}
-
-.overflow-container {
- overflow-y: scroll;
-}
-
-.center {
- margin-right: auto;
- margin-left: auto;
-}
-
+.aspect-ratio--4x3 { padding-bottom: 75%; }
+.aspect-ratio--8x5 { padding-bottom: 62.5%; }
+.aspect-ratio--object { bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 100; }
+.overflow-container { overflow-y: scroll; }
+.center { margin-right: auto; margin-left: auto; }
/*
VISIBILITY
*/
-
-
/*
Text that is hidden but accessible
Ref: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/
-
-.clip {
- position: fixed !important;
- _position: absolute !important;
- clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
- clip: rect(1px, 1px, 1px, 1px);
-}
-
-@media screen and (min-width: 48em) {
- .clip-ns {
- position: fixed !important;
- _position: absolute !important;
- clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
- clip: rect(1px, 1px, 1px, 1px);
- }
-}
-
-@media screen and (min-width: 48em) and (max-width: 64em) {
- .clip-m {
- position: fixed !important;
- _position: absolute !important;
- clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
- clip: rect(1px, 1px, 1px, 1px);
- }
-}
-
-@media screen and (min-width: 64em) {
- .clip-l {
- position: fixed !important;
- _position: absolute !important;
- clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
- clip: rect(1px, 1px, 1px, 1px);
- }
-}
-
+.clip { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); }
/*
WHITE SPACE
*/
-
-
.ws-normal { white-space: normal; }
.nowrap { white-space: nowrap; }
.pre { white-space: pre; }
-
-@media screen and (min-width: 48em) {
- .ws-normal-ns { white-space: normal; }
- .nowrap-ns { white-space: nowrap; }
- .pre-ns { white-space: pre; }
-}
-
-@media screen and (min-width: 48em) and (max-width: 64em) {
- .ws-normal-m { white-space: normal; }
- .nowrap-m { white-space: nowrap; }
- .pre-m { white-space: pre; }
-}
-
-@media screen and (min-width: 64em) {
- .ws-normal-l { white-space: normal; }
- .nowrap-l { white-space: nowrap; }
- .pre-l { white-space: pre; }
-}
-
/*
VERTICAL ALIGN
*/
-
-.v-base { vertical-align: baseline; }
-.v-sub { vertical-align: sub; }
-.v-sup { vertical-align: super; }
-.v-txt-top { vertical-align: text-top; }
-.v-txt-btm { vertical-align: text-bottom; }
-.v-mid { vertical-align: middle; }
-.v-top { vertical-align: top; }
-.v-btm { vertical-align: bottom; }
-
-@media screen and (min-width: 48em) {
- .v-base-ns { vertical-align: baseline; }
- .v-sub-ns { vertical-align: sub; }
- .v-sup-ns { vertical-align: super; }
- .v-txt-top-ns { vertical-align: text-top; }
- .v-txt-btm-ns { vertical-align: text-bottom; }
- .v-mid-ns { vertical-align: middle; }
- .v-top-ns { vertical-align: top; }
- .v-btm-ns { vertical-align: bottom; }
-}
-
-@media screen and (min-width: 48em) and (max-width: 64em) {
- .v-base-m { vertical-align: baseline; }
- .v-sub-m { vertical-align: sub; }
- .v-sup-m { vertical-align: super; }
- .v-txt-top-m { vertical-align: text-top; }
- .v-txt-btm-m { vertical-align: text-bottom; }
- .v-mid-m { vertical-align: middle; }
- .v-top-m { vertical-align: top; }
- .v-btm-m { vertical-align: bottom; }
-}
-
-@media screen and (min-width: 64em) {
- .v-base-l { vertical-align: baseline; }
- .v-sub-l { vertical-align: sub; }
- .v-sup-l { vertical-align: super; }
- .v-txt-top-l { vertical-align: text-top; }
- .v-txt-btm-l { vertical-align: text-bottom; }
- .v-mid-l { vertical-align: middle; }
- .v-top-l { vertical-align: top; }
- .v-btm-l { vertical-align: bottom; }
-}
+.v-base { vertical-align: baseline; }
+.v-sub { vertical-align: sub; }
+.v-sup { vertical-align: super; }
+.v-txt-top { vertical-align: text-top; }
+.v-txt-btm { vertical-align: text-bottom; }
+.v-mid { vertical-align: middle; }
+.v-top { vertical-align: top; }
+.v-btm { vertical-align: bottom; }
/*
HOVER EFFECTS
*/
-
/*
Dim element on hover by adding the dim class.
*/
-.dim {
- opacity: 1;
- -webkit-transition: opacity .15s ease-in;
- transition: opacity .15s ease-in;
-}
-.dim:hover,
-.dim:focus {
- opacity: .5;
- -webkit-transition: opacity .15s ease-in;
- transition: opacity .15s ease-in;
-}
-.dim:active {
- opacity: .8; -webkit-transition: opacity .15s ease-out; transition: opacity .15s ease-out;
-}
-
+.dim { opacity: 1; transition: opacity .15s ease-in; }
+.dim:hover, .dim:focus { opacity: .5; transition: opacity .15s ease-in; }
+.dim:active { opacity: .8; transition: opacity .15s ease-out; }
/*
Hide child on hover:
@@ -3252,47 +1145,16 @@ code, .code {
Hidden until hover or focus
*/
-
-.hide-child .child {
- opacity: 0;
- -webkit-transition: opacity .15s ease-in;
- transition: opacity .15s ease-in;
-}
-.hide-child:hover .child,
-.hide-child:focus .child,
-.hide-child:active .child {
- opacity: 1;
- -webkit-transition: opacity .15s ease-in;
- transition: opacity .15s ease-in;
-}
-
+.hide-child .child { opacity: 0; transition: opacity .15s ease-in; }
+.hide-child:hover .child, .hide-child:focus .child, .hide-child:active .child { opacity: 1; transition: opacity .15s ease-in; }
/*
WORD BREAK
*/
-
.wb-normal { word-break: normal; }
.word-wrap { word-break: break-all; }
.word-nowrap { word-break: keep-all; }
-
-@media screen and (min-width: 48em) {
- .wb-normal-ns { word-break: normal; }
- .word-wrap-ns { word-break: break-all; }
- .word-nowrap-ns { word-break: keep-all; }
-}
-
-@media screen and (min-width: 48em) and (max-width: 64em) {
- .wb-normal-m { word-break: normal; }
- .word-wrap-m { word-break: break-all; }
- .word-nowrap-m { word-break: keep-all; }
-}
-
-@media screen and (min-width: 64em) {
- .wb-normal-l { word-break: normal; }
- .word-wrap-l { word-break: break-all; }
- .word-nowrap-l { word-break: keep-all; }
-}
/*
STYLES
@@ -3300,8 +1162,6 @@ code, .code {
Add custom styles here.
*/
-
-
/*
DEBUG CHILDREN
@@ -3310,8 +1170,855 @@ code, .code {
children.
*/
-
.debug * { outline: 1px solid gold; }
-
/* Uncomment out this line if you want to debug your layout */
/* @import './_debug'; */
+@media screen and (min-width: 48em) {
+ .bg-cv-ns { background-size: cover; }
+ .bg-cn-ns { background-size: contain; }
+ .ba-ns { border-style: solid; border-width: 1px; }
+ .bt-ns { border-top-style: solid; border-top-width: 1px; }
+ .br-ns { border-right-style: solid; border-right-width: 1px; }
+ .bb-ns { border-bottom-style: solid; border-bottom-width: 1px; }
+ .bl-ns { border-left-style: solid; border-left-width: 1px; }
+ .br0-ns { border-radius: 0; }
+ .br1-ns { border-radius: .125rem; }
+ .br2-ns { border-radius: .25rem; }
+ .br3-ns { border-radius: .5rem; }
+ .br4-ns { border-radius: 1rem; }
+ .br-100-ns { border-radius: 100%; }
+ .b--none-ns { border-style: none; }
+ .b--dotted-ns { border-style: dotted; }
+ .b--dashed-ns { border-style: dashed; }
+ .b--solid-ns { border-style: solid; }
+ .bw0-ns { border-width: 0; }
+ .bw1-ns { border-width: .125rem; }
+ .bw2-ns { border-width: .25rem; }
+ .bw3-ns { border-width: .5rem; }
+ .bw4-ns { border-width: 1rem; }
+ .bw5-ns { border-width: 2rem; }
+ .top-0-ns { top: 0; }
+ .left-0-ns { left: 0; }
+ .right-0-ns { right: 0; }
+ .bottom-0-ns { bottom: 0; }
+ .top-1-ns { top: 1rem; }
+ .left-1-ns { left: 1rem; }
+ .right-1-ns { right: 1rem; }
+ .bottom-1-ns { bottom: 1rem; }
+ .top-2-ns { top: 2rem; }
+ .left-2-ns { left: 2rem; }
+ .right-2-ns { right: 2rem; }
+ .bottom-2-ns { bottom: 2rem; }
+ .top--1-ns { top: -1rem; }
+ .right--1-ns { right: -1rem; }
+ .bottom--1-ns { bottom: -1rem; }
+ .left--1-ns { left: -1rem; }
+ .top--2-ns { top: -2rem; }
+ .right--2-ns { right: -2rem; }
+ .bottom--2-ns { bottom: -2rem; }
+ .left--2-ns { left: -2rem; }
+ .pos-abs--fill-ns { top: 0; right: 0; bottom: 0; left: 0; }
+ .dn-ns { display: none; }
+ .di-ns { display: inline; }
+ .db-ns { display: block; }
+ .dib-ns { display: inline-block; }
+ .dit-ns { display: inline-table; }
+ .dt-ns { display: table; }
+ .dtc-ns { display: table-cell; }
+ .dt-row-ns { display: table-row; }
+ .dt-row-group-ns { display: table-row-group; }
+ .dt-column-ns { display: table-column; }
+ .dt-column-group-ns { display: table-column-group; }
+ .fl-ns { float: left; display: inline; }
+ .fr-ns { float: right; display: inline; }
+ .fn-ns { float: none !important; }
+ .i-ns { font-style: italic; }
+ .fsn-ns { font-style: normal; }
+ .normal-ns { font-weight: normal; }
+ .b-ns { font-weight: bold; }
+ .fw1-ns { font-weight: 100; }
+ .fw2-ns { font-weight: 200; }
+ .fw3-ns { font-weight: 300; }
+ .fw4-ns { font-weight: 400; }
+ .fw5-ns { font-weight: 500; }
+ .fw6-ns { font-weight: 600; }
+ .fw7-ns { font-weight: 700; }
+ .fw8-ns { font-weight: 800; }
+ .fw9-ns { font-weight: 900; }
+ .h-1-ns { height: 1rem; }
+ .h-2-ns { height: 2rem; }
+ .h-3-ns { height: 4rem; }
+ .h-4-ns { height: 8rem; }
+ .h-5-ns { height: 16rem; }
+ .h-25-ns { height: 25%; }
+ .h-50-ns { height: 50%; }
+ .h-75-ns { height: 75%; }
+ .h-100-ns { height: 100%; }
+ .h-at-ns { height: auto; }
+ .h-i-ns { height: inherit; }
+ .tracked-ns { letter-spacing: .16em; }
+ .tracked-tight-ns { letter-spacing: -.08em; }
+ .tracked-mega-ns { letter-spacing: .32em; }
+ .lh-ns { line-height: 1; }
+ .lh-title-ns { line-height: 1.3; }
+ .lh-copy-ns { line-height: 1.6; }
+ .mw-100-ns { max-width: 100%; }
+ .mw1-ns { max-width: 1rem; }
+ .mw2-ns { max-width: 2rem; }
+ .mw3-ns { max-width: 4rem; }
+ .mw4-ns { max-width: 8rem; }
+ .mw5-ns { max-width: 16rem; }
+ .mw6-ns { max-width: 32rem; }
+ .mw7-ns { max-width: 48rem; }
+ .mw8-ns { max-width: 64rem; }
+ .mw9-ns { max-width: 96rem; }
+ .mw-none-ns { max-width: none; }
+ .w1-ns { width: 1rem; }
+ .w2-ns { width: 2rem; }
+ .w3-ns { width: 4rem; }
+ .w4-ns { width: 8rem; }
+ .w5-ns { width: 16rem; }
+ .w-10-ns { width: 10%; }
+ .w-20-ns { width: 20%; }
+ .w-25-ns { width: 25%; }
+ .w-33-ns { width: 33%; }
+ .w-34-ns { width: 34%; }
+ .w-40-ns { width: 40%; }
+ .w-50-ns { width: 50%; }
+ .w-60-ns { width: 60%; }
+ .w-75-ns { width: 75%; }
+ .w-80-ns { width: 80%; }
+ .w-100-ns { width: 100%; }
+ .w-auto-ns { width: auto; }
+ .overflow-visible-ns { overflow: visible; }
+ .overflow-hidden-ns { overflow: hidden; }
+ .overflow-scroll-ns { overflow: scroll; }
+ .overflow-auto-ns { overflow: auto; }
+ .overflow-x-visible-ns { overflow-x: visible; }
+ .overflow-x-hidden-ns { overflow-x: hidden; }
+ .overflow-x-scroll-ns { overflow-x: scroll; }
+ .overflow-x-auto-ns { overflow-x: auto; }
+ .overflow-y-visible-ns { overflow-y: visible; }
+ .overflow-y-hidden-ns { overflow-y: hidden; }
+ .overflow-y-scroll-ns { overflow-y: scroll; }
+ .overflow-y-auto-ns { overflow-y: auto; }
+ .static-ns { position: static; }
+ .relative-ns { position: relative; }
+ .absolute-ns { position: absolute; }
+ .fixed-ns { position: fixed; }
+ .pa0-ns { padding: 0; }
+ .pa1-ns { padding: .25rem; }
+ .pa2-ns { padding: .5rem; }
+ .pa3-ns { padding: 1rem; }
+ .pa4-ns { padding: 2rem; }
+ .pa5-ns { padding: 4rem; }
+ .pa6-ns { padding: 8rem; }
+ .pa7-ns { padding: 16rem; }
+ .pl0-ns { padding-left: 0; }
+ .pl1-ns { padding-left: .25rem; }
+ .pl2-ns { padding-left: .5rem; }
+ .pl3-ns { padding-left: 1rem; }
+ .pl4-ns { padding-left: 2rem; }
+ .pl5-ns { padding-left: 4rem; }
+ .pl6-ns { padding-left: 8rem; }
+ .pl7-ns { padding-left: 16rem; }
+ .pr0-ns { padding-right: 0; }
+ .pr1-ns { padding-right: .25rem; }
+ .pr2-ns { padding-right: .5rem; }
+ .pr3-ns { padding-right: 1rem; }
+ .pr4-ns { padding-right: 2rem; }
+ .pr5-ns { padding-right: 4rem; }
+ .pr6-ns { padding-right: 8rem; }
+ .pr7-ns { padding-right: 16rem; }
+ .pb0-ns { padding-bottom: 0; }
+ .pb1-ns { padding-bottom: .25rem; }
+ .pb2-ns { padding-bottom: .5rem; }
+ .pb3-ns { padding-bottom: 1rem; }
+ .pb4-ns { padding-bottom: 2rem; }
+ .pb5-ns { padding-bottom: 4rem; }
+ .pb6-ns { padding-bottom: 8rem; }
+ .pb7-ns { padding-bottom: 16rem; }
+ .pt0-ns { padding-top: 0; }
+ .pt1-ns { padding-top: .25rem; }
+ .pt2-ns { padding-top: .5rem; }
+ .pt3-ns { padding-top: 1rem; }
+ .pt4-ns { padding-top: 2rem; }
+ .pt5-ns { padding-top: 4rem; }
+ .pt6-ns { padding-top: 8rem; }
+ .pt7-ns { padding-top: 16rem; }
+ .pv0-ns { padding-top: 0; padding-bottom: 0; }
+ .pv1-ns { padding-top: .25rem; padding-bottom: .25rem; }
+ .pv2-ns { padding-top: .5rem; padding-bottom: .5rem; }
+ .pv3-ns { padding-top: 1rem; padding-bottom: 1rem; }
+ .pv4-ns { padding-top: 2rem; padding-bottom: 2rem; }
+ .pv5-ns { padding-top: 4rem; padding-bottom: 4rem; }
+ .pv6-ns { padding-top: 8rem; padding-bottom: 8rem; }
+ .pv7-ns { padding-top: 16rem; padding-bottom: 16rem; }
+ .ph0-ns { padding-left: 0; padding-right: 0; }
+ .pv1-ns { padding-left: .25rem; padding-right: .25rem; }
+ .ph2-ns { padding-left: .5rem; padding-right: .5rem; }
+ .ph3-ns { padding-left: 1rem; padding-right: 1rem; }
+ .ph4-ns { padding-left: 2rem; padding-right: 2rem; }
+ .ph5-ns { padding-left: 4rem; padding-right: 4rem; }
+ .ph6-ns { padding-left: 8rem; padding-right: 8rem; }
+ .ph7-ns { padding-left: 16rem; padding-right: 16rem; }
+ .ma0-ns { margin: 0; }
+ .ma1-ns { margin: .25rem; }
+ .ma2-ns { margin: .5rem; }
+ .ma3-ns { margin: 1rem; }
+ .ma4-ns { margin: 2rem; }
+ .ma5-ns { margin: 4rem; }
+ .ma6-ns { margin: 8rem; }
+ .ma7-ns { margin: 16rem; }
+ .ml0-ns { margin-left: 0; }
+ .ml1-ns { margin-left: .25rem; }
+ .ml2-ns { margin-left: .5rem; }
+ .ml3-ns { margin-left: 1rem; }
+ .ml4-ns { margin-left: 2rem; }
+ .ml5-ns { margin-left: 4rem; }
+ .ml6-ns { margin-left: 8rem; }
+ .ml7-ns { margin-left: 16rem; }
+ .mr0-ns { margin-right: 0; }
+ .mr1-ns { margin-right: .25rem; }
+ .mr2-ns { margin-right: .5rem; }
+ .mr3-ns { margin-right: 1rem; }
+ .mr4-ns { margin-right: 2rem; }
+ .mr5-ns { margin-right: 4rem; }
+ .mr6-ns { margin-right: 8rem; }
+ .mr7-ns { margin-right: 16rem; }
+ .mb0-ns { margin-bottom: 0; }
+ .mb1-ns { margin-bottom: .25rem; }
+ .mb2-ns { margin-bottom: .5rem; }
+ .mb3-ns { margin-bottom: 1rem; }
+ .mb4-ns { margin-bottom: 2rem; }
+ .mb5-ns { margin-bottom: 4rem; }
+ .mb6-ns { margin-bottom: 8rem; }
+ .mb7-ns { margin-bottom: 16rem; }
+ .mt0-ns { margin-top: 0; }
+ .mt1-ns { margin-top: .25rem; }
+ .mt2-ns { margin-top: .5rem; }
+ .mt3-ns { margin-top: 1rem; }
+ .mt4-ns { margin-top: 2rem; }
+ .mt5-ns { margin-top: 4rem; }
+ .mt6-ns { margin-top: 8rem; }
+ .mt7-ns { margin-top: 16rem; }
+ .mv0-ns { margin-top: 0; margin-bottom: 0rem; }
+ .mv1-ns { margin-top: .25rem; margin-bottom: .25rem; }
+ .mv2-ns { margin-top: .5rem; margin-bottom: .5rem; }
+ .mv3-ns { margin-top: 1rem; margin-bottom: 1rem; }
+ .mv4-ns { margin-top: 2rem; margin-bottom: 2rem; }
+ .mv5-ns { margin-top: 4rem; margin-bottom: 4rem; }
+ .mv6-ns { margin-top: 8rem; margin-bottom: 8rem; }
+ .mv7-ns { margin-top: 16rem; margin-bottom: 16rem; }
+ .mh0-ns { margin-left: 0; margin-right: 0; }
+ .mh2-ns { margin-left: .5rem; margin-right: .5rem; }
+ .mh3-ns { margin-left: 1rem; margin-right: 1rem; }
+ .mh4-ns { margin-left: 2rem; margin-right: 2rem; }
+ .mh5-ns { margin-left: 4rem; margin-right: 4rem; }
+ .mh6-ns { margin-left: 8rem; margin-right: 8rem; }
+ .mh7-ns { margin-left: 16rem; margin-right: 16rem; }
+ .strike-ns { text-decoration: line-through; }
+ .underline-ns { text-decoration: underline; }
+ .no-underline-ns { text-decoration: none; }
+ .tl-ns { text-align: left; }
+ .tr-ns { text-align: right; }
+ .tc-ns { text-align: center; }
+ .ttc-ns { text-transform: capitalize; }
+ .ttl-ns { text-transform: lowercase; }
+ .ttu-ns { text-transform: uppercase; }
+ .ttn-ns { text-transform: none; }
+ .f-6-ns, .f-headline-ns { font-size: 6rem; }
+ .f-5-ns, .f-subheadline-ns { font-size: 5rem; }
+ .f1-ns { font-size: 3rem; }
+ .f2-ns { font-size: 2.25rem; }
+ .f3-ns { font-size: 1.5rem; }
+ .f4-ns { font-size: 1.25rem; }
+ .f5-ns { font-size: 1rem; }
+ .f6-ns { font-size: .875rem; }
+ .measure-ns { max-width: 30em; }
+ .measure-narrow-ns { max-width: 20em; }
+ .indent-ns { text-indent: 1em; margin-top: 0; margin-bottom: 0; }
+ .truncate-ns { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+ .clip-ns { position: fixed !important; position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); }
+ .ws-normal-ns { white-space: normal; }
+ .nowrap-ns { white-space: nowrap; }
+ .pre-ns { white-space: pre; }
+ .v-base-ns { vertical-align: baseline; }
+ .v-sub-ns { vertical-align: sub; }
+ .v-sup-ns { vertical-align: super; }
+ .v-txt-top-ns { vertical-align: text-top; }
+ .v-txt-btm-ns { vertical-align: text-bottom; }
+ .v-mid-ns { vertical-align: middle; }
+ .v-top-ns { vertical-align: top; }
+ .v-btm-ns { vertical-align: bottom; }
+ .wb-normal-ns { word-break: normal; }
+ .word-wrap-ns { word-break: break-all; }
+ .word-nowrap-ns { word-break: keep-all; }
+}
+@media screen and (min-width: 48em) and (max-width: 64em) {
+ .bg-cv-m { background-size: cover; }
+ .bg-cn-m { background-size: contain; }
+ .ba-m { border-style: solid; border-width: 1px; }
+ .bt-m { border-top-style: solid; border-top-width: 1px; }
+ .br-m { border-right-style: solid; border-right-width: 1px; }
+ .bb-m { border-bottom-style: solid; border-bottom-width: 1px; }
+ .bl-m { border-left-style: solid; border-left-width: 1px; }
+ .br0-m { border-radius: 0; }
+ .br1-m { border-radius: .125rem; }
+ .br2-m { border-radius: .25rem; }
+ .br3-m { border-radius: .5rem; }
+ .br4-m { border-radius: 1rem; }
+ .br-100-m { border-radius: 100%; }
+ .b--none-m { border-style: none; }
+ .b--dotted-m { border-style: dotted; }
+ .b--dashed-m { border-style: dashed; }
+ .b--solid-m { border-style: solid; }
+ .bw0-m { border-width: 0; }
+ .bw1-m { border-width: .125rem; }
+ .bw2-m { border-width: .25rem; }
+ .bw3-m { border-width: .5rem; }
+ .bw4-m { border-width: 1rem; }
+ .bw5-m { border-width: 2rem; }
+ .top-0-m { top: 0; }
+ .left-0-m { left: 0; }
+ .right-0-m { right: 0; }
+ .bottom-0-m { bottom: 0; }
+ .top-1-m { top: 1rem; }
+ .left-1-m { left: 1rem; }
+ .right-1-m { right: 1rem; }
+ .bottom-1-m { bottom: 1rem; }
+ .top-2-m { top: 2rem; }
+ .left-2-m { left: 2rem; }
+ .right-2-m { right: 2rem; }
+ .bottom-2-m { bottom: 2rem; }
+ .top--1-m { top: -1rem; }
+ .right--1-m { right: -1rem; }
+ .bottom--1-m { bottom: -1rem; }
+ .left--1-m { left: -1rem; }
+ .top--2-m { top: -2rem; }
+ .right--2-m { right: -2rem; }
+ .bottom--2-m { bottom: -2rem; }
+ .left--2-m { left: -2rem; }
+ .pos-abs--fill-m { top: 0; right: 0; bottom: 0; left: 0; }
+ .dn-m { display: none; }
+ .di-m { display: inline; }
+ .db-m { display: block; }
+ .dib-m { display: inline-block; }
+ .dit-m { display: inline-table; }
+ .dt-m { display: table; }
+ .dtc-m { display: table-cell; }
+ .dt-row-m { display: table-row; }
+ .dt-row-group-m { display: table-row-group; }
+ .dt-column-m { display: table-column; }
+ .dt-column-group-m { display: table-column-group; }
+ .fl-m { float: left; display: inline; }
+ .fr-m { float: right; display: inline; }
+ .fn-m { float: none; }
+ .i-m { font-style: italic; }
+ .fsn-m { font-style: normal; }
+ .normal-m { font-weight: normal; }
+ .b-m { font-weight: bold; }
+ .fw1-m { font-weight: 100; }
+ .fw2-m { font-weight: 200; }
+ .fw3-m { font-weight: 300; }
+ .fw4-m { font-weight: 400; }
+ .fw5-m { font-weight: 500; }
+ .fw6-m { font-weight: 600; }
+ .fw7-m { font-weight: 700; }
+ .fw8-m { font-weight: 800; }
+ .fw9-m { font-weight: 900; }
+ .h1-m { height: 1rem; }
+ .h2-m { height: 2rem; }
+ .h3-m { height: 4rem; }
+ .h4-m { height: 8rem; }
+ .h5-m { height: 16rem; }
+ .h-25-m { height: 25%; }
+ .h-50-m { height: 50%; }
+ .h-75-m { height: 75%; }
+ .h-100-m { height: 100%; }
+ .h-at-m { height: auto; }
+ .h-i-m { height: inherit; }
+ .tracked-m { letter-spacing: .16em; }
+ .tracked-tight-m { letter-spacing: -.08em; }
+ .tracked-mega-m { letter-spacing: .32em; }
+ .lh-m { line-height: 1; }
+ .lh-title-m { line-height: 1.3; }
+ .lh-copy-m { line-height: 1.6; }
+ .mw-100-m { max-width: 100%; }
+ .mw1-m { max-width: 1rem; }
+ .mw2-m { max-width: 2rem; }
+ .mw3-m { max-width: 4rem; }
+ .mw4-m { max-width: 8rem; }
+ .mw5-m { max-width: 16rem; }
+ .mw6-m { max-width: 32rem; }
+ .mw7-m { max-width: 48rem; }
+ .mw8-m { max-width: 64rem; }
+ .mw9-m { max-width: 96rem; }
+ .mw-none-m { max-width: none; }
+ .w1-m { width: 1rem; }
+ .w2-m { width: 2rem; }
+ .w3-m { width: 4rem; }
+ .w4-m { width: 8rem; }
+ .w5-m { width: 16rem; }
+ .w-10-m { width: 10%; }
+ .w-20-m { width: 20%; }
+ .w-25-m { width: 25%; }
+ .w-33-m { width: 33%; }
+ .w-34-m { width: 34%; }
+ .w-40-m { width: 40%; }
+ .w-50-m { width: 50%; }
+ .w-60-m { width: 60%; }
+ .w-75-m { width: 75%; }
+ .w-80-m { width: 80%; }
+ .w-100-m { width: 100%; }
+ .w-auto-m { width: auto; }
+ .overflow-visible-m { overflow: visible; }
+ .overflow-hidden-m { overflow: hidden; }
+ .overflow-scroll-m { overflow: scroll; }
+ .overflow-auto-m { overflow: auto; }
+ .overflow-x-visible-m { overflow-x: visible; }
+ .overflow-x-hidden-m { overflow-x: hidden; }
+ .overflow-x-scroll-m { overflow-x: scroll; }
+ .overflow-x-auto-m { overflow-x: auto; }
+ .overflow-y-visible-m { overflow-y: visible; }
+ .overflow-y-hidden-m { overflow-y: hidden; }
+ .overflow-y-scroll-m { overflow-y: scroll; }
+ .overflow-y-auto-m { overflow-y: auto; }
+ .static-m { position: static; }
+ .relative-m { position: relative; }
+ .absolute-m { position: absolute; }
+ .fixed-m { position: fixed; }
+ .pa0-m { padding: 0; }
+ .pa1-m { padding: .25rem; }
+ .pa2-m { padding: .5rem; }
+ .pa3-m { padding: 1rem; }
+ .pa4-m { padding: 2rem; }
+ .pa5-m { padding: 4rem; }
+ .pa6-m { padding: 8rem; }
+ .pa7-m { padding: 16rem; }
+ .pl0-m { padding-left: 0; }
+ .pl1-m { padding-left: .25rem; }
+ .pl2-m { padding-left: .5rem; }
+ .pl3-m { padding-left: 1rem; }
+ .pl4-m { padding-left: 2rem; }
+ .pl5-m { padding-left: 4rem; }
+ .pl6-m { padding-left: 8rem; }
+ .pl7-m { padding-left: 16rem; }
+ .pr0-m { padding-right: 0; }
+ .pr1-m { padding-right: .25rem; }
+ .pr2-m { padding-right: .5rem; }
+ .pr3-m { padding-right: 1rem; }
+ .pr4-m { padding-right: 2rem; }
+ .pr5-m { padding-right: 4rem; }
+ .pr6-m { padding-right: 8rem; }
+ .pr7-m { padding-right: 16rem; }
+ .pb0-m { padding-bottom: 0; }
+ .pb1-m { padding-bottom: .25rem; }
+ .pb2-m { padding-bottom: .5rem; }
+ .pb3-m { padding-bottom: 1rem; }
+ .pb4-m { padding-bottom: 2rem; }
+ .pb5-m { padding-bottom: 4rem; }
+ .pb6-m { padding-bottom: 8rem; }
+ .pb7-m { padding-bottom: 16rem; }
+ .pt0-m { padding-top: 0; }
+ .pt1-m { padding-top: .25rem; }
+ .pt2-m { padding-top: .5rem; }
+ .pt3-m { padding-top: 1rem; }
+ .pt4-m { padding-top: 2rem; }
+ .pt5-m { padding-top: 4rem; }
+ .pt6-m { padding-top: 8rem; }
+ .pt7-m { padding-top: 16rem; }
+ .pv0-m { padding-top: 0; padding-bottom: 0; }
+ .pv1-m { padding-top: .25rem; padding-bottom: .25rem; }
+ .pv2-m { padding-top: .5rem; padding-bottom: .5rem; }
+ .pv3-m { padding-top: 1rem; padding-bottom: 1rem; }
+ .pv4-m { padding-top: 2rem; padding-bottom: 2rem; }
+ .pv5-m { padding-top: 4rem; padding-bottom: 4rem; }
+ .pv6-m { padding-top: 8rem; padding-bottom: 8rem; }
+ .pv7-m { padding-top: 16rem; padding-bottom: 16rem; }
+ .ph0-m { padding-left: 0; padding-right: 0; }
+ .pv1-m { padding-left: .25rem; padding-right: .25rem; }
+ .ph2-m { padding-left: .5rem; padding-right: .5rem; }
+ .ph3-m { padding-left: 1rem; padding-right: 1rem; }
+ .ph4-m { padding-left: 2rem; padding-right: 2rem; }
+ .ph5-m { padding-left: 4rem; padding-right: 4rem; }
+ .ph6-m { padding-left: 8rem; padding-right: 8rem; }
+ .ph7-m { padding-left: 16rem; padding-right: 16rem; }
+ .ma0-m { margin: 0; }
+ .ma1-m { margin: .25rem; }
+ .ma2-m { margin: .5rem; }
+ .ma3-m { margin: 1rem; }
+ .ma4-m { margin: 2rem; }
+ .ma5-m { margin: 4rem; }
+ .ma6-m { margin: 8rem; }
+ .ma7-m { margin: 16rem; }
+ .ml0-m { margin-left: 0; }
+ .ml1-m { margin-left: .25rem; }
+ .ml2-m { margin-left: .5rem; }
+ .ml3-m { margin-left: 1rem; }
+ .ml4-m { margin-left: 2rem; }
+ .ml5-m { margin-left: 4rem; }
+ .ml6-m { margin-left: 8rem; }
+ .ml7-m { margin-left: 16rem; }
+ .mr0-m { margin-right: 0; }
+ .mr1-m { margin-right: .25rem; }
+ .mr2-m { margin-right: .5rem; }
+ .mr3-m { margin-right: 1rem; }
+ .mr4-m { margin-right: 2rem; }
+ .mr5-m { margin-right: 4rem; }
+ .mr6-m { margin-right: 8rem; }
+ .mr7-m { margin-right: 16rem; }
+ .mb0-m { margin-bottom: 0; }
+ .mb1-m { margin-bottom: .25rem; }
+ .mb2-m { margin-bottom: .5rem; }
+ .mb3-m { margin-bottom: 1rem; }
+ .mb4-m { margin-bottom: 2rem; }
+ .mb5-m { margin-bottom: 4rem; }
+ .mb6-m { margin-bottom: 8rem; }
+ .mb7-m { margin-bottom: 16rem; }
+ .mt0-m { margin-top: 0; }
+ .mt1-m { margin-top: .25rem; }
+ .mt2-m { margin-top: .5rem; }
+ .mt3-m { margin-top: 1rem; }
+ .mt4-m { margin-top: 2rem; }
+ .mt5-m { margin-top: 4rem; }
+ .mt6-m { margin-top: 8rem; }
+ .mt7-m { margin-top: 16rem; }
+ .mv0-m { margin-top: 0; margin-bottom: 0rem; }
+ .mv1-m { margin-top: .25rem; margin-bottom: .25rem; }
+ .mv2-m { margin-top: .5rem; margin-bottom: .5rem; }
+ .mv3-m { margin-top: 1rem; margin-bottom: 1rem; }
+ .mv4-m { margin-top: 2rem; margin-bottom: 2rem; }
+ .mv5-m { margin-top: 4rem; margin-bottom: 4rem; }
+ .mv6-m { margin-top: 8rem; margin-bottom: 8rem; }
+ .mv7-m { margin-top: 16rem; margin-bottom: 16rem; }
+ .mh0-m { margin-left: 0; margin-right: 0; }
+ .mh1-m { margin-left: .25rem; margin-right: .25rem; }
+ .mh2-m { margin-left: .5rem; margin-right: .5rem; }
+ .mh3-m { margin-left: 1rem; margin-right: 1rem; }
+ .mh4-m { margin-left: 2rem; margin-right: 2rem; }
+ .mh5-m { margin-left: 4rem; margin-right: 4rem; }
+ .mh6-m { margin-left: 8rem; margin-right: 8rem; }
+ .mh7-m { margin-left: 16rem; margin-right: 16rem; }
+ .strike-m { text-decoration: line-through; }
+ .underline-m { text-decoration: underline; }
+ .no-underline-m { text-decoration: none; }
+ .tl-m { text-align: left; }
+ .tr-m { text-align: right; }
+ .tc-m { text-align: center; }
+ .ttc-m { text-transform: capitalize; }
+ .ttl-m { text-transform: lowercase; }
+ .ttu-m { text-transform: uppercase; }
+ .ttn-m { text-transform: none; }
+ .f-6-m, .f-headline-m { font-size: 6rem; }
+ .f-5-m, .f-subheadline-m { font-size: 5rem; }
+ .f1-m { font-size: 3rem; }
+ .f2-m { font-size: 2.25rem; }
+ .f3-m { font-size: 1.5rem; }
+ .f4-m { font-size: 1.25rem; }
+ .f5-m { font-size: 1rem; }
+ .f6-m { font-size: .875rem; }
+ .measure-m { max-width: 30em; }
+ .measure-narrow-m { max-width: 20em; }
+ .indent-m { text-indent: 1em; margin-top: 0; margin-bottom: 0; }
+ .truncate-m { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+ .clip-m { position: fixed !important; position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); }
+ .ws-normal-m { white-space: normal; }
+ .nowrap-m { white-space: nowrap; }
+ .pre-m { white-space: pre; }
+ .v-base-m { vertical-align: baseline; }
+ .v-sub-m { vertical-align: sub; }
+ .v-sup-m { vertical-align: super; }
+ .v-txt-top-m { vertical-align: text-top; }
+ .v-txt-btm-m { vertical-align: text-bottom; }
+ .v-mid-m { vertical-align: middle; }
+ .v-top-m { vertical-align: top; }
+ .v-btm-m { vertical-align: bottom; }
+ .wb-normal-m { word-break: normal; }
+ .word-wrap-m { word-break: break-all; }
+ .word-nowrap-m { word-break: keep-all; }
+}
+@media screen and (min-width: 64em) {
+ .bg-cv-l { background-size: cover; }
+ .bg-cn-l { background-size: contain; }
+ .ba-l { border-style: solid; border-width: 1px; }
+ .bt-l { border-top-style: solid; border-top-width: 1px; }
+ .br-l { border-right-style: solid; border-right-width: 1px; }
+ .bb-l { border-bottom-style: solid; border-bottom-width: 1px; }
+ .bl-l { border-left-style: solid; border-left-width: 1px; }
+ .br0-l { border-radius: 0; }
+ .br1-l { border-radius: .125rem; }
+ .br2-l { border-radius: .25rem; }
+ .br3-l { border-radius: .5rem; }
+ .br4-l { border-radius: 1rem; }
+ .br-100-l { border-radius: 100%; }
+ .b--none-l { border-style: none; }
+ .b--dotted-l { border-style: dotted; }
+ .b--dashed-l { border-style: dashed; }
+ .b--solid-l { border-style: solid; }
+ .bw0-l { border-width: 0; }
+ .bw1-l { border-width: .125rem; }
+ .bw2-l { border-width: .25rem; }
+ .bw3-l { border-width: .5rem; }
+ .bw4-l { border-width: 1rem; }
+ .bw5-l { border-width: 2rem; }
+ .top-0-l { top: 0; }
+ .left-0-l { left: 0; }
+ .right-0-l { right: 0; }
+ .bottom-0-l { bottom: 0; }
+ .top-1-l { top: 1rem; }
+ .left-1-l { left: 1rem; }
+ .right-1-l { right: 1rem; }
+ .bottom-1-l { bottom: 1rem; }
+ .top-2-l { top: 2rem; }
+ .left-2-l { left: 2rem; }
+ .right-2-l { right: 2rem; }
+ .bottom-2-l { bottom: 2rem; }
+ .top--1-l { top: -1rem; }
+ .right--1-l { right: -1rem; }
+ .bottom--1-l { bottom: -1rem; }
+ .left--1-l { left: -1rem; }
+ .top--2-l { top: -2rem; }
+ .right--2-l { right: -2rem; }
+ .bottom--2-l { bottom: -2rem; }
+ .left--2-l { left: -2rem; }
+ .pos-abs--fill-l { top: 0; right: 0; bottom: 0; left: 0; }
+ .dn-l { display: none; }
+ .di-l { display: inline; }
+ .db-l { display: block; }
+ .dib-l { display: inline-block; }
+ .dit-l { display: inline-table; }
+ .dt-l { display: table; }
+ .dtc-l { display: table-cell; }
+ .dt-row-l { display: table-row; }
+ .dt-row-group-l { display: table-row-group; }
+ .dt-column-l { display: table-column; }
+ .dt-column-group-l { display: table-column-group; }
+ .fl-l { float: left; display: inline; }
+ .fr-l { float: right; display: inline; }
+ .fn-l { float: none; }
+ .i-l { font-style: italic; }
+ .fsn-l { font-style: normal; }
+ .normal-l { font-weight: normal; }
+ .b-l { font-weight: bold; }
+ .fw1-l { font-weight: 100; }
+ .fw2-l { font-weight: 200; }
+ .fw3-l { font-weight: 300; }
+ .fw4-l { font-weight: 400; }
+ .fw5-l { font-weight: 500; }
+ .fw6-l { font-weight: 600; }
+ .fw7-l { font-weight: 700; }
+ .fw8-l { font-weight: 800; }
+ .fw9-l { font-weight: 900; }
+ .h1-l { height: 1rem; }
+ .h2-l { height: 2rem; }
+ .h3-l { height: 4rem; }
+ .h4-l { height: 8rem; }
+ .h5-l { height: 16rem; }
+ .h-25-l { height: 25%; }
+ .h-50-l { height: 50%; }
+ .h-75-l { height: 75%; }
+ .h-100-l { height: 100%; }
+ .h-at-l { height: auto; }
+ .h-i-l { height: inherit; }
+ .tracked-l { letter-spacing: .16em; }
+ .tracked-tight-l { letter-spacing: -.08em; }
+ .tracked-mega-l { letter-spacing: .32em; }
+ .lh-l { line-height: 1; }
+ .lh-title-l { line-height: 1.3; }
+ .lh-copy-l { line-height: 1.6; }
+ .mw-100-l { max-width: 100%; }
+ .mw1-l { max-width: 1rem; }
+ .mw2-l { max-width: 2rem; }
+ .mw3-l { max-width: 4rem; }
+ .mw4-l { max-width: 8rem; }
+ .mw5-l { max-width: 16rem; }
+ .mw6-l { max-width: 32rem; }
+ .mw7-l { max-width: 48rem; }
+ .mw8-l { max-width: 64rem; }
+ .mw9-l { max-width: 96rem; }
+ .mw-none-l { max-width: none; }
+ .w1-l { width: 1rem; }
+ .w2-l { width: 2rem; }
+ .w3-l { width: 4rem; }
+ .w4-l { width: 8rem; }
+ .w5-l { width: 16rem; }
+ .w-10-l { width: 10%; }
+ .w-20-l { width: 20%; }
+ .w-25-l { width: 25%; }
+ .w-33-l { width: 33%; }
+ .w-34-l { width: 34%; }
+ .w-40-l { width: 40%; }
+ .w-50-l { width: 50%; }
+ .w-60-l { width: 60%; }
+ .w-75-l { width: 75%; }
+ .w-80-l { width: 80%; }
+ .w-100-l { width: 100%; }
+ .w-auto-l { width: auto; }
+ .overflow-visible-l { overflow: visible; }
+ .overflow-hidden-l { overflow: hidden; }
+ .overflow-scroll-l { overflow: scroll; }
+ .overflow-auto-l { overflow: auto; }
+ .overflow-x-visible-l { overflow-x: visible; }
+ .overflow-x-hidden-l { overflow-x: hidden; }
+ .overflow-x-scroll-l { overflow-x: scroll; }
+ .overflow-x-auto-l { overflow-x: auto; }
+ .overflow-y-visible-l { overflow-y: visible; }
+ .overflow-y-hidden-l { overflow-y: hidden; }
+ .overflow-y-scroll-l { overflow-y: scroll; }
+ .overflow-y-auto-l { overflow-y: auto; }
+ .static-l { position: static; }
+ .relative-l { position: relative; }
+ .absolute-l { position: absolute; }
+ .fixed-l { position: fixed; }
+ .pa0-l { padding: 0; }
+ .pa1-l { padding: .25rem; }
+ .pa2-l { padding: .5rem; }
+ .pa3-l { padding: 1rem; }
+ .pa4-l { padding: 2rem; }
+ .pa5-l { padding: 4rem; }
+ .pa6-l { padding: 8rem; }
+ .pa7-l { padding: 16rem; }
+ .pl0-l { padding-left: 0; }
+ .pl1-l { padding-left: .25rem; }
+ .pl2-l { padding-left: .5rem; }
+ .pl3-l { padding-left: 1rem; }
+ .pl4-l { padding-left: 2rem; }
+ .pl5-l { padding-left: 4rem; }
+ .pl6-l { padding-left: 8rem; }
+ .pl7-l { padding-left: 16rem; }
+ .pr0-l { padding-right: 0; }
+ .pr1-l { padding-right: .25rem; }
+ .pr2-l { padding-right: .5rem; }
+ .pr3-l { padding-right: 1rem; }
+ .pr4-l { padding-right: 2rem; }
+ .pr5-l { padding-right: 4rem; }
+ .pr6-l { padding-right: 8rem; }
+ .pr7-l { padding-right: 16rem; }
+ .pb0-l { padding-bottom: 0; }
+ .pb1-l { padding-bottom: .25rem; }
+ .pb2-l { padding-bottom: .5rem; }
+ .pb3-l { padding-bottom: 1rem; }
+ .pb4-l { padding-bottom: 2rem; }
+ .pb5-l { padding-bottom: 4rem; }
+ .pb6-l { padding-bottom: 8rem; }
+ .pb7-l { padding-bottom: 16rem; }
+ .pt0-l { padding-top: 0; }
+ .pt1-l { padding-top: .25rem; }
+ .pt2-l { padding-top: .5rem; }
+ .pt3-l { padding-top: 1rem; }
+ .pt4-l { padding-top: 2rem; }
+ .pt5-l { padding-top: 4rem; }
+ .pt6-l { padding-top: 8rem; }
+ .pt7-l { padding-top: 16rem; }
+ .pv0-l { padding-top: 0; padding-bottom: 0; }
+ .pv1-l { padding-top: .25rem; padding-bottom: .25rem; }
+ .pv2-l { padding-top: .5rem; padding-bottom: .5rem; }
+ .pv3-l { padding-top: 1rem; padding-bottom: 1rem; }
+ .pv4-l { padding-top: 2rem; padding-bottom: 2rem; }
+ .pv5-l { padding-top: 4rem; padding-bottom: 4rem; }
+ .pv6-l { padding-top: 8rem; padding-bottom: 8rem; }
+ .pv7-l { padding-top: 16rem; padding-bottom: 16rem; }
+ .ph0-l { padding-left: 0; padding-right: 0; }
+ .ph1-l { padding-left: .25rem; padding-right: .25rem; }
+ .ph2-l { padding-left: .5rem; padding-right: .5rem; }
+ .ph3-l { padding-left: 1rem; padding-right: 1rem; }
+ .ph4-l { padding-left: 2rem; padding-right: 2rem; }
+ .ph5-l { padding-left: 4rem; padding-right: 4rem; }
+ .ph6-l { padding-left: 8rem; padding-right: 8rem; }
+ .ph7-l { padding-left: 16rem; padding-right: 16rem; }
+ .ma0-l { margin: 0; }
+ .ma1-l { margin: .25rem; }
+ .ma2-l { margin: .5rem; }
+ .ma3-l { margin: 1rem; }
+ .ma4-l { margin: 2rem; }
+ .ma5-l { margin: 4rem; }
+ .ma6-l { margin: 8rem; }
+ .ma7-l { margin: 16rem; }
+ .ml0-l { margin-left: 0; }
+ .ml1-l { margin-left: .25rem; }
+ .ml2-l { margin-left: .5rem; }
+ .ml3-l { margin-left: 1rem; }
+ .ml4-l { margin-left: 2rem; }
+ .ml5-l { margin-left: 4rem; }
+ .ml6-l { margin-left: 8rem; }
+ .ml7-l { margin-left: 16rem; }
+ .mr0-l { margin-right: 0; }
+ .mr1-l { margin-right: .25rem; }
+ .mr2-l { margin-right: .5rem; }
+ .mr3-l { margin-right: 1rem; }
+ .mr4-l { margin-right: 2rem; }
+ .mr5-l { margin-right: 4rem; }
+ .mr6-l { margin-right: 8rem; }
+ .mr7-l { margin-right: 16rem; }
+ .mb0-l { margin-bottom: 0; }
+ .mb1-l { margin-bottom: .25rem; }
+ .mb2-l { margin-bottom: .5rem; }
+ .mb3-l { margin-bottom: 1rem; }
+ .mb4-l { margin-bottom: 2rem; }
+ .mb5-l { margin-bottom: 4rem; }
+ .mb6-l { margin-bottom: 8rem; }
+ .mb7-l { margin-bottom: 16rem; }
+ .mt0-l { margin-top: 0; }
+ .mt1-l { margin-top: .25rem; }
+ .mt2-l { margin-top: .5rem; }
+ .mt3-l { margin-top: 1rem; }
+ .mt4-l { margin-top: 2rem; }
+ .mt5-l { margin-top: 4rem; }
+ .mt6-l { margin-top: 8rem; }
+ .mt7-l { margin-top: 16rem; }
+ .mv0-l { margin-top: 0; margin-bottom: 0rem; }
+ .mv1-l { margin-top: .25rem; margin-bottom: .25rem; }
+ .mv2-l { margin-top: .5rem; margin-bottom: .5rem; }
+ .mv3-l { margin-top: 1rem; margin-bottom: 1rem; }
+ .mv4-l { margin-top: 2rem; margin-bottom: 2rem; }
+ .mv5-l { margin-top: 4rem; margin-bottom: 4rem; }
+ .mv6-l { margin-top: 8rem; margin-bottom: 8rem; }
+ .mv7-l { margin-top: 16rem; margin-bottom: 16rem; }
+ .mh0-l { margin-left: 0; margin-right: 0; }
+ .mh1-l { margin-left: .25rem; margin-right: .25rem; }
+ .mh2-l { margin-left: .5rem; margin-right: .5rem; }
+ .mh3-l { margin-left: 1rem; margin-right: 1rem; }
+ .mh4-l { margin-left: 2rem; margin-right: 2rem; }
+ .mh5-l { margin-left: 4rem; margin-right: 4rem; }
+ .mh6-l { margin-left: 8rem; margin-right: 8rem; }
+ .mh7-l { margin-left: 16rem; margin-right: 16rem; }
+ .strike-l { text-decoration: line-through; }
+ .underline-l { text-decoration: underline; }
+ .no-underline-l { text-decoration: none; }
+ .tl-l { text-align: left; }
+ .tr-l { text-align: right; }
+ .tc-l { text-align: center; }
+ .ttc-l { text-transform: capitalize; }
+ .ttl-l { text-transform: lowercase; }
+ .ttu-l { text-transform: uppercase; }
+ .ttn-l { text-transform: none; }
+ .f-6-l, .f-headline-l { font-size: 6rem; }
+ .f-5-l, .f-subheadline-l { font-size: 5rem; }
+ .f1-l { font-size: 3rem; }
+ .f2-l { font-size: 2.25rem; }
+ .f3-l { font-size: 1.5rem; }
+ .f4-l { font-size: 1.25rem; }
+ .f5-l { font-size: 1rem; }
+ .f6-l { font-size: .875rem; }
+ .measure-l { max-width: 30em; }
+ .measure-narrow-l { max-width: 20em; }
+ .indent-l { text-indent: 1em; margin-top: 0; margin-bottom: 0; }
+ .truncate-l { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+ .clip-l { position: fixed !important; position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); }
+ .ws-normal-l { white-space: normal; }
+ .nowrap-l { white-space: nowrap; }
+ .pre-l { white-space: pre; }
+ .v-base-l { vertical-align: baseline; }
+ .v-sub-l { vertical-align: sub; }
+ .v-sup-l { vertical-align: super; }
+ .v-txt-top-l { vertical-align: text-top; }
+ .v-txt-btm-l { vertical-align: text-bottom; }
+ .v-mid-l { vertical-align: middle; }
+ .v-top-l { vertical-align: top; }
+ .v-btm-l { vertical-align: bottom; }
+ .wb-normal-l { word-break: normal; }
+ .word-wrap-l { word-break: break-all; }
+ .word-nowrap-l { word-break: keep-all; }
+}
+
diff --git a/css/tachyons.min.css b/css/tachyons.min.css
index 8a256cfaa..5a50e6d23 100644
--- a/css/tachyons.min.css
+++ b/css/tachyons.min.css
@@ -1,2 +1,2 @@
-/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
-html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html,body,div,article,section,main,footer,header,form,fieldset,pre,code,p,ul,ol,li,dl,dt,dd,textarea,input[type="text"],input[type="tel"],input[type="email"],input[type="url"],input[type="password"],.border-box{box-sizing:border-box}.bg-cv{background-size:cover}.bg-cn{background-size:contain}@media screen and (min-width:48em){.bg-cv-ns{background-size:cover}.bg-cn-ns{background-size:contain}}@media screen and (min-width:48em) and (max-width:64em){.bg-cv-m{background-size:cover}.bg-cn-m{background-size:contain}}@media screen and (min-width:64em){.bg-cv-l{background-size:cover}.bg-cn-l{background-size:contain}}.ba{border-style:solid;border-width:1px}.bt{border-top-style:solid;border-top-width:1px}.br{border-right-style:solid;border-right-width:1px}.bb{border-bottom-style:solid;border-bottom-width:1px}.bl{border-left-style:solid;border-left-width:1px}@media screen and (min-width:48em){.ba-ns{border-style:solid;border-width:1px}.bt-ns{border-top-style:solid;border-top-width:1px}.br-ns{border-right-style:solid;border-right-width:1px}.bb-ns{border-bottom-style:solid;border-bottom-width:1px}.bl-ns{border-left-style:solid;border-left-width:1px}}@media screen and (min-width:48em) and (max-width:64em){.ba-m{border-style:solid;border-width:1px}.bt-m{border-top-style:solid;border-top-width:1px}.br-m{border-right-style:solid;border-right-width:1px}.bb-m{border-bottom-style:solid;border-bottom-width:1px}.bl-m{border-left-style:solid;border-left-width:1px}}@media screen and (min-width:64em){.ba-l{border-style:solid;border-width:1px}.bt-l{border-top-style:solid;border-top-width:1px}.br-l{border-right-style:solid;border-right-width:1px}.bb-l{border-bottom-style:solid;border-bottom-width:1px}.bl-l{border-left-style:solid;border-left-width:1px}}.b--black{border-color:#111}.b--near-black{border-color:#111}.b--dark-gray{border-color:#333}.b--mid-gray{border-color:#555}.b--gray{border-color:#777}.b--silver{border-color:#999}.b--light-silver{border-color:#aaa}.b--light-gray{border-color:#eee}.b--near-white{border-color:#f4f4f4}.b--white{border-color:#fff}.b--white-90{border-color:rgba(255,255,255,.9)}.b--white-80{border-color:rgba(255,255,255,.8)}.b--white-70{border-color:rgba(255,255,255,.7)}.b--white-60{border-color:rgba(255,255,255,.6)}.b--white-50{border-color:rgba(255,255,255,.5)}.b--white-40{border-color:rgba(255,255,255,.4)}.b--white-30{border-color:rgba(255,255,255,.3)}.b--white-20{border-color:rgba(255,255,255,.2)}.b--white-10{border-color:rgba(255,255,255,.1)}.b--white-05{border-color:rgba(255,255,255,.05)}.b--white-025{border-color:rgba(255,255,255,.025)}.b--white-0125{border-color:rgba(255,255,255,.0125)}.b--black-90{border-color:rgba(0,0,0,.9)}.b--black-80{border-color:rgba(0,0,0,.8)}.b--black-70{border-color:rgba(0,0,0,.7)}.b--black-60{border-color:rgba(0,0,0,.6)}.b--black-50{border-color:rgba(0,0,0,.5)}.b--black-40{border-color:rgba(0,0,0,.4)}.b--black-30{border-color:rgba(0,0,0,.3)}.b--black-20{border-color:rgba(0,0,0,.2)}.b--black-10{border-color:rgba(0,0,0,.1)}.b--black-05{border-color:rgba(0,0,0,.05)}.b--black-025{border-color:rgba(0,0,0,.025)}.b--black-0125{border-color:rgba(0,0,0,.0125)}.b--transparent{border-color:transprent}.br0{border-radius:0}.br1{border-radius:.125rem}.br2{border-radius:.25rem}.br3{border-radius:.5rem}.br4{border-radius:1rem}.br-100{border-radius:100%}@media screen and (min-width:48em){.br0-ns{border-radius:0}.br1-ns{border-radius:.125rem}.br2-ns{border-radius:.25rem}.br3-ns{border-radius:.5rem}.br4-ns{border-radius:1rem}.br-100-ns{border-radius:100%}}@media screen and (min-width:48em) and (max-width:64em){.br0-m{border-radius:0}.br1-m{border-radius:.125rem}.br2-m{border-radius:.25rem}.br3-m{border-radius:.5rem}.br4-m{border-radius:1rem}.br-100-m{border-radius:100%}}@media screen and (min-width:64em){.br0-l{border-radius:0}.br1-l{border-radius:.125rem}.br2-l{border-radius:.25rem}.br3-l{border-radius:.5rem}.br4-l{border-radius:1rem}.br-100-l{border-radius:100%}}.b--none{border-style:none}.b--dotted{border-style:dotted}.b--dashed{border-style:dashed}.b--solid{border-style:solid}@media screen and (min-width:48em){.b--none-ns{border-style:none}.b--dotted-ns{border-style:dotted}.b--dashed-ns{border-style:dashed}.b--solid-ns{border-style:solid}}@media screen and (min-width:48em) and (max-width:64em){.b--none-m{border-style:none}.b--dotted-m{border-style:dotted}.b--dashed-m{border-style:dashed}.b--solid-m{border-style:solid}}@media screen and (min-width:64em){.b--none-l{border-style:none}.b--dotted-l{border-style:dotted}.b--dashed-l{border-style:dashed}.b--solid-l{border-style:solid}}.bw0{border-width:0}.bw1{border-width:.125rem}.bw2{border-width:.25rem}.bw3{border-width:.5rem}.bw4{border-width:1rem}.bw5{border-width:2rem}@media screen and (min-width:48em){.bw0-ns{border-width:0}.bw1-ns{border-width:.125rem}.bw2-ns{border-width:.25rem}.bw3-ns{border-width:.5rem}.bw4-ns{border-width:1rem}.bw5-ns{border-width:2rem}}@media screen and (min-width:48em) and (max-width:64em){.bw0-m{border-width:0}.bw1-m{border-width:.125rem}.bw2-m{border-width:.25rem}.bw3-m{border-width:.5rem}.bw4-m{border-width:1rem}.bw5-m{border-width:2rem}}@media screen and (min-width:64em){.bw0-l{border-width:0}.bw1-l{border-width:.125rem}.bw2-l{border-width:.25rem}.bw3-l{border-width:.5rem}.bw4-l{border-width:1rem}.bw5-l{border-width:2rem}}.pre{overflow-x:auto;overflow-y:hidden;overflow:scroll}.code{white-space:pre;font-size:14px}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.top-1{top:1rem}.right-1{right:1rem}.bottom-1{bottom:1rem}.left-1{left:1rem}.top-2{top:2rem}.right-2{right:2rem}.bottom-2{bottom:2rem}.left-2{left:2rem}.top--1{top:-1rem}.right--1{right:-1rem}.bottom--1{bottom:-1rem}.left--1{left:-1rem}.top--2{top:-2rem}.right--2{right:-2rem}.bottom--2{bottom:-2rem}.left--2{left:-2rem}.pos-abs--fill{top:0;right:0;bottom:0;left:0}@media screen and (min-width:48em){.top-0-ns{top:0}.left-0-ns{left:0}.right-0-ns{right:0}.bottom-0-ns{bottom:0}.top-1-ns{top:1rem}.left-1-ns{left:1rem}.right-1-ns{right:1rem}.bottom-1-ns{bottom:1rem}.top-2-ns{top:2rem}.left-2-ns{left:2rem}.right-2-ns{right:2rem}.bottom-2-ns{bottom:2rem}.top--1-ns{top:-1rem}.right--1-ns{right:-1rem}.bottom--1-ns{bottom:-1rem}.left--1-ns{left:-1rem}.top--2-ns{top:-2rem}.right--2-ns{right:-2rem}.bottom--2-ns{bottom:-2rem}.left--2-ns{left:-2rem}.pos-abs--fill-ns{top:0;right:0;bottom:0;left:0}}@media screen and (min-width:48em) and (max-width:64em){.top-0-m{top:0}.left-0-m{left:0}.right-0-m{right:0}.bottom-0-m{bottom:0}.top-1-m{top:1rem}.left-1-m{left:1rem}.right-1-m{right:1rem}.bottom-1-m{bottom:1rem}.top-2-m{top:2rem}.left-2-m{left:2rem}.right-2-m{right:2rem}.bottom-2-m{bottom:2rem}.top--1-m{top:-1rem}.right--1-m{right:-1rem}.bottom--1-m{bottom:-1rem}.left--1-m{left:-1rem}.top--2-m{top:-2rem}.right--2-m{right:-2rem}.bottom--2-m{bottom:-2rem}.left--2-m{left:-2rem}.pos-abs--fill-m{top:0;right:0;bottom:0;left:0}}@media screen and (min-width:64em){.top-0-l{top:0}.left-0-l{left:0}.right-0-l{right:0}.bottom-0-l{bottom:0}.top-1-l{top:1rem}.left-1-l{left:1rem}.right-1-l{right:1rem}.bottom-1-l{bottom:1rem}.top-2-l{top:2rem}.left-2-l{left:2rem}.right-2-l{right:2rem}.bottom-2-l{bottom:2rem}.top--1-l{top:-1rem}.right--1-l{right:-1rem}.bottom--1-l{bottom:-1rem}.left--1-l{left:-1rem}.top--2-l{top:-2rem}.right--2-l{right:-2rem}.bottom--2-l{bottom:-2rem}.left--2-l{left:-2rem}.pos-abs--fill-l{top:0;right:0;bottom:0;left:0}}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}.cf{*zoom:1}.dn{display:none}.di{display:inline}.db{display:block}.dib{display:inline-block}.dit{display:inline-table}.dt{display:table}.dtc{display:table-cell}.dt-row{display:table-row}.dt-row-group{display:table-row-group}.dt-column{display:table-column}.dt-column-group{display:table-column-group}@media screen and (min-width:48em){.dn-ns{display:none}.di-ns{display:inline}.db-ns{display:block}.dib-ns{display:inline-block}.dit-ns{display:inline-table}.dt-ns{display:table}.dtc-ns{display:table-cell}.dt-row-ns{display:table-row}.dt-row-group-ns{display:table-row-group}.dt-column-ns{display:table-column}.dt-column-group-ns{display:table-column-group}}@media screen and (min-width:48em) and (max-width:64em){.dn-m{display:none}.di-m{display:inline}.db-m{display:block}.dib-m{display:inline-block}.dit-m{display:inline-table}.dt-m{display:table}.dtc-m{display:table-cell}.dt-row-m{display:table-row}.dt-row-group-m{display:table-row-group}.dt-column-m{display:table-column}.dt-column-group-m{display:table-column-group}}@media screen and (min-width:64em){.dn-l{display:none}.di-l{display:inline}.db-l{display:block}.dib-l{display:inline-block}.dit-l{display:inline-table}.dt-l{display:table}.dtc-l{display:table-cell}.dt-row-l{display:table-row}.dt-row-group-l{display:table-row-group}.dt-column-l{display:table-column}.dt-column-group-l{display:table-column-group}}.fl{float:left;display:inline}.fr{float:right;display:inline}.fn{float:none}@media screen and (min-width:48em){.fl-ns{float:left;display:inline}.fr-ns{float:right;display:inline}.fn-ns{float:none!important}}@media screen and (min-width:48em) and (max-width:64em){.fl-m{float:left;display:inline}.fr-m{float:right;display:inline}.fn-m{float:none}}@media screen and (min-width:64em){.fl-l{float:left;display:inline}.fr-l{float:right;display:inline}.fn-l{float:none}}.sans-serif{font-family:-apple-system,BlinkMacSystemFont,'avenir next',avenir,helvetica,'helvetica neue',Ubuntu,'segoe ui',arial,sans-serif}.serif{font-family:georgia,times,serif}.system-sans-serif{font-family:sans-serif}.system-serif{font-family:serif}code,.code{font-family:Consolas,monaco,monospace}.helvetica{font-family:helvetica,'helvetica neue',arial,sans-serif}.georgia{font-family:georgia,serif}.times{font-family:Times,serif}.bodoni{font-family:"Bodoni MT",serif}.calisto{font-family:"Calisto MT",serif}.garamond{font-family:garamond,serif}.i{font-style:italic}.fsn{font-style:normal}@media screen and (min-width:48em){.i-ns{font-style:italic}.fsn-ns{font-style:normal}}@media screen and (min-width:48em) and (max-width:64em){.i-m{font-style:italic}.fsn-m{font-style:normal}}@media screen and (min-width:64em){.i-l{font-style:italic}.fsn-l{font-style:normal}}.normal{font-weight:normal}.b{font-weight:bold}.fw1{font-weight:100}.fw2{font-weight:200}.fw3{font-weight:300}.fw4{font-weight:400}.fw5{font-weight:500}.fw6{font-weight:600}.fw7{font-weight:700}.fw8{font-weight:800}.fw9{font-weight:900}@media screen and (min-width:48em){.normal-ns{font-weight:normal}.b-ns{font-weight:bold}.fw1-ns{font-weight:100}.fw2-ns{font-weight:200}.fw3-ns{font-weight:300}.fw4-ns{font-weight:400}.fw5-ns{font-weight:500}.fw6-ns{font-weight:600}.fw7-ns{font-weight:700}.fw8-ns{font-weight:800}.fw9-ns{font-weight:900}}@media screen and (min-width:48em) and (max-width:64em){.normal-m{font-weight:normal}.b-m{font-weight:bold}.fw1-m{font-weight:100}.fw2-m{font-weight:200}.fw3-m{font-weight:300}.fw4-m{font-weight:400}.fw5-m{font-weight:500}.fw6-m{font-weight:600}.fw7-m{font-weight:700}.fw8-m{font-weight:800}.fw9-m{font-weight:900}}@media screen and (min-width:64em){.normal-l{font-weight:normal}.b-l{font-weight:bold}.fw1-l{font-weight:100}.fw2-l{font-weight:200}.fw3-l{font-weight:300}.fw4-l{font-weight:400}.fw5-l{font-weight:500}.fw6-l{font-weight:600}.fw7-l{font-weight:700}.fw8-l{font-weight:800}.fw9-l{font-weight:900}}.input-reset{-webkit-appearance:none;-moz-appearance:none}.input-invisible{outline:0;border:0}.h1{height:1rem}.h2{height:2rem}.h3{height:4rem}.h4{height:8rem}.h5{height:16rem}.h-25{height:25%}.h-50{height:50%}.h-75{height:75%}.h-100{height:100%}.h-at{height:auto}.h-i{height:inherit}@media screen and (min-width:48em){.h-1-ns{height:1rem}.h-2-ns{height:2rem}.h-3-ns{height:4rem}.h-4-ns{height:8rem}.h-5-ns{height:16rem}.h-25-ns{height:25%}.h-50-ns{height:50%}.h-75-ns{height:75%}.h-100-ns{height:100%}.h-at-ns{height:auto}.h-i-ns{height:inherit}}@media screen and (min-width:48em) and (max-width:64em){.h1-m{height:1rem}.h2-m{height:2rem}.h3-m{height:4rem}.h4-m{height:8rem}.h5-m{height:16rem}.h-25-m{height:25%}.h-50-m{height:50%}.h-75-m{height:75%}.h-100-m{height:100%}.h-at-m{height:auto}.h-i-m{height:inherit}}@media screen and (min-width:64em){.h1-l{height:1rem}.h2-l{height:2rem}.h3-l{height:4rem}.h4-l{height:8rem}.h5-l{height:16rem}.h-25-l{height:25%}.h-50-l{height:50%}.h-75-l{height:75%}.h-100-l{height:100%}.h-at-l{height:auto}.h-i-l{height:inherit}}.tracked{letter-spacing:.16em}.tracked-tight{letter-spacing:-.08em}.tracked-mega{letter-spacing:.32em}@media screen and (min-width:48em){.tracked-ns{letter-spacing:.16em}.tracked-tight-ns{letter-spacing:-.08em}.tracked-mega-ns{letter-spacing:.32em}}@media screen and (min-width:48em) and (max-width:64em){.tracked-m{letter-spacing:.16em}.tracked-tight-m{letter-spacing:-.08em}.tracked-mega-m{letter-spacing:.32em}}@media screen and (min-width:64em){.tracked-l{letter-spacing:.16em}.tracked-tight-l{letter-spacing:-.08em}.tracked-mega-l{letter-spacing:.32em}}.lh{line-height:1}.lh-title{line-height:1.3}.lh-copy{line-height:1.6}@media screen and (min-width:48em){.lh-ns{line-height:1}.lh-title-ns{line-height:1.3}.lh-copy-ns{line-height:1.6}}@media screen and (min-width:48em) and (max-width:64em){.lh-m{line-height:1}.lh-title-m{line-height:1.3}.lh-copy-m{line-height:1.6}}@media screen and (min-width:64em){.lh-l{line-height:1}.lh-title-l{line-height:1.3}.lh-copy-l{line-height:1.6}}.link{text-decoration:none;-webkit-transition:color .15s ease-in;transition:color .15s ease-in}.link:link,.link:visited{-webkit-transition:color .15s ease-in;transition:color .15s ease-in}.link:hover{-webkit-transition:color .15s ease-in;transition:color .15s ease-in}.link:active{-webkit-transition:color .15s ease-in;transition:color .15s ease-in}.link:focus{-webkit-transition:color .15s ease-in;transition:color .15s ease-in}.list{list-style-type:none}.o-100{opacity:1}.o-90{opacity:.9}.o-80{opacity:.8}.o-70{opacity:.7}.o-60{opacity:.6}.o-50{opacity:.5}.o-40{opacity:.4}.o-30{opacity:.3}.o-20{opacity:.2}.o-10{opacity:.1}.o-05{opacity:.05}.o-025{opacity:.025}.mw-100{max-width:100%}.mw1{max-width:1rem}.mw2{max-width:2rem}.mw3{max-width:4rem}.mw4{max-width:8rem}.mw5{max-width:16rem}.mw6{max-width:32rem}.mw7{max-width:48rem}.mw8{max-width:64rem}.mw9{max-width:96rem}.mw-none{max-width:none}@media screen and (min-width:48em){.mw-100-ns{max-width:100%}.mw1-ns{max-width:1rem}.mw2-ns{max-width:2rem}.mw3-ns{max-width:4rem}.mw4-ns{max-width:8rem}.mw5-ns{max-width:16rem}.mw6-ns{max-width:32rem}.mw7-ns{max-width:48rem}.mw8-ns{max-width:64rem}.mw9-ns{max-width:96rem}.mw-none-ns{max-width:none}}@media screen and (min-width:48em) and (max-width:64em){.mw-100-m{max-width:100%}.mw1-m{max-width:1rem}.mw2-m{max-width:2rem}.mw3-m{max-width:4rem}.mw4-m{max-width:8rem}.mw5-m{max-width:16rem}.mw6-m{max-width:32rem}.mw7-m{max-width:48rem}.mw8-m{max-width:64rem}.mw9-m{max-width:96rem}.mw-none-m{max-width:none}}@media screen and (min-width:64em){.mw-100-l{max-width:100%}.mw1-l{max-width:1rem}.mw2-l{max-width:2rem}.mw3-l{max-width:4rem}.mw4-l{max-width:8rem}.mw5-l{max-width:16rem}.mw6-l{max-width:32rem}.mw7-l{max-width:48rem}.mw8-l{max-width:64rem}.mw9-l{max-width:96rem}.mw-none-l{max-width:none}}.w1{width:1rem}.w2{width:2rem}.w3{width:4rem}.w4{width:8rem}.w5{width:16rem}.w-10{width:10%}.w-20{width:20%}.w-25{width:25%}.w-33{width:33%}.w-34{width:34%}.w-40{width:40%}.w-50{width:50%}.w-60{width:60%}.w-75{width:75%}.w-80{width:80%}.w-100{width:100%}.w-auto{width:auto}@media screen and (min-width:48em){.w1-ns{width:1rem}.w2-ns{width:2rem}.w3-ns{width:4rem}.w4-ns{width:8rem}.w5-ns{width:16rem}.w-10-ns{width:10%}.w-20-ns{width:20%}.w-25-ns{width:25%}.w-33-ns{width:33%}.w-34-ns{width:34%}.w-40-ns{width:40%}.w-50-ns{width:50%}.w-60-ns{width:60%}.w-75-ns{width:75%}.w-80-ns{width:80%}.w-100-ns{width:100%}.w-auto-ns{width:auto}}@media screen and (min-width:48em) and (max-width:64em){.w1-m{width:1rem}.w2-m{width:2rem}.w3-m{width:4rem}.w4-m{width:8rem}.w5-m{width:16rem}.w-10-m{width:10%}.w-20-m{width:20%}.w-25-m{width:25%}.w-33-m{width:33%}.w-34-m{width:34%}.w-40-m{width:40%}.w-50-m{width:50%}.w-60-m{width:60%}.w-75-m{width:75%}.w-80-m{width:80%}.w-100-m{width:100%}.w-auto-m{width:auto}}@media screen and (min-width:64em){.w1-l{width:1rem}.w2-l{width:2rem}.w3-l{width:4rem}.w4-l{width:8rem}.w5-l{width:16rem}.w-10-l{width:10%}.w-20-l{width:20%}.w-25-l{width:25%}.w-33-l{width:33%}.w-34-l{width:34%}.w-40-l{width:40%}.w-50-l{width:50%}.w-60-l{width:60%}.w-75-l{width:75%}.w-80-l{width:80%}.w-100-l{width:100%}.w-auto-l{width:auto}}.overflow-visible{overflow:visible}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-auto{overflow:auto}.overflow-x-visible{overflow-x:visible}.overflow-x-hidden{overflow-x:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-visible{overflow-y:visible}.overflow-y-hidden{overflow-y:hidden}.overflow-y-scroll{overflow-y:scroll}.overflow-y-auto{overflow-y:auto}@media screen and (min-width:48em){.overflow-visible-ns{overflow:visible}.overflow-hidden-ns{overflow:hidden}.overflow-scroll-ns{overflow:scroll}.overflow-auto-ns{overflow:auto}.overflow-x-visible-ns{overflow-x:visible}.overflow-x-hidden-ns{overflow-x:hidden}.overflow-x-scroll-ns{overflow-x:scroll}.overflow-x-auto-ns{overflow-x:auto}.overflow-y-visible-ns{overflow-y:visible}.overflow-y-hidden-ns{overflow-y:hidden}.overflow-y-scroll-ns{overflow-y:scroll}.overflow-y-auto-ns{overflow-y:auto}}@media screen and (min-width:48em) and (max-width:64em){.overflow-visible-m{overflow:visible}.overflow-hidden-m{overflow:hidden}.overflow-scroll-m{overflow:scroll}.overflow-auto-m{overflow:auto}.overflow-x-visible-m{overflow-x:visible}.overflow-x-hidden-m{overflow-x:hidden}.overflow-x-scroll-m{overflow-x:scroll}.overflow-x-auto-m{overflow-x:auto}.overflow-y-visible-m{overflow-y:visible}.overflow-y-hidden-m{overflow-y:hidden}.overflow-y-scroll-m{overflow-y:scroll}.overflow-y-auto-m{overflow-y:auto}}@media screen and (min-width:64em){.overflow-visible-l{overflow:visible}.overflow-hidden-l{overflow:hidden}.overflow-scroll-l{overflow:scroll}.overflow-auto-l{overflow:auto}.overflow-x-visible-l{overflow-x:visible}.overflow-x-hidden-l{overflow-x:hidden}.overflow-x-scroll-l{overflow-x:scroll}.overflow-x-auto-l{overflow-x:auto}.overflow-y-visible-l{overflow-y:visible}.overflow-y-hidden-l{overflow-y:hidden}.overflow-y-scroll-l{overflow-y:scroll}.overflow-y-auto-l{overflow-y:auto}}.static{position:static}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}@media screen and (min-width:48em){.static-ns{position:static}.relative-ns{position:relative}.absolute-ns{position:absolute}.fixed-ns{position:fixed}}@media screen and (min-width:48em) and (max-width:64em){.static-m{position:static}.relative-m{position:relative}.absolute-m{position:absolute}.fixed-m{position:fixed}}@media screen and (min-width:64em){.static-l{position:static}.relative-l{position:relative}.absolute-l{position:absolute}.fixed-l{position:fixed}}.black-90{color:rgba(0,0,0,.9)}.black-80{color:rgba(0,0,0,.8)}.black-70{color:rgba(0,0,0,.7)}.black-60{color:rgba(0,0,0,.6)}.black-50{color:rgba(0,0,0,.5)}.black-40{color:rgba(0,0,0,.4)}.black-30{color:rgba(0,0,0,.3)}.black-20{color:rgba(0,0,0,.2)}.black-10{color:rgba(0,0,0,.1)}.black-05{color:rgba(0,0,0,.05)}.bg-black-90{background-color:rgba(0,0,0,.9)}.bg-black-80{background-color:rgba(0,0,0,.8)}.bg-black-70{background-color:rgba(0,0,0,.7)}.bg-black-60{background-color:rgba(0,0,0,.6)}.bg-black-50{background-color:rgba(0,0,0,.5)}.bg-black-40{background-color:rgba(0,0,0,.4)}.bg-black-30{background-color:rgba(0,0,0,.3)}.bg-black-20{background-color:rgba(0,0,0,.2)}.bg-black-10{background-color:rgba(0,0,0,.1)}.bg-black-05{background-color:rgba(0,0,0,.05)}.white-90{color:rgba(255,255,255,.9)}.white-80{color:rgba(255,255,255,.8)}.white-70{color:rgba(255,255,255,.7)}.white-60{color:rgba(255,255,255,.6)}.white-50{color:rgba(255,255,255,.5)}.white-40{color:rgba(255,255,255,.4)}.white-30{color:rgba(255,255,255,.3)}.white-20{color:rgba(255,255,255,.2)}.white-10{color:rgba(255,255,255,.1)}.bg-white-90{background-color:rgba(255,255,255,.9)}.bg-white-80{background-color:rgba(255,255,255,.8)}.bg-white-70{background-color:rgba(255,255,255,.7)}.bg-white-60{background-color:rgba(255,255,255,.6)}.bg-white-50{background-color:rgba(255,255,255,.5)}.bg-white-40{background-color:rgba(255,255,255,.4)}.bg-white-30{background-color:rgba(255,255,255,.3)}.bg-white-20{background-color:rgba(255,255,255,.2)}.bg-white-10{background-color:rgba(255,255,255,.1)}.black{color:#111}.near-black{color:#111}.dark-gray{color:#333}.mid-gray{color:#555}.gray{color:#777}.silver{color:#999}.light-silver{color:#aaa}.light-gray{color:#eee}.near-white{color:#f4f4f4}.white{color:#fff}.bg-black{background-color:#111}.bg-near-black{background-color:#111}.bg-dark-gray{background-color:#333}.bg-mid-gray{background-color:#555}.bg-gray{background-color:#777}.bg-silver{background-color:#999}.bg-light-silver{background-color:#aaa}.bg-light-gray{background-color:#eee}.bg-near-white{background-color:#f4f4f4}.bg-white{background-color:#fff}.focus-black:focus{color:#111}.focus-near-black:focus{color:#111}.focus-dark-gray:focus{color:#333}.focus-mid-gray:focus{color:#555}.focus-gray:focus{color:#777}.focus-silver:focus{color:#999}.focus-light-silver:focus{color:#aaa}.focus-moon-gray:focus{color:#ccc}.focus-light-gray:focus{color:#eee}.focus-near-white:focus{color:#f4f4f4}.focus-white:focus{color:#fff}.bg-focus-black:focus{background-color:#111}.bg-focus-near-black:focus{background-color:#111}.bg-focus-dark-gray:focus{background-color:#333}.bg-focus-mid-gray:focus{background-color:#555}.bg-focus-gray:focus{background-color:#777}.bg-focus-silver:focus{background-color:#999}.bg-focus-light-silver:focus{background-color:#aaa}.bg-focus-moon-gray:focus{background-color:#ccc}.bg-focus-light-gray:focus{background-color:#eee}.bg-focus-near-white:focus{background-color:#f4f4f4}.bg-focus-white:focus{background-color:#fff}.hover-black:hover{color:#111}.hover-near-black:hover{color:#111}.hover-dark-gray:hover{color:#333}.hover-mid-gray:hover{color:#555}.hover-gray:hover{color:#777}.hover-silver:hover{color:#999}.hover-light-silver:hover{color:#aaa}.hover-moon-gray:hover{color:#ccc}.hover-light-gray:hover{color:#eee}.hover-near-white:hover{color:#f4f4f4}.hover-white:hover{color:#fff}.bg-hover-black:hover{background-color:#111}.bg-hover-near-black:hover{background-color:#111}.bg-hover-dark-gray:hover{background-color:#333}.bg-hover-mid-gray:hover{background-color:#555}.bg-hover-gray:hover{background-color:#777}.bg-hover-silver:hover{background-color:#999}.bg-hover-light-silver:hover{background-color:#aaa}.bg-hover-moon-gray:hover{background-color:#ccc}.bg-hover-light-gray:hover{background-color:#eee}.bg-hover-near-white:hover{background-color:#f4f4f4}.bg-hover-white:hover{background-color:#fff}.pa0{padding:0}.pa1{padding:.25rem}.pa2{padding:.5rem}.pa3{padding:1rem}.pa4{padding:2rem}.pa5{padding:4rem}.pa6{padding:8rem}.pa7{padding:16rem}.pl0{padding-left:0}.pl1{padding-left:.25rem}.pl2{padding-left:.5rem}.pl3{padding-left:1rem}.pl4{padding-left:2rem}.pl5{padding-left:4rem}.pl6{padding-left:8rem}.pl7{padding-left:16rem}.pr0{padding-right:0}.pr1{padding-right:.25rem}.pr2{padding-right:.5rem}.pr3{padding-right:1rem}.pr4{padding-right:2rem}.pr5{padding-right:4rem}.pr6{padding-right:8rem}.pr7{padding-right:16rem}.pb0{padding-bottom:0}.pb1{padding-bottom:.25rem}.pb2{padding-bottom:.5rem}.pb3{padding-bottom:1rem}.pb4{padding-bottom:2rem}.pb5{padding-bottom:4rem}.pb6{padding-bottom:8rem}.pb7{padding-bottom:16rem}.pt0{padding-top:0}.pt1{padding-top:.25rem}.pt2{padding-top:.5rem}.pt3{padding-top:1rem}.pt4{padding-top:2rem}.pt5{padding-top:4rem}.pt6{padding-top:8rem}.pt7{padding-top:16rem}.pv0{padding-top:0;padding-bottom:0}.pv1{padding-top:.25rem;padding-bottom:.25rem}.pv2{padding-top:.5rem;padding-bottom:.5rem}.pv3{padding-top:1rem;padding-bottom:1rem}.pv4{padding-top:2rem;padding-bottom:2rem}.pv5{padding-top:4rem;padding-bottom:4rem}.pv6{padding-top:8rem;padding-bottom:8rem}.pv7{padding-top:16rem;padding-bottom:16rem}.ph0{padding-left:0;padding-right:0}.ph1{padding-left:.25rem;padding-right:.25rem}.ph2{padding-left:.5rem;padding-right:.5rem}.ph3{padding-left:1rem;padding-right:1rem}.ph4{padding-left:2rem;padding-right:2rem}.ph5{padding-left:4rem;padding-right:4rem}.ph6{padding-left:8rem;padding-right:8rem}.ph7{padding-left:16rem;padding-right:16rem}.ma0{margin:0}.ma1{margin:.25rem}.ma2{margin:.5rem}.ma3{margin:1rem}.ma4{margin:2rem}.ma5{margin:4rem}.ma6{margin:8rem}.ma7{margin:16rem}.ml0{margin-left:0}.ml1{margin-left:.25rem}.ml2{margin-left:.5rem}.ml3{margin-left:1rem}.ml4{margin-left:2rem}.ml5{margin-left:4rem}.ml6{margin-left:8rem}.ml7{margin-left:16rem}.mr0{margin-right:0}.mr1{margin-right:.25rem}.mr2{margin-right:.5rem}.mr3{margin-right:1rem}.mr4{margin-right:2rem}.mr5{margin-right:4rem}.mr6{margin-right:8rem}.mr7{margin-right:16rem}.mb0{margin-bottom:0}.mb1{margin-bottom:.25rem}.mb2{margin-bottom:.5rem}.mb3{margin-bottom:1rem}.mb4{margin-bottom:2rem}.mb5{margin-bottom:4rem}.mb6{margin-bottom:8rem}.mb7{margin-bottom:16rem}.mt0{margin-top:0}.mt1{margin-top:.25rem}.mt2{margin-top:.5rem}.mt3{margin-top:1rem}.mt4{margin-top:2rem}.mt5{margin-top:4rem}.mt6{margin-top:8rem}.mt7{margin-top:16rem}.mv0{margin-top:0;margin-bottom:0rem}.mv1{margin-top:.25rem;margin-bottom:.25rem}.mv2{margin-top:.5rem;margin-bottom:.5rem}.mv3{margin-top:1rem;margin-bottom:1rem}.mv4{margin-top:2rem;margin-bottom:2rem}.mv5{margin-top:4rem;margin-bottom:4rem}.mv6{margin-top:8rem;margin-bottom:8rem}.mv7{margin-top:16rem;margin-bottom:16rem}.mh0{margin-left:0;margin-right:0}.mh2{margin-left:.5rem;margin-right:.5rem}.mh3{margin-left:1rem;margin-right:1rem}.mh4{margin-left:2rem;margin-right:2rem}.mh5{margin-left:4rem;margin-right:4rem}.mh6{margin-left:8rem;margin-right:8rem}.mh7{margin-left:16rem;margin-right:16rem}@media screen and (min-width:48em){.pa0-ns{padding:0}.pa1-ns{padding:.25rem}.pa2-ns{padding:.5rem}.pa3-ns{padding:1rem}.pa4-ns{padding:2rem}.pa5-ns{padding:4rem}.pa6-ns{padding:8rem}.pa7-ns{padding:16rem}.pl0-ns{padding-left:0}.pl1-ns{padding-left:.25rem}.pl2-ns{padding-left:.5rem}.pl3-ns{padding-left:1rem}.pl4-ns{padding-left:2rem}.pl5-ns{padding-left:4rem}.pl6-ns{padding-left:8rem}.pl7-ns{padding-left:16rem}.pr0-ns{padding-right:0}.pr1-ns{padding-right:.25rem}.pr2-ns{padding-right:.5rem}.pr3-ns{padding-right:1rem}.pr4-ns{padding-right:2rem}.pr5-ns{padding-right:4rem}.pr6-ns{padding-right:8rem}.pr7-ns{padding-right:16rem}.pb0-ns{padding-bottom:0}.pb1-ns{padding-bottom:.25rem}.pb2-ns{padding-bottom:.5rem}.pb3-ns{padding-bottom:1rem}.pb4-ns{padding-bottom:2rem}.pb5-ns{padding-bottom:4rem}.pb6-ns{padding-bottom:8rem}.pb7-ns{padding-bottom:16rem}.pt0-ns{padding-top:0}.pt1-ns{padding-top:.25rem}.pt2-ns{padding-top:.5rem}.pt3-ns{padding-top:1rem}.pt4-ns{padding-top:2rem}.pt5-ns{padding-top:4rem}.pt6-ns{padding-top:8rem}.pt7-ns{padding-top:16rem}.pv0-ns{padding-top:0;padding-bottom:0}.pv1-ns{padding-top:.25rem;padding-bottom:.25rem}.pv2-ns{padding-top:.5rem;padding-bottom:.5rem}.pv3-ns{padding-top:1rem;padding-bottom:1rem}.pv4-ns{padding-top:2rem;padding-bottom:2rem}.pv5-ns{padding-top:4rem;padding-bottom:4rem}.pv6-ns{padding-top:8rem;padding-bottom:8rem}.pv7-ns{padding-top:16rem;padding-bottom:16rem}.ph0-ns{padding-left:0;padding-right:0}.pv1-ns{padding-left:.25rem;padding-right:.25rem}.ph2-ns{padding-left:.5rem;padding-right:.5rem}.ph3-ns{padding-left:1rem;padding-right:1rem}.ph4-ns{padding-left:2rem;padding-right:2rem}.ph5-ns{padding-left:4rem;padding-right:4rem}.ph6-ns{padding-left:8rem;padding-right:8rem}.ph7-ns{padding-left:16rem;padding-right:16rem}.ma0-ns{margin:0}.ma1-ns{margin:.25rem}.ma2-ns{margin:.5rem}.ma3-ns{margin:1rem}.ma4-ns{margin:2rem}.ma5-ns{margin:4rem}.ma6-ns{margin:8rem}.ma7-ns{margin:16rem}.ml0-ns{margin-left:0}.ml1-ns{margin-left:.25rem}.ml2-ns{margin-left:.5rem}.ml3-ns{margin-left:1rem}.ml4-ns{margin-left:2rem}.ml5-ns{margin-left:4rem}.ml6-ns{margin-left:8rem}.ml7-ns{margin-left:16rem}.mr0-ns{margin-right:0}.mr1-ns{margin-right:.25rem}.mr2-ns{margin-right:.5rem}.mr3-ns{margin-right:1rem}.mr4-ns{margin-right:2rem}.mr5-ns{margin-right:4rem}.mr6-ns{margin-right:8rem}.mr7-ns{margin-right:16rem}.mb0-ns{margin-bottom:0}.mb1-ns{margin-bottom:.25rem}.mb2-ns{margin-bottom:.5rem}.mb3-ns{margin-bottom:1rem}.mb4-ns{margin-bottom:2rem}.mb5-ns{margin-bottom:4rem}.mb6-ns{margin-bottom:8rem}.mb7-ns{margin-bottom:16rem}.mt0-ns{margin-top:0}.mt1-ns{margin-top:.25rem}.mt2-ns{margin-top:.5rem}.mt3-ns{margin-top:1rem}.mt4-ns{margin-top:2rem}.mt5-ns{margin-top:4rem}.mt6-ns{margin-top:8rem}.mt7-ns{margin-top:16rem}.mv0-ns{margin-top:0;margin-bottom:0rem}.mv1-ns{margin-top:.25rem;margin-bottom:.25rem}.mv2-ns{margin-top:.5rem;margin-bottom:.5rem}.mv3-ns{margin-top:1rem;margin-bottom:1rem}.mv4-ns{margin-top:2rem;margin-bottom:2rem}.mv5-ns{margin-top:4rem;margin-bottom:4rem}.mv6-ns{margin-top:8rem;margin-bottom:8rem}.mv7-ns{margin-top:16rem;margin-bottom:16rem}.mh0-ns{margin-left:0;margin-right:0}.mh2-ns{margin-left:.5rem;margin-right:.5rem}.mh3-ns{margin-left:1rem;margin-right:1rem}.mh4-ns{margin-left:2rem;margin-right:2rem}.mh5-ns{margin-left:4rem;margin-right:4rem}.mh6-ns{margin-left:8rem;margin-right:8rem}.mh7-ns{margin-left:16rem;margin-right:16rem}}@media screen and (min-width:48em) and (max-width:64em){.pa0-m{padding:0}.pa1-m{padding:.25rem}.pa2-m{padding:.5rem}.pa3-m{padding:1rem}.pa4-m{padding:2rem}.pa5-m{padding:4rem}.pa6-m{padding:8rem}.pa7-m{padding:16rem}.pl0-m{padding-left:0}.pl1-m{padding-left:.25rem}.pl2-m{padding-left:.5rem}.pl3-m{padding-left:1rem}.pl4-m{padding-left:2rem}.pl5-m{padding-left:4rem}.pl6-m{padding-left:8rem}.pl7-m{padding-left:16rem}.pr0-m{padding-right:0}.pr1-m{padding-right:.25rem}.pr2-m{padding-right:.5rem}.pr3-m{padding-right:1rem}.pr4-m{padding-right:2rem}.pr5-m{padding-right:4rem}.pr6-m{padding-right:8rem}.pr7-m{padding-right:16rem}.pb0-m{padding-bottom:0}.pb1-m{padding-bottom:.25rem}.pb2-m{padding-bottom:.5rem}.pb3-m{padding-bottom:1rem}.pb4-m{padding-bottom:2rem}.pb5-m{padding-bottom:4rem}.pb6-m{padding-bottom:8rem}.pb7-m{padding-bottom:16rem}.pt0-m{padding-top:0}.pt1-m{padding-top:.25rem}.pt2-m{padding-top:.5rem}.pt3-m{padding-top:1rem}.pt4-m{padding-top:2rem}.pt5-m{padding-top:4rem}.pt6-m{padding-top:8rem}.pt7-m{padding-top:16rem}.pv0-m{padding-top:0;padding-bottom:0}.pv1-m{padding-top:.25rem;padding-bottom:.25rem}.pv2-m{padding-top:.5rem;padding-bottom:.5rem}.pv3-m{padding-top:1rem;padding-bottom:1rem}.pv4-m{padding-top:2rem;padding-bottom:2rem}.pv5-m{padding-top:4rem;padding-bottom:4rem}.pv6-m{padding-top:8rem;padding-bottom:8rem}.pv7-m{padding-top:16rem;padding-bottom:16rem}.ph0-m{padding-left:0;padding-right:0}.pv1-m{padding-left:.25rem;padding-right:.25rem}.ph2-m{padding-left:.5rem;padding-right:.5rem}.ph3-m{padding-left:1rem;padding-right:1rem}.ph4-m{padding-left:2rem;padding-right:2rem}.ph5-m{padding-left:4rem;padding-right:4rem}.ph6-m{padding-left:8rem;padding-right:8rem}.ph7-m{padding-left:16rem;padding-right:16rem}.ma0-m{margin:0}.ma1-m{margin:.25rem}.ma2-m{margin:.5rem}.ma3-m{margin:1rem}.ma4-m{margin:2rem}.ma5-m{margin:4rem}.ma6-m{margin:8rem}.ma7-m{margin:16rem}.ml0-m{margin-left:0}.ml1-m{margin-left:.25rem}.ml2-m{margin-left:.5rem}.ml3-m{margin-left:1rem}.ml4-m{margin-left:2rem}.ml5-m{margin-left:4rem}.ml6-m{margin-left:8rem}.ml7-m{margin-left:16rem}.mr0-m{margin-right:0}.mr1-m{margin-right:.25rem}.mr2-m{margin-right:.5rem}.mr3-m{margin-right:1rem}.mr4-m{margin-right:2rem}.mr5-m{margin-right:4rem}.mr6-m{margin-right:8rem}.mr7-m{margin-right:16rem}.mb0-m{margin-bottom:0}.mb1-m{margin-bottom:.25rem}.mb2-m{margin-bottom:.5rem}.mb3-m{margin-bottom:1rem}.mb4-m{margin-bottom:2rem}.mb5-m{margin-bottom:4rem}.mb6-m{margin-bottom:8rem}.mb7-m{margin-bottom:16rem}.mt0-m{margin-top:0}.mt1-m{margin-top:.25rem}.mt2-m{margin-top:.5rem}.mt3-m{margin-top:1rem}.mt4-m{margin-top:2rem}.mt5-m{margin-top:4rem}.mt6-m{margin-top:8rem}.mt7-m{margin-top:16rem}.mv0-m{margin-top:0;margin-bottom:0rem}.mv1-m{margin-top:.25rem;margin-bottom:.25rem}.mv2-m{margin-top:.5rem;margin-bottom:.5rem}.mv3-m{margin-top:1rem;margin-bottom:1rem}.mv4-m{margin-top:2rem;margin-bottom:2rem}.mv5-m{margin-top:4rem;margin-bottom:4rem}.mv6-m{margin-top:8rem;margin-bottom:8rem}.mv7-m{margin-top:16rem;margin-bottom:16rem}.mh0-m{margin-left:0;margin-right:0}.mh1-m{margin-left:.25rem;margin-right:.25rem}.mh2-m{margin-left:.5rem;margin-right:.5rem}.mh3-m{margin-left:1rem;margin-right:1rem}.mh4-m{margin-left:2rem;margin-right:2rem}.mh5-m{margin-left:4rem;margin-right:4rem}.mh6-m{margin-left:8rem;margin-right:8rem}.mh7-m{margin-left:16rem;margin-right:16rem}}@media screen and (min-width:64em){.pa0-l{padding:0}.pa1-l{padding:.25rem}.pa2-l{padding:.5rem}.pa3-l{padding:1rem}.pa4-l{padding:2rem}.pa5-l{padding:4rem}.pa6-l{padding:8rem}.pa7-l{padding:16rem}.pl0-l{padding-left:0}.pl1-l{padding-left:.25rem}.pl2-l{padding-left:.5rem}.pl3-l{padding-left:1rem}.pl4-l{padding-left:2rem}.pl5-l{padding-left:4rem}.pl6-l{padding-left:8rem}.pl7-l{padding-left:16rem}.pr0-l{padding-right:0}.pr1-l{padding-right:.25rem}.pr2-l{padding-right:.5rem}.pr3-l{padding-right:1rem}.pr4-l{padding-right:2rem}.pr5-l{padding-right:4rem}.pr6-l{padding-right:8rem}.pr7-l{padding-right:16rem}.pb0-l{padding-bottom:0}.pb1-l{padding-bottom:.25rem}.pb2-l{padding-bottom:.5rem}.pb3-l{padding-bottom:1rem}.pb4-l{padding-bottom:2rem}.pb5-l{padding-bottom:4rem}.pb6-l{padding-bottom:8rem}.pb7-l{padding-bottom:16rem}.pt0-l{padding-top:0}.pt1-l{padding-top:.25rem}.pt2-l{padding-top:.5rem}.pt3-l{padding-top:1rem}.pt4-l{padding-top:2rem}.pt5-l{padding-top:4rem}.pt6-l{padding-top:8rem}.pt7-l{padding-top:16rem}.pv0-l{padding-top:0;padding-bottom:0}.pv1-l{padding-top:.25rem;padding-bottom:.25rem}.pv2-l{padding-top:.5rem;padding-bottom:.5rem}.pv3-l{padding-top:1rem;padding-bottom:1rem}.pv4-l{padding-top:2rem;padding-bottom:2rem}.pv5-l{padding-top:4rem;padding-bottom:4rem}.pv6-l{padding-top:8rem;padding-bottom:8rem}.pv7-l{padding-top:16rem;padding-bottom:16rem}.ph0-l{padding-left:0;padding-right:0}.ph1-l{padding-left:.25rem;padding-right:.25rem}.ph2-l{padding-left:.5rem;padding-right:.5rem}.ph3-l{padding-left:1rem;padding-right:1rem}.ph4-l{padding-left:2rem;padding-right:2rem}.ph5-l{padding-left:4rem;padding-right:4rem}.ph6-l{padding-left:8rem;padding-right:8rem}.ph7-l{padding-left:16rem;padding-right:16rem}.ma0-l{margin:0}.ma1-l{margin:.25rem}.ma2-l{margin:.5rem}.ma3-l{margin:1rem}.ma4-l{margin:2rem}.ma5-l{margin:4rem}.ma6-l{margin:8rem}.ma7-l{margin:16rem}.ml0-l{margin-left:0}.ml1-l{margin-left:.25rem}.ml2-l{margin-left:.5rem}.ml3-l{margin-left:1rem}.ml4-l{margin-left:2rem}.ml5-l{margin-left:4rem}.ml6-l{margin-left:8rem}.ml7-l{margin-left:16rem}.mr0-l{margin-right:0}.mr1-l{margin-right:.25rem}.mr2-l{margin-right:.5rem}.mr3-l{margin-right:1rem}.mr4-l{margin-right:2rem}.mr5-l{margin-right:4rem}.mr6-l{margin-right:8rem}.mr7-l{margin-right:16rem}.mb0-l{margin-bottom:0}.mb1-l{margin-bottom:.25rem}.mb2-l{margin-bottom:.5rem}.mb3-l{margin-bottom:1rem}.mb4-l{margin-bottom:2rem}.mb5-l{margin-bottom:4rem}.mb6-l{margin-bottom:8rem}.mb7-l{margin-bottom:16rem}.mt0-l{margin-top:0}.mt1-l{margin-top:.25rem}.mt2-l{margin-top:.5rem}.mt3-l{margin-top:1rem}.mt4-l{margin-top:2rem}.mt5-l{margin-top:4rem}.mt6-l{margin-top:8rem}.mt7-l{margin-top:16rem}.mv0-l{margin-top:0;margin-bottom:0rem}.mv1-l{margin-top:.25rem;margin-bottom:.25rem}.mv2-l{margin-top:.5rem;margin-bottom:.5rem}.mv3-l{margin-top:1rem;margin-bottom:1rem}.mv4-l{margin-top:2rem;margin-bottom:2rem}.mv5-l{margin-top:4rem;margin-bottom:4rem}.mv6-l{margin-top:8rem;margin-bottom:8rem}.mv7-l{margin-top:16rem;margin-bottom:16rem}.mh0-l{margin-left:0;margin-right:0}.mh1-l{margin-left:.25rem;margin-right:.25rem}.mh2-l{margin-left:.5rem;margin-right:.5rem}.mh3-l{margin-left:1rem;margin-right:1rem}.mh4-l{margin-left:2rem;margin-right:2rem}.mh5-l{margin-left:4rem;margin-right:4rem}.mh6-l{margin-left:8rem;margin-right:8rem}.mh7-l{margin-left:16rem;margin-right:16rem}}.strike{text-decoration:line-through}.underline{text-decoration:underline}.no-underline{text-decoration:none}@media screen and (min-width:48em){.strike-ns{text-decoration:line-through}.underline-ns{text-decoration:underline}.no-underline-ns{text-decoration:none}}@media screen and (min-width:48em) and (max-width:64em){.strike-m{text-decoration:line-through}.underline-m{text-decoration:underline}.no-underline-m{text-decoration:none}}@media screen and (min-width:64em){.strike-l{text-decoration:line-through}.underline-l{text-decoration:underline}.no-underline-l{text-decoration:none}}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}@media screen and (min-width:48em){.tl-ns{text-align:left}.tr-ns{text-align:right}.tc-ns{text-align:center}}@media screen and (min-width:48em) and (max-width:64em){.tl-m{text-align:left}.tr-m{text-align:right}.tc-m{text-align:center}}@media screen and (min-width:64em){.tl-l{text-align:left}.tr-l{text-align:right}.tc-l{text-align:center}}.ttc{text-transform:capitalize}.ttl{text-transform:lowercase}.ttu{text-transform:uppercase}.ttn{text-transform:none}@media screen and (min-width:48em){.ttc-ns{text-transform:capitalize}.ttl-ns{text-transform:lowercase}.ttu-ns{text-transform:uppercase}.ttn-ns{text-transform:none}}@media screen and (min-width:48em) and (max-width:64em){.ttc-m{text-transform:capitalize}.ttl-m{text-transform:lowercase}.ttu-m{text-transform:uppercase}.ttn-m{text-transform:none}}@media screen and (min-width:64em){.ttc-l{text-transform:capitalize}.ttl-l{text-transform:lowercase}.ttu-l{text-transform:uppercase}.ttn-l{text-transform:none}}.f-6,.f-headline{font-size:6rem}.f-5,.f-subheadline{font-size:5rem}.f1{font-size:3rem}.f2{font-size:2.25rem}.f3{font-size:1.5rem}.f4{font-size:1.25rem}.f5{font-size:1rem}.f6{font-size:.875rem}@media screen and (min-width:48em){.f-6-ns,.f-headline-ns{font-size:6rem}.f-5-ns,.f-subheadline-ns{font-size:5rem}.f1-ns{font-size:3rem}.f2-ns{font-size:2.25rem}.f3-ns{font-size:1.5rem}.f4-ns{font-size:1.25rem}.f5-ns{font-size:1rem}.f6-ns{font-size:.875rem}}@media screen and (min-width:48em) and (max-width:64em){.f-6-m,.f-headline-m{font-size:6rem}.f-5-m,.f-subheadline-m{font-size:5rem}.f1-m{font-size:3rem}.f2-m{font-size:2.25rem}.f3-m{font-size:1.5rem}.f4-m{font-size:1.25rem}.f5-m{font-size:1rem}.f6-m{font-size:.875rem}}@media screen and (min-width:64em){.f-6-l,.f-headline-l{font-size:6rem}.f-5-l,.f-subheadline-l{font-size:5rem}.f1-l{font-size:3rem}.f2-l{font-size:2.25rem}.f3-l{font-size:1.5rem}.f4-l{font-size:1.25rem}.f5-l{font-size:1rem}.f6-l{font-size:.875rem}}.measure{max-width:30em}.measure-narrow{max-width:20em}.indent{text-indent:1em;margin-top:0;margin-bottom:0}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (min-width:48em){.measure-ns{max-width:30em}.measure-narrow-ns{max-width:20em}.indent-ns{text-indent:1em;margin-top:0;margin-bottom:0}.truncate-ns{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media screen and (min-width:48em) and (max-width:64em){.measure-m{max-width:30em}.measure-narrow-m{max-width:20em}.indent-m{text-indent:1em;margin-top:0;margin-bottom:0}.truncate-m{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media screen and (min-width:64em){.measure-l{max-width:30em}.measure-narrow-l{max-width:20em}.indent-l{text-indent:1em;margin-top:0;margin-bottom:0}.truncate-l{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.aspect-ratio{height:0;position:relative}.aspect-ratio--16x9{padding-bottom:56.25%}.aspect-ratio--4x3{padding-bottom:75%}.aspect-ratio--8x5{padding-bottom:62.5%}.aspect-ratio--object{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:100}.overflow-container{overflow-y:scroll}.center{margin-right:auto;margin-left:auto}.clip{position:fixed!important;_position:absolute!important;clip:rect(1px);clip:rect(1px,1px,1px,1px)}@media screen and (min-width:48em){.clip-ns{position:fixed!important;_position:absolute!important;clip:rect(1px);clip:rect(1px,1px,1px,1px)}}@media screen and (min-width:48em) and (max-width:64em){.clip-m{position:fixed!important;_position:absolute!important;clip:rect(1px);clip:rect(1px,1px,1px,1px)}}@media screen and (min-width:64em){.clip-l{position:fixed!important;_position:absolute!important;clip:rect(1px);clip:rect(1px,1px,1px,1px)}}.ws-normal{white-space:normal}.nowrap{white-space:nowrap}.pre{white-space:pre}@media screen and (min-width:48em){.ws-normal-ns{white-space:normal}.nowrap-ns{white-space:nowrap}.pre-ns{white-space:pre}}@media screen and (min-width:48em) and (max-width:64em){.ws-normal-m{white-space:normal}.nowrap-m{white-space:nowrap}.pre-m{white-space:pre}}@media screen and (min-width:64em){.ws-normal-l{white-space:normal}.nowrap-l{white-space:nowrap}.pre-l{white-space:pre}}.v-base{vertical-align:baseline}.v-sub{vertical-align:sub}.v-sup{vertical-align:super}.v-txt-top{vertical-align:text-top}.v-txt-btm{vertical-align:text-bottom}.v-mid{vertical-align:middle}.v-top{vertical-align:top}.v-btm{vertical-align:bottom}@media screen and (min-width:48em){.v-base-ns{vertical-align:baseline}.v-sub-ns{vertical-align:sub}.v-sup-ns{vertical-align:super}.v-txt-top-ns{vertical-align:text-top}.v-txt-btm-ns{vertical-align:text-bottom}.v-mid-ns{vertical-align:middle}.v-top-ns{vertical-align:top}.v-btm-ns{vertical-align:bottom}}@media screen and (min-width:48em) and (max-width:64em){.v-base-m{vertical-align:baseline}.v-sub-m{vertical-align:sub}.v-sup-m{vertical-align:super}.v-txt-top-m{vertical-align:text-top}.v-txt-btm-m{vertical-align:text-bottom}.v-mid-m{vertical-align:middle}.v-top-m{vertical-align:top}.v-btm-m{vertical-align:bottom}}@media screen and (min-width:64em){.v-base-l{vertical-align:baseline}.v-sub-l{vertical-align:sub}.v-sup-l{vertical-align:super}.v-txt-top-l{vertical-align:text-top}.v-txt-btm-l{vertical-align:text-bottom}.v-mid-l{vertical-align:middle}.v-top-l{vertical-align:top}.v-btm-l{vertical-align:bottom}}.dim{opacity:1;-webkit-transition:opacity .15s ease-in;transition:opacity .15s ease-in}.dim:hover,.dim:focus{opacity:.5;-webkit-transition:opacity .15s ease-in;transition:opacity .15s ease-in}.dim:active{opacity:.8;-webkit-transition:opacity .15s ease-out;transition:opacity .15s ease-out}.hide-child .child{opacity:0;-webkit-transition:opacity .15s ease-in;transition:opacity .15s ease-in}.hide-child:hover .child,.hide-child:focus .child,.hide-child:active .child{opacity:1;-webkit-transition:opacity .15s ease-in;transition:opacity .15s ease-in}.wb-normal{word-break:normal}.word-wrap{word-break:break-all}.word-nowrap{word-break:keep-all}@media screen and (min-width:48em){.wb-normal-ns{word-break:normal}.word-wrap-ns{word-break:break-all}.word-nowrap-ns{word-break:keep-all}}@media screen and (min-width:48em) and (max-width:64em){.wb-normal-m{word-break:normal}.word-wrap-m{word-break:break-all}.word-nowrap-m{word-break:keep-all}}@media screen and (min-width:64em){.wb-normal-l{word-break:normal}.word-wrap-l{word-break:break-all}.word-nowrap-l{word-break:keep-all}}.debug *{outline:1px solid gold}
\ No newline at end of file
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.border-box,article,body,code,dd,div,dl,dt,fieldset,footer,form,header,html,input[type=email],input[type=password],input[type=tel],input[type=text],input[type=url],li,main,ol,p,pre,section,textarea,ul{box-sizing:border-box}.bg-cv{background-size:cover}.bg-cn{background-size:contain}.ba{border-style:solid;border-width:1px}.bt{border-top-style:solid;border-top-width:1px}.br{border-right-style:solid;border-right-width:1px}.bb{border-bottom-style:solid;border-bottom-width:1px}.bl{border-left-style:solid;border-left-width:1px}.b--black,.b--near-black{border-color:#111}.b--dark-gray{border-color:#333}.b--mid-gray{border-color:#555}.b--gray{border-color:#777}.b--silver{border-color:#999}.b--light-silver{border-color:#aaa}.b--light-gray{border-color:#eee}.b--near-white{border-color:#f4f4f4}.b--white{border-color:#fff}.b--white-90{border-color:hsla(0,0%,100%,.9)}.b--white-80{border-color:hsla(0,0%,100%,.8)}.b--white-70{border-color:hsla(0,0%,100%,.7)}.b--white-60{border-color:hsla(0,0%,100%,.6)}.b--white-50{border-color:hsla(0,0%,100%,.5)}.b--white-40{border-color:hsla(0,0%,100%,.4)}.b--white-30{border-color:hsla(0,0%,100%,.3)}.b--white-20{border-color:hsla(0,0%,100%,.2)}.b--white-10{border-color:hsla(0,0%,100%,.1)}.b--white-05{border-color:hsla(0,0%,100%,.05)}.b--white-025{border-color:hsla(0,0%,100%,.025)}.b--white-0125{border-color:hsla(0,0%,100%,.0125)}.b--black-90{border-color:rgba(0,0,0,.9)}.b--black-80{border-color:rgba(0,0,0,.8)}.b--black-70{border-color:rgba(0,0,0,.7)}.b--black-60{border-color:rgba(0,0,0,.6)}.b--black-50{border-color:rgba(0,0,0,.5)}.b--black-40{border-color:rgba(0,0,0,.4)}.b--black-30{border-color:rgba(0,0,0,.3)}.b--black-20{border-color:rgba(0,0,0,.2)}.b--black-10{border-color:rgba(0,0,0,.1)}.b--black-05{border-color:rgba(0,0,0,.05)}.b--black-025{border-color:rgba(0,0,0,.025)}.b--black-0125{border-color:rgba(0,0,0,.0125)}.b--transparent{border-color:transprent}.br0{border-radius:0}.br1{border-radius:.125rem}.br2{border-radius:.25rem}.br3{border-radius:.5rem}.br4{border-radius:1rem}.br-100{border-radius:100%}.b--none{border-style:none}.b--dotted{border-style:dotted}.b--dashed{border-style:dashed}.b--solid{border-style:solid}.bw0{border-width:0}.bw1{border-width:.125rem}.bw2{border-width:.25rem}.bw3{border-width:.5rem}.bw4{border-width:1rem}.bw5{border-width:2rem}.pre{overflow-x:auto;overflow-y:hidden;overflow:scroll}.code{white-space:pre;font-size:14px}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.top-1{top:1rem}.right-1{right:1rem}.bottom-1{bottom:1rem}.left-1{left:1rem}.top-2{top:2rem}.right-2{right:2rem}.bottom-2{bottom:2rem}.left-2{left:2rem}.top--1{top:-1rem}.right--1{right:-1rem}.bottom--1{bottom:-1rem}.left--1{left:-1rem}.top--2{top:-2rem}.right--2{right:-2rem}.bottom--2{bottom:-2rem}.left--2{left:-2rem}.pos-abs--fill{top:0;right:0;bottom:0;left:0}.cf:after,.cf:before{content:" ";display:table}.cf:after{clear:both}.cf{*zoom:1}.dn{display:none}.di{display:inline}.db{display:block}.dib{display:inline-block}.dit{display:inline-table}.dt{display:table}.dtc{display:table-cell}.dt-row{display:table-row}.dt-row-group{display:table-row-group}.dt-column{display:table-column}.dt-column-group{display:table-column-group}.fl{float:left}.fl,.fr{display:inline}.fr{float:right}.fn{float:none}.sans-serif{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica,helvetica neue,Ubuntu,segoe ui,arial,sans-serif}.serif{font-family:georgia,times,serif}.system-sans-serif{font-family:sans-serif}.system-serif{font-family:serif}.code,code{font-family:Consolas,monaco,monospace}.helvetica{font-family:helvetica,helvetica neue,arial,sans-serif}.georgia{font-family:georgia,serif}.times{font-family:Times,serif}.bodoni{font-family:Bodoni MT,serif}.calisto{font-family:Calisto MT,serif}.garamond{font-family:garamond,serif}.i{font-style:italic}.fsn{font-style:normal}.normal{font-weight:400}.b{font-weight:700}.fw1{font-weight:100}.fw2{font-weight:200}.fw3{font-weight:300}.fw4{font-weight:400}.fw5{font-weight:500}.fw6{font-weight:600}.fw7{font-weight:700}.fw8{font-weight:800}.fw9{font-weight:900}.input-reset{-webkit-appearance:none;-moz-appearance:none}.input-invisible{outline:0;border:0}.h1{height:1rem}.h2{height:2rem}.h3{height:4rem}.h4{height:8rem}.h5{height:16rem}.h-25{height:25%}.h-50{height:50%}.h-75{height:75%}.h-100{height:100%}.h-at{height:auto}.h-i{height:inherit}.tracked{letter-spacing:.16em}.tracked-tight{letter-spacing:-.08em}.tracked-mega{letter-spacing:.32em}.lh{line-height:1}.lh-title{line-height:1.3}.lh-copy{line-height:1.6}.link{text-decoration:none}.link,.link:active,.link:focus,.link:hover,.link:link,.link:visited{transition:color .15s ease-in}.list{list-style-type:none}.o-100{opacity:1}.o-90{opacity:.9}.o-80{opacity:.8}.o-70{opacity:.7}.o-60{opacity:.6}.o-50{opacity:.5}.o-40{opacity:.4}.o-30{opacity:.3}.o-20{opacity:.2}.o-10{opacity:.1}.o-05{opacity:.05}.o-025{opacity:.025}.mw-100{max-width:100%}.mw1{max-width:1rem}.mw2{max-width:2rem}.mw3{max-width:4rem}.mw4{max-width:8rem}.mw5{max-width:16rem}.mw6{max-width:32rem}.mw7{max-width:48rem}.mw8{max-width:64rem}.mw9{max-width:96rem}.mw-none{max-width:none}.w1{width:1rem}.w2{width:2rem}.w3{width:4rem}.w4{width:8rem}.w5{width:16rem}.w-10{width:10%}.w-20{width:20%}.w-25{width:25%}.w-33{width:33%}.w-34{width:34%}.w-40{width:40%}.w-50{width:50%}.w-60{width:60%}.w-75{width:75%}.w-80{width:80%}.w-100{width:100%}.w-auto{width:auto}.overflow-visible{overflow:visible}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-auto{overflow:auto}.overflow-x-visible{overflow-x:visible}.overflow-x-hidden{overflow-x:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-visible{overflow-y:visible}.overflow-y-hidden{overflow-y:hidden}.overflow-y-scroll{overflow-y:scroll}.overflow-y-auto{overflow-y:auto}.static{position:static}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.black-90{color:rgba(0,0,0,.9)}.black-80{color:rgba(0,0,0,.8)}.black-70{color:rgba(0,0,0,.7)}.black-60{color:rgba(0,0,0,.6)}.black-50{color:rgba(0,0,0,.5)}.black-40{color:rgba(0,0,0,.4)}.black-30{color:rgba(0,0,0,.3)}.black-20{color:rgba(0,0,0,.2)}.black-10{color:rgba(0,0,0,.1)}.black-05{color:rgba(0,0,0,.05)}.bg-black-90{background-color:rgba(0,0,0,.9)}.bg-black-80{background-color:rgba(0,0,0,.8)}.bg-black-70{background-color:rgba(0,0,0,.7)}.bg-black-60{background-color:rgba(0,0,0,.6)}.bg-black-50{background-color:rgba(0,0,0,.5)}.bg-black-40{background-color:rgba(0,0,0,.4)}.bg-black-30{background-color:rgba(0,0,0,.3)}.bg-black-20{background-color:rgba(0,0,0,.2)}.bg-black-10{background-color:rgba(0,0,0,.1)}.bg-black-05{background-color:rgba(0,0,0,.05)}.white-90{color:hsla(0,0%,100%,.9)}.white-80{color:hsla(0,0%,100%,.8)}.white-70{color:hsla(0,0%,100%,.7)}.white-60{color:hsla(0,0%,100%,.6)}.white-50{color:hsla(0,0%,100%,.5)}.white-40{color:hsla(0,0%,100%,.4)}.white-30{color:hsla(0,0%,100%,.3)}.white-20{color:hsla(0,0%,100%,.2)}.white-10{color:hsla(0,0%,100%,.1)}.bg-white-90{background-color:hsla(0,0%,100%,.9)}.bg-white-80{background-color:hsla(0,0%,100%,.8)}.bg-white-70{background-color:hsla(0,0%,100%,.7)}.bg-white-60{background-color:hsla(0,0%,100%,.6)}.bg-white-50{background-color:hsla(0,0%,100%,.5)}.bg-white-40{background-color:hsla(0,0%,100%,.4)}.bg-white-30{background-color:hsla(0,0%,100%,.3)}.bg-white-20{background-color:hsla(0,0%,100%,.2)}.bg-white-10{background-color:hsla(0,0%,100%,.1)}.black,.near-black{color:#111}.dark-gray{color:#333}.mid-gray{color:#555}.gray{color:#777}.silver{color:#999}.light-silver{color:#aaa}.light-gray{color:#eee}.near-white{color:#f4f4f4}.white{color:#fff}.bg-black,.bg-near-black{background-color:#111}.bg-dark-gray{background-color:#333}.bg-mid-gray{background-color:#555}.bg-gray{background-color:#777}.bg-silver{background-color:#999}.bg-light-silver{background-color:#aaa}.bg-light-gray{background-color:#eee}.bg-near-white{background-color:#f4f4f4}.bg-white{background-color:#fff}.focus-black:focus,.focus-near-black:focus{color:#111}.focus-dark-gray:focus{color:#333}.focus-mid-gray:focus{color:#555}.focus-gray:focus{color:#777}.focus-silver:focus{color:#999}.focus-light-silver:focus{color:#aaa}.focus-moon-gray:focus{color:#ccc}.focus-light-gray:focus{color:#eee}.focus-near-white:focus{color:#f4f4f4}.focus-white:focus{color:#fff}.bg-focus-black:focus,.bg-focus-near-black:focus{background-color:#111}.bg-focus-dark-gray:focus{background-color:#333}.bg-focus-mid-gray:focus{background-color:#555}.bg-focus-gray:focus{background-color:#777}.bg-focus-silver:focus{background-color:#999}.bg-focus-light-silver:focus{background-color:#aaa}.bg-focus-moon-gray:focus{background-color:#ccc}.bg-focus-light-gray:focus{background-color:#eee}.bg-focus-near-white:focus{background-color:#f4f4f4}.bg-focus-white:focus{background-color:#fff}.hover-black:hover,.hover-near-black:hover{color:#111}.hover-dark-gray:hover{color:#333}.hover-mid-gray:hover{color:#555}.hover-gray:hover{color:#777}.hover-silver:hover{color:#999}.hover-light-silver:hover{color:#aaa}.hover-moon-gray:hover{color:#ccc}.hover-light-gray:hover{color:#eee}.hover-near-white:hover{color:#f4f4f4}.hover-white:hover{color:#fff}.bg-hover-black:hover,.bg-hover-near-black:hover{background-color:#111}.bg-hover-dark-gray:hover{background-color:#333}.bg-hover-mid-gray:hover{background-color:#555}.bg-hover-gray:hover{background-color:#777}.bg-hover-silver:hover{background-color:#999}.bg-hover-light-silver:hover{background-color:#aaa}.bg-hover-moon-gray:hover{background-color:#ccc}.bg-hover-light-gray:hover{background-color:#eee}.bg-hover-near-white:hover{background-color:#f4f4f4}.bg-hover-white:hover{background-color:#fff}.pa0{padding:0}.pa1{padding:.25rem}.pa2{padding:.5rem}.pa3{padding:1rem}.pa4{padding:2rem}.pa5{padding:4rem}.pa6{padding:8rem}.pa7{padding:16rem}.pl0{padding-left:0}.pl1{padding-left:.25rem}.pl2{padding-left:.5rem}.pl3{padding-left:1rem}.pl4{padding-left:2rem}.pl5{padding-left:4rem}.pl6{padding-left:8rem}.pl7{padding-left:16rem}.pr0{padding-right:0}.pr1{padding-right:.25rem}.pr2{padding-right:.5rem}.pr3{padding-right:1rem}.pr4{padding-right:2rem}.pr5{padding-right:4rem}.pr6{padding-right:8rem}.pr7{padding-right:16rem}.pb0{padding-bottom:0}.pb1{padding-bottom:.25rem}.pb2{padding-bottom:.5rem}.pb3{padding-bottom:1rem}.pb4{padding-bottom:2rem}.pb5{padding-bottom:4rem}.pb6{padding-bottom:8rem}.pb7{padding-bottom:16rem}.pt0{padding-top:0}.pt1{padding-top:.25rem}.pt2{padding-top:.5rem}.pt3{padding-top:1rem}.pt4{padding-top:2rem}.pt5{padding-top:4rem}.pt6{padding-top:8rem}.pt7{padding-top:16rem}.pv0{padding-top:0;padding-bottom:0}.pv1{padding-top:.25rem;padding-bottom:.25rem}.pv2{padding-top:.5rem;padding-bottom:.5rem}.pv3{padding-top:1rem;padding-bottom:1rem}.pv4{padding-top:2rem;padding-bottom:2rem}.pv5{padding-top:4rem;padding-bottom:4rem}.pv6{padding-top:8rem;padding-bottom:8rem}.pv7{padding-top:16rem;padding-bottom:16rem}.ph0{padding-left:0;padding-right:0}.ph1{padding-left:.25rem;padding-right:.25rem}.ph2{padding-left:.5rem;padding-right:.5rem}.ph3{padding-left:1rem;padding-right:1rem}.ph4{padding-left:2rem;padding-right:2rem}.ph5{padding-left:4rem;padding-right:4rem}.ph6{padding-left:8rem;padding-right:8rem}.ph7{padding-left:16rem;padding-right:16rem}.ma0{margin:0}.ma1{margin:.25rem}.ma2{margin:.5rem}.ma3{margin:1rem}.ma4{margin:2rem}.ma5{margin:4rem}.ma6{margin:8rem}.ma7{margin:16rem}.ml0{margin-left:0}.ml1{margin-left:.25rem}.ml2{margin-left:.5rem}.ml3{margin-left:1rem}.ml4{margin-left:2rem}.ml5{margin-left:4rem}.ml6{margin-left:8rem}.ml7{margin-left:16rem}.mr0{margin-right:0}.mr1{margin-right:.25rem}.mr2{margin-right:.5rem}.mr3{margin-right:1rem}.mr4{margin-right:2rem}.mr5{margin-right:4rem}.mr6{margin-right:8rem}.mr7{margin-right:16rem}.mb0{margin-bottom:0}.mb1{margin-bottom:.25rem}.mb2{margin-bottom:.5rem}.mb3{margin-bottom:1rem}.mb4{margin-bottom:2rem}.mb5{margin-bottom:4rem}.mb6{margin-bottom:8rem}.mb7{margin-bottom:16rem}.mt0{margin-top:0}.mt1{margin-top:.25rem}.mt2{margin-top:.5rem}.mt3{margin-top:1rem}.mt4{margin-top:2rem}.mt5{margin-top:4rem}.mt6{margin-top:8rem}.mt7{margin-top:16rem}.mv0{margin-top:0;margin-bottom:0}.mv1{margin-top:.25rem;margin-bottom:.25rem}.mv2{margin-top:.5rem;margin-bottom:.5rem}.mv3{margin-top:1rem;margin-bottom:1rem}.mv4{margin-top:2rem;margin-bottom:2rem}.mv5{margin-top:4rem;margin-bottom:4rem}.mv6{margin-top:8rem;margin-bottom:8rem}.mv7{margin-top:16rem;margin-bottom:16rem}.mh0{margin-left:0;margin-right:0}.mh2{margin-left:.5rem;margin-right:.5rem}.mh3{margin-left:1rem;margin-right:1rem}.mh4{margin-left:2rem;margin-right:2rem}.mh5{margin-left:4rem;margin-right:4rem}.mh6{margin-left:8rem;margin-right:8rem}.mh7{margin-left:16rem;margin-right:16rem}.strike{text-decoration:line-through}.underline{text-decoration:underline}.no-underline{text-decoration:none}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}.ttc{text-transform:capitalize}.ttl{text-transform:lowercase}.ttu{text-transform:uppercase}.ttn{text-transform:none}.f-6,.f-headline{font-size:6rem}.f-5,.f-subheadline{font-size:5rem}.f1{font-size:3rem}.f2{font-size:2.25rem}.f3{font-size:1.5rem}.f4{font-size:1.25rem}.f5{font-size:1rem}.f6{font-size:.875rem}.measure{max-width:30em}.measure-narrow{max-width:20em}.indent{text-indent:1em;margin-top:0;margin-bottom:0}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aspect-ratio{height:0;position:relative}.aspect-ratio--16x9{padding-bottom:56.25%}.aspect-ratio--4x3{padding-bottom:75%}.aspect-ratio--8x5{padding-bottom:62.5%}.aspect-ratio--object{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:1}.overflow-container{overflow-y:scroll}.center{margin-right:auto;margin-left:auto}.clip{position:fixed!important;_position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.ws-normal{white-space:normal}.nowrap{white-space:nowrap}.pre{white-space:pre}.v-base{vertical-align:baseline}.v-sub{vertical-align:sub}.v-sup{vertical-align:super}.v-txt-top{vertical-align:text-top}.v-txt-btm{vertical-align:text-bottom}.v-mid{vertical-align:middle}.v-top{vertical-align:top}.v-btm{vertical-align:bottom}.dim{opacity:1}.dim,.dim:focus,.dim:hover{transition:opacity .15s ease-in}.dim:focus,.dim:hover{opacity:.5}.dim:active{opacity:.8;transition:opacity .15s ease-out}.hide-child .child{opacity:0;transition:opacity .15s ease-in}.hide-child:active .child,.hide-child:focus .child,.hide-child:hover .child{opacity:1;transition:opacity .15s ease-in}.wb-normal{word-break:normal}.word-wrap{word-break:break-all}.word-nowrap{word-break:keep-all}.debug *{outline:1px solid gold}@media screen and (min-width:48em){.bg-cv-ns{background-size:cover}.bg-cn-ns{background-size:contain}.ba-ns{border-style:solid;border-width:1px}.bt-ns{border-top-style:solid;border-top-width:1px}.br-ns{border-right-style:solid;border-right-width:1px}.bb-ns{border-bottom-style:solid;border-bottom-width:1px}.bl-ns{border-left-style:solid;border-left-width:1px}.br0-ns{border-radius:0}.br1-ns{border-radius:.125rem}.br2-ns{border-radius:.25rem}.br3-ns{border-radius:.5rem}.br4-ns{border-radius:1rem}.br-100-ns{border-radius:100%}.b--none-ns{border-style:none}.b--dotted-ns{border-style:dotted}.b--dashed-ns{border-style:dashed}.b--solid-ns{border-style:solid}.bw0-ns{border-width:0}.bw1-ns{border-width:.125rem}.bw2-ns{border-width:.25rem}.bw3-ns{border-width:.5rem}.bw4-ns{border-width:1rem}.bw5-ns{border-width:2rem}.top-0-ns{top:0}.left-0-ns{left:0}.right-0-ns{right:0}.bottom-0-ns{bottom:0}.top-1-ns{top:1rem}.left-1-ns{left:1rem}.right-1-ns{right:1rem}.bottom-1-ns{bottom:1rem}.top-2-ns{top:2rem}.left-2-ns{left:2rem}.right-2-ns{right:2rem}.bottom-2-ns{bottom:2rem}.top--1-ns{top:-1rem}.right--1-ns{right:-1rem}.bottom--1-ns{bottom:-1rem}.left--1-ns{left:-1rem}.top--2-ns{top:-2rem}.right--2-ns{right:-2rem}.bottom--2-ns{bottom:-2rem}.left--2-ns{left:-2rem}.pos-abs--fill-ns{top:0;right:0;bottom:0;left:0}.dn-ns{display:none}.di-ns{display:inline}.db-ns{display:block}.dib-ns{display:inline-block}.dit-ns{display:inline-table}.dt-ns{display:table}.dtc-ns{display:table-cell}.dt-row-ns{display:table-row}.dt-row-group-ns{display:table-row-group}.dt-column-ns{display:table-column}.dt-column-group-ns{display:table-column-group}.fl-ns{float:left}.fl-ns,.fr-ns{display:inline}.fr-ns{float:right}.fn-ns{float:none!important}.i-ns{font-style:italic}.fsn-ns{font-style:normal}.normal-ns{font-weight:400}.b-ns{font-weight:700}.fw1-ns{font-weight:100}.fw2-ns{font-weight:200}.fw3-ns{font-weight:300}.fw4-ns{font-weight:400}.fw5-ns{font-weight:500}.fw6-ns{font-weight:600}.fw7-ns{font-weight:700}.fw8-ns{font-weight:800}.fw9-ns{font-weight:900}.h-1-ns{height:1rem}.h-2-ns{height:2rem}.h-3-ns{height:4rem}.h-4-ns{height:8rem}.h-5-ns{height:16rem}.h-25-ns{height:25%}.h-50-ns{height:50%}.h-75-ns{height:75%}.h-100-ns{height:100%}.h-at-ns{height:auto}.h-i-ns{height:inherit}.tracked-ns{letter-spacing:.16em}.tracked-tight-ns{letter-spacing:-.08em}.tracked-mega-ns{letter-spacing:.32em}.lh-ns{line-height:1}.lh-title-ns{line-height:1.3}.lh-copy-ns{line-height:1.6}.mw-100-ns{max-width:100%}.mw1-ns{max-width:1rem}.mw2-ns{max-width:2rem}.mw3-ns{max-width:4rem}.mw4-ns{max-width:8rem}.mw5-ns{max-width:16rem}.mw6-ns{max-width:32rem}.mw7-ns{max-width:48rem}.mw8-ns{max-width:64rem}.mw9-ns{max-width:96rem}.mw-none-ns{max-width:none}.w1-ns{width:1rem}.w2-ns{width:2rem}.w3-ns{width:4rem}.w4-ns{width:8rem}.w5-ns{width:16rem}.w-10-ns{width:10%}.w-20-ns{width:20%}.w-25-ns{width:25%}.w-33-ns{width:33%}.w-34-ns{width:34%}.w-40-ns{width:40%}.w-50-ns{width:50%}.w-60-ns{width:60%}.w-75-ns{width:75%}.w-80-ns{width:80%}.w-100-ns{width:100%}.w-auto-ns{width:auto}.overflow-visible-ns{overflow:visible}.overflow-hidden-ns{overflow:hidden}.overflow-scroll-ns{overflow:scroll}.overflow-auto-ns{overflow:auto}.overflow-x-visible-ns{overflow-x:visible}.overflow-x-hidden-ns{overflow-x:hidden}.overflow-x-scroll-ns{overflow-x:scroll}.overflow-x-auto-ns{overflow-x:auto}.overflow-y-visible-ns{overflow-y:visible}.overflow-y-hidden-ns{overflow-y:hidden}.overflow-y-scroll-ns{overflow-y:scroll}.overflow-y-auto-ns{overflow-y:auto}.static-ns{position:static}.relative-ns{position:relative}.absolute-ns{position:absolute}.fixed-ns{position:fixed}.pa0-ns{padding:0}.pa1-ns{padding:.25rem}.pa2-ns{padding:.5rem}.pa3-ns{padding:1rem}.pa4-ns{padding:2rem}.pa5-ns{padding:4rem}.pa6-ns{padding:8rem}.pa7-ns{padding:16rem}.pl0-ns{padding-left:0}.pl1-ns{padding-left:.25rem}.pl2-ns{padding-left:.5rem}.pl3-ns{padding-left:1rem}.pl4-ns{padding-left:2rem}.pl5-ns{padding-left:4rem}.pl6-ns{padding-left:8rem}.pl7-ns{padding-left:16rem}.pr0-ns{padding-right:0}.pr1-ns{padding-right:.25rem}.pr2-ns{padding-right:.5rem}.pr3-ns{padding-right:1rem}.pr4-ns{padding-right:2rem}.pr5-ns{padding-right:4rem}.pr6-ns{padding-right:8rem}.pr7-ns{padding-right:16rem}.pb0-ns{padding-bottom:0}.pb1-ns{padding-bottom:.25rem}.pb2-ns{padding-bottom:.5rem}.pb3-ns{padding-bottom:1rem}.pb4-ns{padding-bottom:2rem}.pb5-ns{padding-bottom:4rem}.pb6-ns{padding-bottom:8rem}.pb7-ns{padding-bottom:16rem}.pt0-ns{padding-top:0}.pt1-ns{padding-top:.25rem}.pt2-ns{padding-top:.5rem}.pt3-ns{padding-top:1rem}.pt4-ns{padding-top:2rem}.pt5-ns{padding-top:4rem}.pt6-ns{padding-top:8rem}.pt7-ns{padding-top:16rem}.pv0-ns{padding-top:0;padding-bottom:0}.pv1-ns{padding-top:.25rem;padding-bottom:.25rem}.pv2-ns{padding-top:.5rem;padding-bottom:.5rem}.pv3-ns{padding-top:1rem;padding-bottom:1rem}.pv4-ns{padding-top:2rem;padding-bottom:2rem}.pv5-ns{padding-top:4rem;padding-bottom:4rem}.pv6-ns{padding-top:8rem;padding-bottom:8rem}.pv7-ns{padding-top:16rem;padding-bottom:16rem}.ph0-ns{padding-left:0;padding-right:0}.pv1-ns{padding-left:.25rem;padding-right:.25rem}.ph2-ns{padding-left:.5rem;padding-right:.5rem}.ph3-ns{padding-left:1rem;padding-right:1rem}.ph4-ns{padding-left:2rem;padding-right:2rem}.ph5-ns{padding-left:4rem;padding-right:4rem}.ph6-ns{padding-left:8rem;padding-right:8rem}.ph7-ns{padding-left:16rem;padding-right:16rem}.ma0-ns{margin:0}.ma1-ns{margin:.25rem}.ma2-ns{margin:.5rem}.ma3-ns{margin:1rem}.ma4-ns{margin:2rem}.ma5-ns{margin:4rem}.ma6-ns{margin:8rem}.ma7-ns{margin:16rem}.ml0-ns{margin-left:0}.ml1-ns{margin-left:.25rem}.ml2-ns{margin-left:.5rem}.ml3-ns{margin-left:1rem}.ml4-ns{margin-left:2rem}.ml5-ns{margin-left:4rem}.ml6-ns{margin-left:8rem}.ml7-ns{margin-left:16rem}.mr0-ns{margin-right:0}.mr1-ns{margin-right:.25rem}.mr2-ns{margin-right:.5rem}.mr3-ns{margin-right:1rem}.mr4-ns{margin-right:2rem}.mr5-ns{margin-right:4rem}.mr6-ns{margin-right:8rem}.mr7-ns{margin-right:16rem}.mb0-ns{margin-bottom:0}.mb1-ns{margin-bottom:.25rem}.mb2-ns{margin-bottom:.5rem}.mb3-ns{margin-bottom:1rem}.mb4-ns{margin-bottom:2rem}.mb5-ns{margin-bottom:4rem}.mb6-ns{margin-bottom:8rem}.mb7-ns{margin-bottom:16rem}.mt0-ns{margin-top:0}.mt1-ns{margin-top:.25rem}.mt2-ns{margin-top:.5rem}.mt3-ns{margin-top:1rem}.mt4-ns{margin-top:2rem}.mt5-ns{margin-top:4rem}.mt6-ns{margin-top:8rem}.mt7-ns{margin-top:16rem}.mv0-ns{margin-top:0;margin-bottom:0}.mv1-ns{margin-top:.25rem;margin-bottom:.25rem}.mv2-ns{margin-top:.5rem;margin-bottom:.5rem}.mv3-ns{margin-top:1rem;margin-bottom:1rem}.mv4-ns{margin-top:2rem;margin-bottom:2rem}.mv5-ns{margin-top:4rem;margin-bottom:4rem}.mv6-ns{margin-top:8rem;margin-bottom:8rem}.mv7-ns{margin-top:16rem;margin-bottom:16rem}.mh0-ns{margin-left:0;margin-right:0}.mh2-ns{margin-left:.5rem;margin-right:.5rem}.mh3-ns{margin-left:1rem;margin-right:1rem}.mh4-ns{margin-left:2rem;margin-right:2rem}.mh5-ns{margin-left:4rem;margin-right:4rem}.mh6-ns{margin-left:8rem;margin-right:8rem}.mh7-ns{margin-left:16rem;margin-right:16rem}.strike-ns{text-decoration:line-through}.underline-ns{text-decoration:underline}.no-underline-ns{text-decoration:none}.tl-ns{text-align:left}.tr-ns{text-align:right}.tc-ns{text-align:center}.ttc-ns{text-transform:capitalize}.ttl-ns{text-transform:lowercase}.ttu-ns{text-transform:uppercase}.ttn-ns{text-transform:none}.f-6-ns,.f-headline-ns{font-size:6rem}.f-5-ns,.f-subheadline-ns{font-size:5rem}.f1-ns{font-size:3rem}.f2-ns{font-size:2.25rem}.f3-ns{font-size:1.5rem}.f4-ns{font-size:1.25rem}.f5-ns{font-size:1rem}.f6-ns{font-size:.875rem}.measure-ns{max-width:30em}.measure-narrow-ns{max-width:20em}.indent-ns{text-indent:1em;margin-top:0;margin-bottom:0}.truncate-ns{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip-ns{position:fixed!important;position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.ws-normal-ns{white-space:normal}.nowrap-ns{white-space:nowrap}.pre-ns{white-space:pre}.v-base-ns{vertical-align:baseline}.v-sub-ns{vertical-align:sub}.v-sup-ns{vertical-align:super}.v-txt-top-ns{vertical-align:text-top}.v-txt-btm-ns{vertical-align:text-bottom}.v-mid-ns{vertical-align:middle}.v-top-ns{vertical-align:top}.v-btm-ns{vertical-align:bottom}.wb-normal-ns{word-break:normal}.word-wrap-ns{word-break:break-all}.word-nowrap-ns{word-break:keep-all}}@media screen and (min-width:48em) and (max-width:64em){.bg-cv-m{background-size:cover}.bg-cn-m{background-size:contain}.ba-m{border-style:solid;border-width:1px}.bt-m{border-top-style:solid;border-top-width:1px}.br-m{border-right-style:solid;border-right-width:1px}.bb-m{border-bottom-style:solid;border-bottom-width:1px}.bl-m{border-left-style:solid;border-left-width:1px}.br0-m{border-radius:0}.br1-m{border-radius:.125rem}.br2-m{border-radius:.25rem}.br3-m{border-radius:.5rem}.br4-m{border-radius:1rem}.br-100-m{border-radius:100%}.b--none-m{border-style:none}.b--dotted-m{border-style:dotted}.b--dashed-m{border-style:dashed}.b--solid-m{border-style:solid}.bw0-m{border-width:0}.bw1-m{border-width:.125rem}.bw2-m{border-width:.25rem}.bw3-m{border-width:.5rem}.bw4-m{border-width:1rem}.bw5-m{border-width:2rem}.top-0-m{top:0}.left-0-m{left:0}.right-0-m{right:0}.bottom-0-m{bottom:0}.top-1-m{top:1rem}.left-1-m{left:1rem}.right-1-m{right:1rem}.bottom-1-m{bottom:1rem}.top-2-m{top:2rem}.left-2-m{left:2rem}.right-2-m{right:2rem}.bottom-2-m{bottom:2rem}.top--1-m{top:-1rem}.right--1-m{right:-1rem}.bottom--1-m{bottom:-1rem}.left--1-m{left:-1rem}.top--2-m{top:-2rem}.right--2-m{right:-2rem}.bottom--2-m{bottom:-2rem}.left--2-m{left:-2rem}.pos-abs--fill-m{top:0;right:0;bottom:0;left:0}.dn-m{display:none}.di-m{display:inline}.db-m{display:block}.dib-m{display:inline-block}.dit-m{display:inline-table}.dt-m{display:table}.dtc-m{display:table-cell}.dt-row-m{display:table-row}.dt-row-group-m{display:table-row-group}.dt-column-m{display:table-column}.dt-column-group-m{display:table-column-group}.fl-m{float:left}.fl-m,.fr-m{display:inline}.fr-m{float:right}.fn-m{float:none}.i-m{font-style:italic}.fsn-m{font-style:normal}.normal-m{font-weight:400}.b-m{font-weight:700}.fw1-m{font-weight:100}.fw2-m{font-weight:200}.fw3-m{font-weight:300}.fw4-m{font-weight:400}.fw5-m{font-weight:500}.fw6-m{font-weight:600}.fw7-m{font-weight:700}.fw8-m{font-weight:800}.fw9-m{font-weight:900}.h1-m{height:1rem}.h2-m{height:2rem}.h3-m{height:4rem}.h4-m{height:8rem}.h5-m{height:16rem}.h-25-m{height:25%}.h-50-m{height:50%}.h-75-m{height:75%}.h-100-m{height:100%}.h-at-m{height:auto}.h-i-m{height:inherit}.tracked-m{letter-spacing:.16em}.tracked-tight-m{letter-spacing:-.08em}.tracked-mega-m{letter-spacing:.32em}.lh-m{line-height:1}.lh-title-m{line-height:1.3}.lh-copy-m{line-height:1.6}.mw-100-m{max-width:100%}.mw1-m{max-width:1rem}.mw2-m{max-width:2rem}.mw3-m{max-width:4rem}.mw4-m{max-width:8rem}.mw5-m{max-width:16rem}.mw6-m{max-width:32rem}.mw7-m{max-width:48rem}.mw8-m{max-width:64rem}.mw9-m{max-width:96rem}.mw-none-m{max-width:none}.w1-m{width:1rem}.w2-m{width:2rem}.w3-m{width:4rem}.w4-m{width:8rem}.w5-m{width:16rem}.w-10-m{width:10%}.w-20-m{width:20%}.w-25-m{width:25%}.w-33-m{width:33%}.w-34-m{width:34%}.w-40-m{width:40%}.w-50-m{width:50%}.w-60-m{width:60%}.w-75-m{width:75%}.w-80-m{width:80%}.w-100-m{width:100%}.w-auto-m{width:auto}.overflow-visible-m{overflow:visible}.overflow-hidden-m{overflow:hidden}.overflow-scroll-m{overflow:scroll}.overflow-auto-m{overflow:auto}.overflow-x-visible-m{overflow-x:visible}.overflow-x-hidden-m{overflow-x:hidden}.overflow-x-scroll-m{overflow-x:scroll}.overflow-x-auto-m{overflow-x:auto}.overflow-y-visible-m{overflow-y:visible}.overflow-y-hidden-m{overflow-y:hidden}.overflow-y-scroll-m{overflow-y:scroll}.overflow-y-auto-m{overflow-y:auto}.static-m{position:static}.relative-m{position:relative}.absolute-m{position:absolute}.fixed-m{position:fixed}.pa0-m{padding:0}.pa1-m{padding:.25rem}.pa2-m{padding:.5rem}.pa3-m{padding:1rem}.pa4-m{padding:2rem}.pa5-m{padding:4rem}.pa6-m{padding:8rem}.pa7-m{padding:16rem}.pl0-m{padding-left:0}.pl1-m{padding-left:.25rem}.pl2-m{padding-left:.5rem}.pl3-m{padding-left:1rem}.pl4-m{padding-left:2rem}.pl5-m{padding-left:4rem}.pl6-m{padding-left:8rem}.pl7-m{padding-left:16rem}.pr0-m{padding-right:0}.pr1-m{padding-right:.25rem}.pr2-m{padding-right:.5rem}.pr3-m{padding-right:1rem}.pr4-m{padding-right:2rem}.pr5-m{padding-right:4rem}.pr6-m{padding-right:8rem}.pr7-m{padding-right:16rem}.pb0-m{padding-bottom:0}.pb1-m{padding-bottom:.25rem}.pb2-m{padding-bottom:.5rem}.pb3-m{padding-bottom:1rem}.pb4-m{padding-bottom:2rem}.pb5-m{padding-bottom:4rem}.pb6-m{padding-bottom:8rem}.pb7-m{padding-bottom:16rem}.pt0-m{padding-top:0}.pt1-m{padding-top:.25rem}.pt2-m{padding-top:.5rem}.pt3-m{padding-top:1rem}.pt4-m{padding-top:2rem}.pt5-m{padding-top:4rem}.pt6-m{padding-top:8rem}.pt7-m{padding-top:16rem}.pv0-m{padding-top:0;padding-bottom:0}.pv1-m{padding-top:.25rem;padding-bottom:.25rem}.pv2-m{padding-top:.5rem;padding-bottom:.5rem}.pv3-m{padding-top:1rem;padding-bottom:1rem}.pv4-m{padding-top:2rem;padding-bottom:2rem}.pv5-m{padding-top:4rem;padding-bottom:4rem}.pv6-m{padding-top:8rem;padding-bottom:8rem}.pv7-m{padding-top:16rem;padding-bottom:16rem}.ph0-m{padding-left:0;padding-right:0}.pv1-m{padding-left:.25rem;padding-right:.25rem}.ph2-m{padding-left:.5rem;padding-right:.5rem}.ph3-m{padding-left:1rem;padding-right:1rem}.ph4-m{padding-left:2rem;padding-right:2rem}.ph5-m{padding-left:4rem;padding-right:4rem}.ph6-m{padding-left:8rem;padding-right:8rem}.ph7-m{padding-left:16rem;padding-right:16rem}.ma0-m{margin:0}.ma1-m{margin:.25rem}.ma2-m{margin:.5rem}.ma3-m{margin:1rem}.ma4-m{margin:2rem}.ma5-m{margin:4rem}.ma6-m{margin:8rem}.ma7-m{margin:16rem}.ml0-m{margin-left:0}.ml1-m{margin-left:.25rem}.ml2-m{margin-left:.5rem}.ml3-m{margin-left:1rem}.ml4-m{margin-left:2rem}.ml5-m{margin-left:4rem}.ml6-m{margin-left:8rem}.ml7-m{margin-left:16rem}.mr0-m{margin-right:0}.mr1-m{margin-right:.25rem}.mr2-m{margin-right:.5rem}.mr3-m{margin-right:1rem}.mr4-m{margin-right:2rem}.mr5-m{margin-right:4rem}.mr6-m{margin-right:8rem}.mr7-m{margin-right:16rem}.mb0-m{margin-bottom:0}.mb1-m{margin-bottom:.25rem}.mb2-m{margin-bottom:.5rem}.mb3-m{margin-bottom:1rem}.mb4-m{margin-bottom:2rem}.mb5-m{margin-bottom:4rem}.mb6-m{margin-bottom:8rem}.mb7-m{margin-bottom:16rem}.mt0-m{margin-top:0}.mt1-m{margin-top:.25rem}.mt2-m{margin-top:.5rem}.mt3-m{margin-top:1rem}.mt4-m{margin-top:2rem}.mt5-m{margin-top:4rem}.mt6-m{margin-top:8rem}.mt7-m{margin-top:16rem}.mv0-m{margin-top:0;margin-bottom:0}.mv1-m{margin-top:.25rem;margin-bottom:.25rem}.mv2-m{margin-top:.5rem;margin-bottom:.5rem}.mv3-m{margin-top:1rem;margin-bottom:1rem}.mv4-m{margin-top:2rem;margin-bottom:2rem}.mv5-m{margin-top:4rem;margin-bottom:4rem}.mv6-m{margin-top:8rem;margin-bottom:8rem}.mv7-m{margin-top:16rem;margin-bottom:16rem}.mh0-m{margin-left:0;margin-right:0}.mh1-m{margin-left:.25rem;margin-right:.25rem}.mh2-m{margin-left:.5rem;margin-right:.5rem}.mh3-m{margin-left:1rem;margin-right:1rem}.mh4-m{margin-left:2rem;margin-right:2rem}.mh5-m{margin-left:4rem;margin-right:4rem}.mh6-m{margin-left:8rem;margin-right:8rem}.mh7-m{margin-left:16rem;margin-right:16rem}.strike-m{text-decoration:line-through}.underline-m{text-decoration:underline}.no-underline-m{text-decoration:none}.tl-m{text-align:left}.tr-m{text-align:right}.tc-m{text-align:center}.ttc-m{text-transform:capitalize}.ttl-m{text-transform:lowercase}.ttu-m{text-transform:uppercase}.ttn-m{text-transform:none}.f-6-m,.f-headline-m{font-size:6rem}.f-5-m,.f-subheadline-m{font-size:5rem}.f1-m{font-size:3rem}.f2-m{font-size:2.25rem}.f3-m{font-size:1.5rem}.f4-m{font-size:1.25rem}.f5-m{font-size:1rem}.f6-m{font-size:.875rem}.measure-m{max-width:30em}.measure-narrow-m{max-width:20em}.indent-m{text-indent:1em;margin-top:0;margin-bottom:0}.truncate-m{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip-m{position:fixed!important;position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.ws-normal-m{white-space:normal}.nowrap-m{white-space:nowrap}.pre-m{white-space:pre}.v-base-m{vertical-align:baseline}.v-sub-m{vertical-align:sub}.v-sup-m{vertical-align:super}.v-txt-top-m{vertical-align:text-top}.v-txt-btm-m{vertical-align:text-bottom}.v-mid-m{vertical-align:middle}.v-top-m{vertical-align:top}.v-btm-m{vertical-align:bottom}.wb-normal-m{word-break:normal}.word-wrap-m{word-break:break-all}.word-nowrap-m{word-break:keep-all}}@media screen and (min-width:64em){.bg-cv-l{background-size:cover}.bg-cn-l{background-size:contain}.ba-l{border-style:solid;border-width:1px}.bt-l{border-top-style:solid;border-top-width:1px}.br-l{border-right-style:solid;border-right-width:1px}.bb-l{border-bottom-style:solid;border-bottom-width:1px}.bl-l{border-left-style:solid;border-left-width:1px}.br0-l{border-radius:0}.br1-l{border-radius:.125rem}.br2-l{border-radius:.25rem}.br3-l{border-radius:.5rem}.br4-l{border-radius:1rem}.br-100-l{border-radius:100%}.b--none-l{border-style:none}.b--dotted-l{border-style:dotted}.b--dashed-l{border-style:dashed}.b--solid-l{border-style:solid}.bw0-l{border-width:0}.bw1-l{border-width:.125rem}.bw2-l{border-width:.25rem}.bw3-l{border-width:.5rem}.bw4-l{border-width:1rem}.bw5-l{border-width:2rem}.top-0-l{top:0}.left-0-l{left:0}.right-0-l{right:0}.bottom-0-l{bottom:0}.top-1-l{top:1rem}.left-1-l{left:1rem}.right-1-l{right:1rem}.bottom-1-l{bottom:1rem}.top-2-l{top:2rem}.left-2-l{left:2rem}.right-2-l{right:2rem}.bottom-2-l{bottom:2rem}.top--1-l{top:-1rem}.right--1-l{right:-1rem}.bottom--1-l{bottom:-1rem}.left--1-l{left:-1rem}.top--2-l{top:-2rem}.right--2-l{right:-2rem}.bottom--2-l{bottom:-2rem}.left--2-l{left:-2rem}.pos-abs--fill-l{top:0;right:0;bottom:0;left:0}.dn-l{display:none}.di-l{display:inline}.db-l{display:block}.dib-l{display:inline-block}.dit-l{display:inline-table}.dt-l{display:table}.dtc-l{display:table-cell}.dt-row-l{display:table-row}.dt-row-group-l{display:table-row-group}.dt-column-l{display:table-column}.dt-column-group-l{display:table-column-group}.fl-l{float:left}.fl-l,.fr-l{display:inline}.fr-l{float:right}.fn-l{float:none}.i-l{font-style:italic}.fsn-l{font-style:normal}.normal-l{font-weight:400}.b-l{font-weight:700}.fw1-l{font-weight:100}.fw2-l{font-weight:200}.fw3-l{font-weight:300}.fw4-l{font-weight:400}.fw5-l{font-weight:500}.fw6-l{font-weight:600}.fw7-l{font-weight:700}.fw8-l{font-weight:800}.fw9-l{font-weight:900}.h1-l{height:1rem}.h2-l{height:2rem}.h3-l{height:4rem}.h4-l{height:8rem}.h5-l{height:16rem}.h-25-l{height:25%}.h-50-l{height:50%}.h-75-l{height:75%}.h-100-l{height:100%}.h-at-l{height:auto}.h-i-l{height:inherit}.tracked-l{letter-spacing:.16em}.tracked-tight-l{letter-spacing:-.08em}.tracked-mega-l{letter-spacing:.32em}.lh-l{line-height:1}.lh-title-l{line-height:1.3}.lh-copy-l{line-height:1.6}.mw-100-l{max-width:100%}.mw1-l{max-width:1rem}.mw2-l{max-width:2rem}.mw3-l{max-width:4rem}.mw4-l{max-width:8rem}.mw5-l{max-width:16rem}.mw6-l{max-width:32rem}.mw7-l{max-width:48rem}.mw8-l{max-width:64rem}.mw9-l{max-width:96rem}.mw-none-l{max-width:none}.w1-l{width:1rem}.w2-l{width:2rem}.w3-l{width:4rem}.w4-l{width:8rem}.w5-l{width:16rem}.w-10-l{width:10%}.w-20-l{width:20%}.w-25-l{width:25%}.w-33-l{width:33%}.w-34-l{width:34%}.w-40-l{width:40%}.w-50-l{width:50%}.w-60-l{width:60%}.w-75-l{width:75%}.w-80-l{width:80%}.w-100-l{width:100%}.w-auto-l{width:auto}.overflow-visible-l{overflow:visible}.overflow-hidden-l{overflow:hidden}.overflow-scroll-l{overflow:scroll}.overflow-auto-l{overflow:auto}.overflow-x-visible-l{overflow-x:visible}.overflow-x-hidden-l{overflow-x:hidden}.overflow-x-scroll-l{overflow-x:scroll}.overflow-x-auto-l{overflow-x:auto}.overflow-y-visible-l{overflow-y:visible}.overflow-y-hidden-l{overflow-y:hidden}.overflow-y-scroll-l{overflow-y:scroll}.overflow-y-auto-l{overflow-y:auto}.static-l{position:static}.relative-l{position:relative}.absolute-l{position:absolute}.fixed-l{position:fixed}.pa0-l{padding:0}.pa1-l{padding:.25rem}.pa2-l{padding:.5rem}.pa3-l{padding:1rem}.pa4-l{padding:2rem}.pa5-l{padding:4rem}.pa6-l{padding:8rem}.pa7-l{padding:16rem}.pl0-l{padding-left:0}.pl1-l{padding-left:.25rem}.pl2-l{padding-left:.5rem}.pl3-l{padding-left:1rem}.pl4-l{padding-left:2rem}.pl5-l{padding-left:4rem}.pl6-l{padding-left:8rem}.pl7-l{padding-left:16rem}.pr0-l{padding-right:0}.pr1-l{padding-right:.25rem}.pr2-l{padding-right:.5rem}.pr3-l{padding-right:1rem}.pr4-l{padding-right:2rem}.pr5-l{padding-right:4rem}.pr6-l{padding-right:8rem}.pr7-l{padding-right:16rem}.pb0-l{padding-bottom:0}.pb1-l{padding-bottom:.25rem}.pb2-l{padding-bottom:.5rem}.pb3-l{padding-bottom:1rem}.pb4-l{padding-bottom:2rem}.pb5-l{padding-bottom:4rem}.pb6-l{padding-bottom:8rem}.pb7-l{padding-bottom:16rem}.pt0-l{padding-top:0}.pt1-l{padding-top:.25rem}.pt2-l{padding-top:.5rem}.pt3-l{padding-top:1rem}.pt4-l{padding-top:2rem}.pt5-l{padding-top:4rem}.pt6-l{padding-top:8rem}.pt7-l{padding-top:16rem}.pv0-l{padding-top:0;padding-bottom:0}.pv1-l{padding-top:.25rem;padding-bottom:.25rem}.pv2-l{padding-top:.5rem;padding-bottom:.5rem}.pv3-l{padding-top:1rem;padding-bottom:1rem}.pv4-l{padding-top:2rem;padding-bottom:2rem}.pv5-l{padding-top:4rem;padding-bottom:4rem}.pv6-l{padding-top:8rem;padding-bottom:8rem}.pv7-l{padding-top:16rem;padding-bottom:16rem}.ph0-l{padding-left:0;padding-right:0}.ph1-l{padding-left:.25rem;padding-right:.25rem}.ph2-l{padding-left:.5rem;padding-right:.5rem}.ph3-l{padding-left:1rem;padding-right:1rem}.ph4-l{padding-left:2rem;padding-right:2rem}.ph5-l{padding-left:4rem;padding-right:4rem}.ph6-l{padding-left:8rem;padding-right:8rem}.ph7-l{padding-left:16rem;padding-right:16rem}.ma0-l{margin:0}.ma1-l{margin:.25rem}.ma2-l{margin:.5rem}.ma3-l{margin:1rem}.ma4-l{margin:2rem}.ma5-l{margin:4rem}.ma6-l{margin:8rem}.ma7-l{margin:16rem}.ml0-l{margin-left:0}.ml1-l{margin-left:.25rem}.ml2-l{margin-left:.5rem}.ml3-l{margin-left:1rem}.ml4-l{margin-left:2rem}.ml5-l{margin-left:4rem}.ml6-l{margin-left:8rem}.ml7-l{margin-left:16rem}.mr0-l{margin-right:0}.mr1-l{margin-right:.25rem}.mr2-l{margin-right:.5rem}.mr3-l{margin-right:1rem}.mr4-l{margin-right:2rem}.mr5-l{margin-right:4rem}.mr6-l{margin-right:8rem}.mr7-l{margin-right:16rem}.mb0-l{margin-bottom:0}.mb1-l{margin-bottom:.25rem}.mb2-l{margin-bottom:.5rem}.mb3-l{margin-bottom:1rem}.mb4-l{margin-bottom:2rem}.mb5-l{margin-bottom:4rem}.mb6-l{margin-bottom:8rem}.mb7-l{margin-bottom:16rem}.mt0-l{margin-top:0}.mt1-l{margin-top:.25rem}.mt2-l{margin-top:.5rem}.mt3-l{margin-top:1rem}.mt4-l{margin-top:2rem}.mt5-l{margin-top:4rem}.mt6-l{margin-top:8rem}.mt7-l{margin-top:16rem}.mv0-l{margin-top:0;margin-bottom:0}.mv1-l{margin-top:.25rem;margin-bottom:.25rem}.mv2-l{margin-top:.5rem;margin-bottom:.5rem}.mv3-l{margin-top:1rem;margin-bottom:1rem}.mv4-l{margin-top:2rem;margin-bottom:2rem}.mv5-l{margin-top:4rem;margin-bottom:4rem}.mv6-l{margin-top:8rem;margin-bottom:8rem}.mv7-l{margin-top:16rem;margin-bottom:16rem}.mh0-l{margin-left:0;margin-right:0}.mh1-l{margin-left:.25rem;margin-right:.25rem}.mh2-l{margin-left:.5rem;margin-right:.5rem}.mh3-l{margin-left:1rem;margin-right:1rem}.mh4-l{margin-left:2rem;margin-right:2rem}.mh5-l{margin-left:4rem;margin-right:4rem}.mh6-l{margin-left:8rem;margin-right:8rem}.mh7-l{margin-left:16rem;margin-right:16rem}.strike-l{text-decoration:line-through}.underline-l{text-decoration:underline}.no-underline-l{text-decoration:none}.tl-l{text-align:left}.tr-l{text-align:right}.tc-l{text-align:center}.ttc-l{text-transform:capitalize}.ttl-l{text-transform:lowercase}.ttu-l{text-transform:uppercase}.ttn-l{text-transform:none}.f-6-l,.f-headline-l{font-size:6rem}.f-5-l,.f-subheadline-l{font-size:5rem}.f1-l{font-size:3rem}.f2-l{font-size:2.25rem}.f3-l{font-size:1.5rem}.f4-l{font-size:1.25rem}.f5-l{font-size:1rem}.f6-l{font-size:.875rem}.measure-l{max-width:30em}.measure-narrow-l{max-width:20em}.indent-l{text-indent:1em;margin-top:0;margin-bottom:0}.truncate-l{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip-l{position:fixed!important;position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.ws-normal-l{white-space:normal}.nowrap-l{white-space:nowrap}.pre-l{white-space:pre}.v-base-l{vertical-align:baseline}.v-sub-l{vertical-align:sub}.v-sup-l{vertical-align:super}.v-txt-top-l{vertical-align:text-top}.v-txt-btm-l{vertical-align:text-bottom}.v-mid-l{vertical-align:middle}.v-top-l{vertical-align:top}.v-btm-l{vertical-align:bottom}.wb-normal-l{word-break:normal}.word-wrap-l{word-break:break-all}.word-nowrap-l{word-break:keep-all}}
+
diff --git a/examples/components/forms/sign_in/1/index.html b/examples/components/forms/sign_in/1/index.html
index 681821889..1015664ad 100644
--- a/examples/components/forms/sign_in/1/index.html
+++ b/examples/components/forms/sign_in/1/index.html
@@ -35,10 +35,16 @@
-
-
+
+
+ CSS
+
+ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+
+ .ba{ border-style:solid; border-width:1px; }
+.b--white-20{ border-color:rgba(255,255,255,.2); }
+
+.dn{ display:none; }
+.db{ display:block; }
+.dt{ display:table; }
+.dtc{ display:table-cell; }
+.dt-row{ display:table-row; }
+.dt-row-group{ display:table-row-group; }
+.dt-column{ display:table-column; }
+.dt-column-group{ display:table-column-group; }
+.fw6{ font-weight:600; }
+
+.input-reset{
+ -webkit-appearance:none;
+ -moz-appearance:none;
+}
+.tracked-mega{ letter-spacing:.32em; }
+
+.link{
+ text-decoration:none;
+ transition:color .15s ease-in;
+}
+
+.link:link,
+.link:visited{
+ transition:color .15s ease-in;
+}
+.link:hover{
+ transition:color .15s ease-in;
+}
+.link:active{
+ transition:color .15s ease-in;
+}
+.link:focus{
+ transition:color .15s ease-in;
+}
+.w-50{ width:50%; }
+.w-100{ width:100%; }
+.white-80{ color:rgba(255,255,255,.8); }
+.white-60{ color:rgba(255,255,255,.6); }
+.pa3{ padding:1rem; }
+.pl3{ padding-left:1rem; }
+.pv1{
+ padding-top:.25rem;
+ padding-bottom:.25rem;
+}
+.pv3{
+ padding-top:1rem;
+ padding-bottom:1rem;
+}
+.pv4{
+ padding-top:2rem;
+ padding-bottom:2rem;
+}
+
+.ph3{
+ padding-left:1rem;
+ padding-right:1rem;
+}
+.mb2{ margin-bottom:.5rem; }
+.mv5{
+ margin-top:4rem;
+ margin-bottom:4rem;
+}
+.ttu{ text-transform:uppercase; }
+.f3{ font-size:1.5rem; }
+.f6{ font-size:.875rem; }
+
+.center{
+ margin-right:auto;
+ margin-left:auto;
+}
+.v-mid{ vertical-align:middle; }
+.dim{
+ opacity:1;
+ transition:opacity .15s ease-in;
+}
+.dim:hover,
+.dim:focus{
+ opacity:.5;
+ transition:opacity .15s ease-in;
+}
+.dim:active{
+ opacity:.8; transition:opacity .15s ease-out;
+}
+@media screen and (min-width: 48em){
+
+ .ba-ns{ border-style:solid; border-width:1px; }
+
+ .dn-ns{ display:none; }
+
+ .db-ns{ display:block; }
+
+ .dt-ns{ display:table; }
+
+ .dtc-ns{ display:table-cell; }
+
+ .dt-row-ns{ display:table-row; }
+
+ .dt-row-group-ns{ display:table-row-group; }
+
+ .dt-column-ns{ display:table-column; }
+
+ .dt-column-group-ns{ display:table-column-group; }
+
+ .fw6-ns{ font-weight:600; }
+
+ .tracked-mega-ns{ letter-spacing:.32em; }
+
+ .mw6-ns{ max-width:32rem; }
+
+ .w-50-ns{ width:50%; }
+
+ .w-100-ns{ width:100%; }
+
+ .pa3-ns{ padding:1rem; }
+
+ .pl0-ns{ padding-left:0; }
+
+ .pl3-ns{ padding-left:1rem; }
+
+ .pv1-ns{ padding-top:.25rem; padding-bottom:.25rem; }
+
+ .pv3-ns{ padding-top:1rem; padding-bottom:1rem; }
+
+ .pv4-ns{ padding-top:2rem; padding-bottom:2rem; }
+
+ .pv1-ns{ padding-left:.25rem; padding-right:.25rem; }
+
+ .ph3-ns{ padding-left:1rem; padding-right:1rem; }
+
+ .ph4-ns{ padding-left:2rem; padding-right:2rem; }
+
+ .mb2-ns{ margin-bottom:.5rem; }
+
+ .mv5-ns{ margin-top:4rem; margin-bottom:4rem; }
+
+ .ttu-ns{ text-transform:uppercase; }
+
+ .f3-ns{ font-size:1.5rem; }
+
+ .f6-ns{ font-size:.875rem; }
+
+ .v-mid-ns{ vertical-align:middle; } }
+@media screen and (min-width: 48em) and (max-width: 64em){
+
+ .ba-m{ border-style:solid; border-width:1px; }
+
+ .dn-m{ display:none; }
+
+ .db-m{ display:block; }
+
+ .dt-m{ display:table; }
+
+ .dtc-m{ display:table-cell; }
+
+ .dt-row-m{ display:table-row; }
+
+ .dt-row-group-m{ display:table-row-group; }
+
+ .dt-column-m{ display:table-column; }
+
+ .dt-column-group-m{ display:table-column-group; }
+
+ .fw6-m{ font-weight:600; }
+
+ .tracked-mega-m{ letter-spacing:.32em; }
+
+ .w-50-m{ width:50%; }
+
+ .w-100-m{ width:100%; }
+
+ .pa3-m{ padding:1rem; }
+
+ .pl3-m{ padding-left:1rem; }
+
+ .pv1-m{ padding-top:.25rem; padding-bottom:.25rem; }
+
+ .pv3-m{ padding-top:1rem; padding-bottom:1rem; }
+
+ .pv4-m{ padding-top:2rem; padding-bottom:2rem; }
+
+ .pv1-m{ padding-left:.25rem; padding-right:.25rem; }
+
+ .ph3-m{ padding-left:1rem; padding-right:1rem; }
+
+ .mb2-m{ margin-bottom:.5rem; }
+
+ .mv5-m{ margin-top:4rem; margin-bottom:4rem; }
+
+ .ttu-m{ text-transform:uppercase; }
+
+ .f3-m{ font-size:1.5rem; }
+
+ .f6-m{ font-size:.875rem; }
+
+ .v-mid-m{ vertical-align:middle; } }
+@media screen and (min-width: 64em){
+
+ .ba-l{ border-style:solid; border-width:1px; }
+
+ .dn-l{ display:none; }
+
+ .db-l{ display:block; }
+
+ .dt-l{ display:table; }
+
+ .dtc-l{ display:table-cell; }
+
+ .dt-row-l{ display:table-row; }
+
+ .dt-row-group-l{ display:table-row-group; }
+
+ .dt-column-l{ display:table-column; }
+
+ .dt-column-group-l{ display:table-column-group; }
+
+ .fw6-l{ font-weight:600; }
+
+ .tracked-mega-l{ letter-spacing:.32em; }
+
+ .w-50-l{ width:50%; }
+
+ .w-100-l{ width:100%; }
+
+ .pa3-l{ padding:1rem; }
+
+ .pl3-l{ padding-left:1rem; }
+
+ .pv1-l{ padding-top:.25rem; padding-bottom:.25rem; }
+
+ .pv3-l{ padding-top:1rem; padding-bottom:1rem; }
+
+ .pv4-l{ padding-top:2rem; padding-bottom:2rem; }
+
+ .ph3-l{ padding-left:1rem; padding-right:1rem; }
+
+ .mb2-l{ margin-bottom:.5rem; }
+
+ .mv5-l{ margin-top:4rem; margin-bottom:4rem; }
+
+ .ttu-l{ text-transform:uppercase; }
+
+ .f3-l{ font-size:1.5rem; }
+
+ .f6-l{ font-size:.875rem; }
+
+ .v-mid-l{ vertical-align:middle; } }
+
+
+
+ Install via npm
+ npm i --save tachyons-borders tachyons-border-colors tachyons-display tachyons-font-weight tachyons-forms tachyons-letter-spacing tachyons-links tachyons-widths tachyons-skins tachyons-spacing tachyons-text-transform tachyons-type-scale tachyons-utilities tachyons-vertical-align tachyons-hovers tachyons-max-widths
+
-
-
-
-
-
-
-
-
-
- Join our Slack Channel
-
-
- Open an Issue
-
-
- GitHub
-
-
-
- Have a question? Need help? Feel free to open an issue on GitHub or ask a
- question in our slack channel. We're here to try and help make designing in
- the browser fun.
-
-
- A tachyon /ˈtæki.ɒn/ or tachyonic particle is a hypothetical particle
- that always moves faster than light.
- The word comes from the Greek:
-
-
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/examples/components/forms/sign_up/1/index.html b/examples/components/forms/sign_up/1/index.html
index f78fb5592..8e9f224c9 100644
--- a/examples/components/forms/sign_up/1/index.html
+++ b/examples/components/forms/sign_up/1/index.html
@@ -53,10 +53,16 @@
-
-
+
+
+ CSS
+
+ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+
+ .ba{ border-style:solid; border-width:1px; }
+ .bt{ border-top-style:solid; border-top-width:1px; }
+.b--white-20{ border-color:rgba(255,255,255,.2); }
+.b--black-10{ border-color:rgba(0,0,0,.1); }
+.db{ display:block; }
+.dib{ display:inline-block; }
+
+.tracked{ letter-spacing:.16em; }
+.tracked-tight{ letter-spacing:-.08em; }
+.tracked-mega{ letter-spacing:.32em; }
+.lh-copy{ line-height:1.6; }
+
+.link{
+ text-decoration:none;
+ transition:color .15s ease-in;
+}
+
+.link:link,
+.link:visited{
+ transition:color .15s ease-in;
+}
+.link:hover{
+ transition:color .15s ease-in;
+}
+.link:active{
+ transition:color .15s ease-in;
+}
+.link:focus{
+ transition:color .15s ease-in;
+}
+.mw4{ max-width:8rem; }
+.w-100{ width:100%; }
+.black-80{ color:rgba(0,0,0,.8); }
+.black-50{ color:rgba(0,0,0,.5); }
+.black-40{ color:rgba(0,0,0,.4); }
+.black-30{ color:rgba(0,0,0,.3); }
+.bg-white-60{ background-color:rgba(255,255,255,.6); }
+.ttu{ text-transform:uppercase; }
+.f3{ font-size:1.5rem; }
+.f4{ font-size:1.25rem; }
+.measure{
+ max-width:30em;
+}
+.measure-narrow{
+ max-width:20em;
+}
+
+.center{
+ margin-right:auto;
+ margin-left:auto;
+}
+.dim{
+ opacity:1;
+ transition:opacity .15s ease-in;
+}
+.dim:hover,
+.dim:focus{
+ opacity:.5;
+ transition:opacity .15s ease-in;
+}
+.dim:active{
+ opacity:.8; transition:opacity .15s ease-out;
+}
+@media screen and (min-width: 48em){
+
+ .ba-ns{ border-style:solid; border-width:1px; }
+
+ .bt-ns{ border-top-style:solid; border-top-width:1px; }
+
+ .db-ns{ display:block; }
+
+ .dib-ns{ display:inline-block; }
+
+ .tracked-ns{ letter-spacing:.16em; }
+
+ .tracked-tight-ns{ letter-spacing:-.08em; }
+
+ .tracked-mega-ns{ letter-spacing:.32em; }
+
+ .lh-copy-ns{ line-height:1.6; }
+
+ .mw4-ns{ max-width:8rem; }
+
+ .mw6-ns{ max-width:32rem; }
+
+ .w-100-ns{ width:100%; }
+
+ .ttu-ns{ text-transform:uppercase; }
+
+ .f3-ns{ font-size:1.5rem; }
+
+ .f4-ns{ font-size:1.25rem; }
+
+ .measure-ns{ max-width:30em; }
+
+ .measure-narrow-ns{ max-width:20em; } }
+@media screen and (min-width: 48em) and (max-width: 64em){
+
+ .ba-m{ border-style:solid; border-width:1px; }
+
+ .bt-m{ border-top-style:solid; border-top-width:1px; }
+
+ .db-m{ display:block; }
+
+ .dib-m{ display:inline-block; }
+
+ .tracked-m{ letter-spacing:.16em; }
+
+ .tracked-tight-m{ letter-spacing:-.08em; }
+
+ .tracked-mega-m{ letter-spacing:.32em; }
+
+ .lh-copy-m{ line-height:1.6; }
+
+ .mw4-m{ max-width:8rem; }
+
+ .w-100-m{ width:100%; }
+
+ .ttu-m{ text-transform:uppercase; }
+
+ .f3-m{ font-size:1.5rem; }
+
+ .f4-m{ font-size:1.25rem; }
+
+ .measure-m{ max-width:30em; }
+
+ .measure-narrow-m{ max-width:20em; } }
+@media screen and (min-width: 64em){
+
+ .ba-l{ border-style:solid; border-width:1px; }
+
+ .bt-l{ border-top-style:solid; border-top-width:1px; }
+
+ .db-l{ display:block; }
+
+ .dib-l{ display:inline-block; }
+
+ .tracked-l{ letter-spacing:.16em; }
+
+ .tracked-tight-l{ letter-spacing:-.08em; }
+
+ .tracked-mega-l{ letter-spacing:.32em; }
+
+ .lh-copy-l{ line-height:1.6; }
+
+ .mw4-l{ max-width:8rem; }
+
+ .w-100-l{ width:100%; }
+
+ .ttu-l{ text-transform:uppercase; }
+
+ .f3-l{ font-size:1.5rem; }
+
+ .f4-l{ font-size:1.25rem; }
+
+ .measure-l{ max-width:30em; }
+
+ .measure-narrow-l{ max-width:20em; } }
+
+
+
+ Install via npm
+ npm i --save tachyons-borders tachyons-border-colors tachyons-display tachyons-letter-spacing tachyons-line-height tachyons-links tachyons-max-widths tachyons-widths tachyons-skins tachyons-text-transform tachyons-type-scale tachyons-typography tachyons-utilities tachyons-hovers
+
-
-
-
-
-
-
-
-
-
- Join our Slack Channel
-
-
- Open an Issue
-
-
- GitHub
-
-
-
- Have a question? Need help? Feel free to open an issue on GitHub or ask a
- question in our slack channel. We're here to try and help make designing in
- the browser fun.
-
-
- A tachyon /ˈtæki.ɒn/ or tachyonic particle is a hypothetical particle
- that always moves faster than light.
- The word comes from the Greek:
-
-
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/home.js b/home.js
deleted file mode 100644
index c11c4ef63..000000000
--- a/home.js
+++ /dev/null
@@ -1,362 +0,0 @@
-var _ = require('lodash')
-var fs = require('fs')
-var gzip = require('gzip-size')
-var filesize = require('filesize')
-var postcss = require('postcss')
-var cssstats = require('cssstats')
-
-var tachyons = require('./package.json')
-// Include Tachyons Module Packages
-var backgroundSize = require('tachyons-background-size/package.json')
-var base = require('tachyons-base/package.json')
-var borderColors = require('tachyons-border-colors/package.json')
-var borderRadius = require('tachyons-border-radius/package.json')
-var borderStyle = require('tachyons-border-style/package.json')
-var borderWidths = require('tachyons-border-widths/package.json')
-var borders = require('tachyons-borders/package.json')
-var boxSizing = require('tachyons-box-sizing/package.json')
-var clears = require('tachyons-clears/package.json')
-var colors = require('tachyons-colors/package.json')
-var debug = require('tachyons-debug/package.json')
-var floats = require('tachyons-floats/package.json')
-var fontFamily = require('tachyons-font-family/package.json')
-var fontStyle = require('tachyons-font-style/package.json')
-var fontWeight = require('tachyons-font-weight/package.json')
-var forms = require('tachyons-forms/package.json')
-var heights = require('tachyons-heights/package.json')
-var images = require('tachyons-images/package.json')
-var letterSpacing = require('tachyons-letter-spacing/package.json')
-var lineHeight = require('tachyons-line-height/package.json')
-var links = require('tachyons-links/package.json')
-var lists = require('tachyons-lists/package.json')
-var maxWidths = require('tachyons-max-widths/package.json')
-var overflow = require('tachyons-overflow/package.json')
-var position = require('tachyons-position/package.json')
-var queries = require('tachyons-queries/package.json')
-var skins = require('tachyons-skins/package.json')
-var spacing = require('tachyons-spacing/package.json')
-var textAlign = require('tachyons-text-align/package.json')
-var textDecoration = require('tachyons-text-decoration/package.json')
-var textTransform = require('tachyons-text-transform/package.json')
-var typeScale = require('tachyons-type-scale/package.json')
-var typography = require('tachyons-typography/package.json')
-var utilities = require('tachyons-utilities/package.json')
-var verticalAlign = require('tachyons-vertical-align/package.json')
-var visibility = require('tachyons-visibility/package.json')
-var whiteSpace = require('tachyons-white-space/package.json')
-var widths = require('tachyons-widths/package.json')
-var display = require('tachyons-display/package.json')
-
-// Size of files
-
-var backgroundSizeCss = fs.readFileSync('node_modules/tachyons-background-size/css/tachyons-background-size.min.css', 'utf8')
-var backgroundSizeObj = cssstats(backgroundSizeCss)
-var backgroundSizeSize = filesize(backgroundSizeObj.gzipSize)
-
-var baseCss = fs.readFileSync('node_modules/tachyons-base/css/tachyons-base.min.css', 'utf8')
-var baseObj = cssstats(baseCss)
-var baseSize = filesize(baseObj.gzipSize)
-
-var borderColorsCss = fs.readFileSync('node_modules/tachyons-border-colors/css/tachyons-border-colors.min.css', 'utf8')
-var borderColorsObj = cssstats(borderColorsCss)
-var borderColorsSize = filesize(borderColorsObj.gzipSize)
-
-var borderRadiusCss = fs.readFileSync('node_modules/tachyons-border-radius/css/tachyons-border-radius.min.css', 'utf8')
-var borderRadiusObj = cssstats(borderRadiusCss)
-var borderRadiusSize = filesize(borderRadiusObj.gzipSize)
-
-var borderStyleCss = fs.readFileSync('node_modules/tachyons-border-style/css/tachyons-border-style.min.css', 'utf8')
-var borderStyleObj = cssstats(borderStyleCss)
-var borderStyleSize = filesize(borderStyleObj.gzipSize)
-
-var borderWidthsCss = fs.readFileSync('node_modules/tachyons-border-widths/css/tachyons-border-widths.min.css', 'utf8')
-var borderWidthsObj = cssstats(borderWidthsCss)
-var borderWidthsSize = filesize(borderWidthsObj.gzipSize)
-
-var bordersCss = fs.readFileSync('node_modules/tachyons-borders/css/tachyons-borders.min.css', 'utf8')
-var bordersObj = cssstats(bordersCss)
-var bordersSize = filesize(bordersObj.gzipSize)
-
-var boxSizingCss = fs.readFileSync('node_modules/tachyons-box-sizing/css/tachyons-box-sizing.min.css', 'utf8')
-var boxSizingObj = cssstats(boxSizingCss)
-var boxSizingSize = filesize(boxSizingObj.gzipSize)
-
-var clearsCss = fs.readFileSync('node_modules/tachyons-clears/css/tachyons-clears.min.css', 'utf8')
-var clearsObj = cssstats(clearsCss)
-var clearsSize = filesize(clearsObj.gzipSize)
-
-//var colorsCss = fs.readFileSync('node_modules/tachyons-colors/css/tachyons-colors.min.css', 'utf8')
-var debugCss = fs.readFileSync('node_modules/tachyons-debug/css/tachyons-debug.min.css', 'utf8')
-var debugObj = cssstats(debugCss)
-var debugSize = filesize(debugObj.gzipSize)
-
-var floatsCss = fs.readFileSync('node_modules/tachyons-floats/css/tachyons-floats.min.css', 'utf8')
-var floatsObj = cssstats(floatsCss)
-var floatsSize = filesize(floatsObj.gzipSize)
-
-var fontFamilyCss = fs.readFileSync('node_modules/tachyons-font-family/css/tachyons-font-family.min.css', 'utf8')
-var fontFamilyObj = cssstats(fontFamilyCss)
-var fontFamilySize = filesize(fontFamilyObj.gzipSize)
-
-var fontStyleCss = fs.readFileSync('node_modules/tachyons-font-style/css/tachyons-font-style.min.css', 'utf8')
-var fontStyleObj = cssstats(fontStyleCss)
-var fontStyleSize = filesize(fontStyleObj.gzipSize)
-
-var fontWeightCss = fs.readFileSync('node_modules/tachyons-font-weight/css/tachyons-font-weight.min.css', 'utf8')
-var fontWeightObj = cssstats(fontWeightCss)
-var fontWeightSize = filesize(fontWeightObj.gzipSize)
-
-var formsCss = fs.readFileSync('node_modules/tachyons-forms/css/tachyons-forms.min.css', 'utf8')
-var formsObj = cssstats(formsCss)
-var formsSize = filesize(formsObj.gzipSize)
-
-var heightsCss = fs.readFileSync('node_modules/tachyons-heights/css/tachyons-heights.min.css', 'utf8')
-var heightsObj = cssstats(heightsCss)
-var heightsSize = filesize(heightsObj.gzipSize)
-
-var imagesCss = fs.readFileSync('node_modules/tachyons-images/css/tachyons-images.min.css', 'utf8')
-var imagesObj = cssstats(imagesCss)
-var imagesSize = filesize(imagesObj.gzipSize)
-
-var letterSpacingCss = fs.readFileSync('node_modules/tachyons-letter-spacing/css/tachyons-letter-spacing.min.css', 'utf8')
-var letterSpacingObj = cssstats(letterSpacingCss)
-var letterSpacingSize = filesize(letterSpacingObj.gzipSize)
-
-var lineHeightCss = fs.readFileSync('node_modules/tachyons-line-height/css/tachyons-line-height.min.css', 'utf8')
-var lineHeightObj = cssstats(lineHeightCss)
-var lineHeightSize = filesize(lineHeightObj.gzipSize)
-
-var linksCss = fs.readFileSync('node_modules/tachyons-links/css/tachyons-links.min.css', 'utf8')
-var linksObj = cssstats(baseCss)
-var linksSize = filesize(baseObj.gzipSize)
-
-var listsCss = fs.readFileSync('node_modules/tachyons-lists/css/tachyons-lists.min.css', 'utf8')
-var listsObj = cssstats(listsCss)
-var listsSize = filesize(listsObj.gzipSize)
-
-var maxWidthsCss = fs.readFileSync('node_modules/tachyons-max-widths/css/tachyons-max-widths.min.css', 'utf8')
-var maxWidthsObj = cssstats(maxWidthsCss)
-var maxWidthsSize = filesize(maxWidthsObj.gzipSize)
-
-var overflowCss = fs.readFileSync('node_modules/tachyons-overflow/css/tachyons-overflow.min.css', 'utf8')
-var overflowObj = cssstats(overflowCss)
-var overflowSize = filesize(overflowObj.gzipSize)
-
-var positionCss = fs.readFileSync('node_modules/tachyons-position/css/tachyons-position.min.css', 'utf8')
-var positionObj = cssstats(positionCss)
-var positionSize = filesize(positionObj.gzipSize)
-
-//var queriesCss = fs.readFileSync('node_modules/tachyons-queries/css/tachyons-queries.min.css', 'utf8')
-//var baseObj = cssstats(baseCss)
-//var baseSize = filesize(baseObj.gzipSize)
-
-var skinsCss = fs.readFileSync('node_modules/tachyons-skins/css/tachyons-skins.min.css', 'utf8')
-var skinsObj = cssstats(skinsCss)
-var skinsSize = filesize(skinsObj.gzipSize)
-
-var spacingCss = fs.readFileSync('node_modules/tachyons-spacing/css/tachyons-spacing.min.css', 'utf8')
-var spacingObj = cssstats(spacingCss)
-var spacingSize = filesize(spacingObj.gzipSize)
-
-var textAlignCss = fs.readFileSync('node_modules/tachyons-text-align/css/tachyons-text-align.min.css', 'utf8')
-var textAlignObj = cssstats(textAlignCss)
-var textAlignSize = filesize(textAlignObj.gzipSize)
-
-var textDecorationCss = fs.readFileSync('node_modules/tachyons-text-decoration/css/tachyons-text-decoration.min.css', 'utf8')
-var textDecorationObj = cssstats(textDecorationCss)
-var textDecorationSize = filesize(textDecorationObj.gzipSize)
-
-var textTransformCss = fs.readFileSync('node_modules/tachyons-text-transform/css/tachyons-text-transform.min.css', 'utf8')
-var textTransformObj = cssstats(textTransformCss)
-var textTransformSize = filesize(textTransformObj.gzipSize)
-
-var typeScaleCss = fs.readFileSync('node_modules/tachyons-type-scale/css/tachyons-type-scale.min.css', 'utf8')
-var typeScaleObj = cssstats(typeScaleCss)
-var typeScaleSize = filesize(typeScaleObj.gzipSize)
-
-var typographyCss = fs.readFileSync('node_modules/tachyons-typography/css/tachyons-typography.min.css', 'utf8')
-var typographyObj = cssstats(typographyCss)
-var typographySize = filesize(typographyObj.gzipSize)
-
-var utilitiesCss = fs.readFileSync('node_modules/tachyons-utilities/css/tachyons-utilities.min.css', 'utf8')
-var utilitiesObj = cssstats(utilitiesCss)
-var utilitiesSize = filesize(utilitiesObj.gzipSize)
-
-var verticalAlignCss = fs.readFileSync('node_modules/tachyons-vertical-align/css/tachyons-vertical-align.min.css', 'utf8')
-var verticalAlignObj = cssstats(verticalAlignCss)
-var verticalAlignSize = filesize(verticalAlignObj.gzipSize)
-
-var visibilityCss = fs.readFileSync('node_modules/tachyons-visibility/css/tachyons-visibility.min.css', 'utf8')
-var visibilityObj = cssstats(visibilityCss)
-var visibilitySize = filesize(visibilityObj.gzipSize)
-
-var whiteSpaceCss = fs.readFileSync('node_modules/tachyons-white-space/css/tachyons-white-space.min.css', 'utf8')
-var whiteSpaceObj = cssstats(whiteSpaceCss)
-var whiteSpaceSize = filesize(whiteSpaceObj.gzipSize)
-
-var widthsCss = fs.readFileSync('node_modules/tachyons-widths/css/tachyons-widths.min.css', 'utf8')
-var widthsObj = cssstats(widthsCss)
-var widthsSize = filesize(widthsObj.gzipSize)
-
-var displayCss = fs.readFileSync('node_modules/tachyons-display/css/tachyons-display.min.css', 'utf8')
-var displayObj = cssstats(displayCss)
-var displaySize = filesize(displayObj.gzipSize)
-
-var srcDir = fs.readdirSync('./css/')
-
-var filesCount = srcDir.length - 3
-
-//var parseColors = require('./lib/parse-colors')
-//var parseCombos = require('./lib/parse-combos')
-
-var css = fs.readFileSync('./css/tachyons.css', 'utf8')
-//var colors = parseColors(css)
-//var combos = parseCombos(colors)
-
-
-//var astObj = JSON.stringify(ast, null, '\t')
-//var stats = JSON.stringify(obj, null, '\t')
-
-//var ast = postcss.parse(css)
-var obj = cssstats(css)
-var size = filesize(gzip.sync(fs.readFileSync('css/tachyons.min.css', 'utf8')))
-
-
-var template = fs.readFileSync('./src/templates/index.html', 'utf8')
-var siteFooter = fs.readFileSync('./src/templates/footer.html', 'utf8')
-var siteHeader = fs.readFileSync('./src/templates/header.html', 'utf8')
-var head = fs.readFileSync('./src/templates/head.html', 'utf8')
-var navDocs = fs.readFileSync('./src/templates/nav_docs.html', 'utf8')
-
-var tpl = _.template(template)
-var html = tpl({
- size: size,
- version: tachyons.version,
- modulesCount: filesCount,
- siteFooter: siteFooter,
- siteHeader: siteHeader,
- head: head,
- backgroundSizeVersion: backgroundSize.version,
- backgroundSizeSize: backgroundSizeSize,
- baseVersion: base.version,
- borderColorsVersion: borderColors.version,
- borderRadiusVersion: borderRadius.version,
- borderStyleVersion: borderStyle.version,
- borderWidthsVersion: borderWidths.version,
- bordersVersion: borders.version,
- boxSizingVersion: boxSizing.version,
- clearsVersion: clears.version,
- colorsVersion: colors.version,
- debugVersion: debug.version,
- displayVersion: display.version,
- floatsVersion: floats.version,
- fontFamilyVersion: fontFamily.version,
- fontStyleVersion: fontStyle.version,
- fontWeightVersion: fontWeight.version,
- formsVersion: forms.version,
- heightsVersion: heights.version,
- imagesVersion: images.version,
- letterSpacingVersion: letterSpacing.version,
- lineHeightVersion: lineHeight.version,
- linksVersion: links.version,
- listsVersion: lists.version,
- maxWidthsVersion: maxWidths.version,
- overflowVersion: overflow.version,
- positionVersion: position.version,
- queriesVersion: queries.version,
- skinsVersion: skins.version,
- spacingVersion: spacing.version,
- textAlignVersion: textAlign.version,
- textDecorationVersion: textDecoration.version,
- textTransformVersion: textTransform.version,
- typeScaleVersion: typeScale.version,
- typographyVersion: typography.version,
- utilitiesVersion: utilities.version,
- verticalAlignVersion: verticalAlign.version,
- visibilityVersion: visibility.version,
- whiteSpaceVersion: whiteSpace.version,
- widthsVersion: widths.version,
- // Sizes
- backgroundSizeSize: backgroundSizeSize,
- backgroundSizeSize: backgroundSizeSize,
- baseSize: baseSize,
- borderColorsSize: borderColorsSize,
- borderRadiusSize: borderRadiusSize,
- borderStyleSize: borderStyleSize,
- borderWidthsSize: borderWidthsSize,
- bordersSize: bordersSize,
- boxSizingSize: boxSizingSize,
- clearsSize: clearsSize,
- //colorsSize: colorsSize,
- debugSize: debugSize,
- displaySize: displaySize,
- floatsSize: floatsSize,
- fontFamilySize: fontFamilySize,
- fontStyleSize: fontStyleSize,
- fontWeightSize: fontWeightSize,
- formsSize: formsSize,
- heightsSize: heightsSize,
- imagesSize: imagesSize,
- letterSpacingSize: letterSpacingSize,
- lineHeightSize: lineHeightSize,
- linksSize: linksSize,
- listsSize: listsSize,
- maxWidthsSize: maxWidthsSize,
- overflowSize: overflowSize,
- positionSize: positionSize,
- //queriesSize: queriesSize,
- skinsSize: skinsSize,
- spacingSize: spacingSize,
- textAlignSize: textAlignSize,
- textDecorationSize: textDecorationSize,
- textTransformSize: textTransformSize,
- typeScaleSize: typeScaleSize,
- typographySize: typographySize,
- utilitiesSize: utilitiesSize,
- verticalAlignSize: verticalAlignSize,
- visibilitySize: visibilitySize,
- whiteSpaceSize: whiteSpaceSize,
- widthsSize: widthsSize,
- // Obj
- backgroundSizeObj: backgroundSizeObj,
- baseObj: baseObj,
- borderColorsObj: borderColorsObj,
- borderRadiusObj:borderRadiusObj,
- borderStyleObj:borderStyleObj,
- borderWidthsObj:borderWidthsObj,
- bordersObj:bordersObj,
- boxSizingObj:boxSizingObj,
- clearsObj:clearsObj,
- debugObj:debugObj,
- displayObj:displayObj,
- floatsObj:floatsObj,
- fontFamilyObj:fontFamilyObj,
- fontStyleObj:fontStyleObj,
- fontWeightObj:fontWeightObj,
- formsObj:formsObj,
- heightsObj:heightsObj,
- imagesObj:imagesObj,
- letterSpacingObj:letterSpacingObj,
- lineHeightObj:lineHeightObj,
- linksObj:linksObj,
- listsObj:listsObj,
- maxWidthsObj:maxWidthsObj,
- overflowObj:overflowObj,
- positionObj:positionObj,
- skinsObj:skinsObj,
- spacingObj:spacingObj,
- textAlignObj:textAlignObj,
- textDecorationObj:textDecorationObj,
- textTransformObj:textTransformObj,
- typeScaleObj:typeScaleObj,
- typographyObj:typographyObj,
- utilitiesObj:utilitiesObj,
- verticalAlignObj:verticalAlignObj,
- visibilityObj:visibilityObj,
- whiteSpaceObj:whiteSpaceObj,
- widthsObj:widthsObj,
-})
-
-fs.writeFileSync('./index.html', html)
-
-console.log(size)
diff --git a/index.html b/index.html
index e29ec8445..429b370c5 100644
--- a/index.html
+++ b/index.html
@@ -281,7 +281,7 @@ Testimonials
@@ -304,326 +304,407 @@ Testimonials
-
-
- The main tachyons repo is just a group of of encapsulated css modules available on npm and github.
- You can grab the entire toolkit, or just a few selected modules.
- Mix and match them to suit your project's specific needs. Since tachyons modules are very focused on doing one thing well,
- most of them are extremely small (well under a kilobyte) so you
- can start using some or all of them without adding bloat to your css.
-
-
npm install --save-dev tachyons-module-name
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
tachyons-widths
-
-
v4.0.1
-
318 B
-
View on GitHub
+
+
+ The main tachyons repo is just a group of of encapsulated css modules available on npm and github.
+ You can grab the entire toolkit, or just a few selected modules.
+ Mix and match them to suit your project's specific needs. Since tachyons modules are very focused on doing one thing well,
+ most of them are extremely small (well under a kilobyte) so you
+ can start using some or all of them without adding bloat to your css.
+
-
+
npm install --save-dev tachyons-module-name
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+