From 4338cf8edd44ceb51f0f656687500f66110d08c1 Mon Sep 17 00:00:00 2001 From: Runn Vermel Date: Tue, 29 Nov 2016 16:43:32 -0800 Subject: [PATCH] re-added css vars major --- HISTORY.md | 4 ++++ _objects.toggle.scss | 20 +++++++------------- bower.json | 9 +++++++-- css/px-toggle-design-demo.css | 2 +- package.json | 2 +- 5 files changed, 20 insertions(+), 17 deletions(-) diff --git a/HISTORY.md b/HISTORY.md index 7409a9f..603573c 100644 --- a/HISTORY.md +++ b/HISTORY.md @@ -1,3 +1,7 @@ +v1.0.0 +================== +* re-added css vars major + v0.2.23 ================== * removed css vars diff --git a/_objects.toggle.scss b/_objects.toggle.scss index 9f8e7f5..c3ca46f 100644 --- a/_objects.toggle.scss +++ b/_objects.toggle.scss @@ -14,53 +14,47 @@ /// @type String [default] $inuit-toggle-namespace : $inuit-namespace !default; -/// Sets the toggle foreground color. -/// -/// @group px-toggle-design:variables:style -/// @type Color [default] -$inuit-toggle-color : $gray9 !default; - /// Sets the toggle switch color. /// /// @group px-toggle-design:variables:style /// @type Color [default] -$inuit-toggle-switch : $white !default; +$inuit-toggle-switch : var(--px-toggle-switch-color, $white) !default; /// Sets the toggle switch border color. /// /// @group px-toggle-design:variables:style /// @type Color [default] -$inuit-toggle-switch-border : $gray2 !default; +$inuit-toggle-switch-border : var(--px-toggle-switch-border-color, $gray2) !default; /// Sets the toggle switch shadow color. /// /// @group px-toggle-design:variables:style /// @type Color | String [default] -$inuit-toggle-switch-shadow : 0px 1px 0px rgba($black, .15) !default; +$inuit-toggle-switch-shadow : 0px 1px 0px var(--px-toggle-switch-shadow-color, rgba($black, .15)) !default; /// Sets the toggle background color. This color is in use when the toggle is off/deactivated. /// /// @group px-toggle-design:variables:style /// @type Color [default] -$inuit-toggle-background : $gray4 !default; +$inuit-toggle-background : var(--px-toggle-backgound-color--off, $gray4) !default; /// Sets the toggle border color. This color is in use when the toggle is off/deactivated. /// /// @group px-toggle-design:variables:style /// @type Color [default] -$inuit-toggle-border : $gray5 !default; +$inuit-toggle-border : var(--px-toggle-border-color--off, $gray5) !default; /// Sets the toggle background color. This color is in use when the toggle is on/activated. /// /// @group px-toggle-design:variables:style /// @type Color [default]] -$inuit-toggle-background--on : $select-blue-default !default; +$inuit-toggle-background--on : var(--px-toggle-background-color--on, $select-blue-default) !default; /// Sets the toggle border color. This color is in use when the toggle is on/activated. /// /// @group px-toggle-design:variables:style /// @type Color [default]] -$inuit-toggle-border--on : $select-blue-hover !default; +$inuit-toggle-border--on : var(--px-toggle-border-color--on, $select-blue-hover) !default; /// Generates the CSS for small toggles if enabled. diff --git a/bower.json b/bower.json index 97ddbfe..d8486f5 100644 --- a/bower.json +++ b/bower.json @@ -1,6 +1,6 @@ { "name": "px-toggle-design", - "version": "0.2.23", + "version": "1.0.0", "authors": [ "General Electric" ], @@ -19,7 +19,12 @@ "bower_components", "test", "tests", - "OSS_Notice.pdf" + "OSS_Notice.pdf", + "CONTRIBUTING.md", + "HISTORY.md", + "LICENSE.md", + "README.md", + "scripts" ], "dependencies": { "px-colors-design": "^0.2.20", diff --git a/css/px-toggle-design-demo.css b/css/px-toggle-design-demo.css index 801989c..5ed02ea 100644 --- a/css/px-toggle-design-demo.css +++ b/css/px-toggle-design-demo.css @@ -1 +1 @@ -@charset "UTF-8";/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-size:.9375em;line-height:1.33333;overflow-y:scroll;min-height:100%;box-sizing:border-box;font-family:"GE Inspira Sans",sans-serif}:host,html{background-color:#fff;color:#000;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}body,figure{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}address,blockquote,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,table,ul{margin-bottom:1rem}li>ol,li>ul{margin-bottom:0}dd,ol,ul{margin-left:2rem}img{max-width:100%;border:0}svg:not(:root){overflow:hidden}hr{box-sizing:content-box;height:0}pre{overflow:auto}*,:after,:before{box-sizing:inherit}:host{/*! Comment to prevent cssmin munging this rule with html above and borking Safari */box-sizing:border-box;font-family:"GE Inspira Sans",sans-serif}a{background-color:transparent}a:link,a:visited{color:#3e87e8}a:hover{color:#3573c5}a:active{color:#2b5ea2}a:active,a:hover{outline:0}.float--right{float:right!important}.float--left{float:left!important}.float--none{float:none!important}.text--left{text-align:left!important}.text--center{text-align:center!important}.proceed,.text--right{text-align:right!important}.full-height{height:100%!important}.informative{cursor:help!important}.pointer{cursor:pointer!important}.muted{opacity:.5!important}.caps{text-transform:uppercase!important}.hidden{display:none!important;visibility:hidden}.a11y,.visuallyhidden{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important}.a11y.focusable:active,.a11y.focusable:focus,.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{position:static;overflow:visible;width:auto;height:auto;margin:0;clip:auto}@media screen and (max-width:44.9375em){.a11y-palm,.visuallyhidden-palm{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important}}@media screen and (min-width:45em) and (max-width:63.9375em){.a11y-lap,.visuallyhidden-lap{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important}}@media screen and (min-width:45em){.a11y-lap-and-up,.visuallyhidden-lap-and-up{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important}}@media screen and (max-width:63.9375em){.a11y-portable,.visuallyhidden-portable{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important}}@media screen and (min-width:64em){.a11y-desk,.visuallyhidden-desk{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){.a11y-retina,.visuallyhidden-retina{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important}}.invisible{visibility:hidden!important}.flex{display:-webkit-flex;display:-ms-flexbox;display:flex}.inline--flex{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.flex--row{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.flex--row--rev{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.flex--col{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.flex--col--rev{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flex--nowrap{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.flex--wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.flex--wrap--rev{-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.flex--left{-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.flex--center{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.flex--right{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.flex--justify{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.flex--spaced{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.flex--top{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.flex--middle{-webkit-align-items:center;-ms-flex-align:center;align-items:center}.flex--bottom{-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.flex--stretch{-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.flex--baseline{-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline}.flex--top--multi{-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.flex--middle--multi{-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center}.flex--bottom--multi{-webkit-align-content:flex-end;-ms-flex-line-pack:end;align-content:flex-end}.flex--stretch--multi{-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch}.flex--justify--multi{-webkit-align-content:space-between;-ms-flex-line-pack:justify;align-content:space-between}.flex--spaced--multi{-webkit-align-content:space-around;-ms-flex-line-pack:distribute;align-content:space-around}.flex__item{-webkit-flex:1;-ms-flex:1;flex:1}.flex__item--top{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.flex__item--middle{-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.flex__item--bottom{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.flex__item--baseline{-webkit-align-self:baseline;-ms-flex-item-align:baseline;align-self:baseline}.u-1\/2,.u-1\/3{-webkit-flex:none!important}.viewport{width:100%;max-width:80rem;margin-right:auto;margin-left:auto}.viewport--full-height{min-height:100vh}@font-face{font-family:"GE Inspira Sans";font-weight:400;font-style:normal;src:url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-Regular-v01.eot);src:url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-Regular-v01.eot?#iefix) format("embedded-opentype"),url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-Regular-v01.woff) format("woff"),url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-Regular-v01.ttf) format("truetype"),url("//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-Regular-v01.svg#GE Inspira Sans") format("svg")}@font-face{font-family:"GE Inspira Sans";font-weight:400;font-style:italic;src:url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-Italic-v01.eot);src:url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-Italic-v01.eot?#iefix) format("embedded-opentype"),url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-Italic-v01.woff) format("woff"),url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-Italic-v01.ttf) format("truetype"),url("//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-Italic-v01.svg#GE Inspira Sans") format("svg")}@font-face{font-family:"GE Inspira Sans";font-weight:700;font-style:normal;src:url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-Bold-v01.eot);src:url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-Bold-v01.eot?#iefix) format("embedded-opentype"),url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-Bold-v01.woff) format("woff"),url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-Bold-v01.ttf) format("truetype"),url("//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-Bold-v01.svg#GE Inspira Sans") format("svg")}@font-face{font-family:"GE Inspira Sans";font-weight:700;font-style:italic;src:url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-BoldItalic-v01.eot);src:url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-BoldItalic-v01.eot?#iefix) format("embedded-opentype"),url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-BoldItalic-v01.woff) format("woff"),url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-BoldItalic-v01.ttf) format("truetype"),url("//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-BoldItalic-v01.svg#GE Inspira Sans") format("svg")}@font-face{font-family:"GE Inspira Serif";font-weight:400;font-style:normal;src:url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-Regular-v01.eot);src:url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-Regular-v01.eot?#iefix) format("embedded-opentype"),url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-Regular-v01.woff) format("woff"),url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-Regular-v01.ttf) format("truetype"),url("//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-Regular-v01.svg#GE Inspira Serif") format("svg")}@font-face{font-family:"GE Inspira Serif";font-weight:400;font-style:italic;src:url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-Italic-v01.eot);src:url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-Italic-v01.eot?#iefix) format("embedded-opentype"),url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-Italic-v01.woff) format("woff"),url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-Italic-v01.ttf) format("truetype"),url("//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-Italic-v01.svg#GE Inspira Serif") format("svg")}@font-face{font-family:"GE Inspira Serif";font-weight:700;font-style:normal;src:url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-Bold-v01.eot);src:url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-Bold-v01.eot?#iefix) format("embedded-opentype"),url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-Bold-v01.woff) format("woff"),url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-Bold-v01.ttf) format("truetype"),url("//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-Bold-v01.svg#GE Inspira Serif") format("svg")}@font-face{font-family:"GE Inspira Serif";font-weight:700;font-style:italic;src:url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-BoldItalic-v01.eot);src:url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-BoldItalic-v01.eot?#iefix) format("embedded-opentype"),url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-BoldItalic-v01.woff) format("woff"),url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-BoldItalic-v01.ttf) format("truetype"),url("//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-BoldItalic-v01.svg#GE Inspira Serif") format("svg")}.weight--light{font-weight:300!important}.weight--normal{font-weight:400!important}.weight--semibold{font-weight:600!important}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}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}.toggle__input{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important}.toggle__label,.toggle__label:before{border-radius:2rem;transition:background .4s}.toggle__input:checked+.toggle__label{background-color:#0986a4}.toggle__input:checked+.toggle__label:before{background-color:#0a9ec1}.toggle__input:checked+.toggle__label:after{margin-left:2rem}.toggle__label{position:relative;display:block;width:4rem;height:2rem;padding:1px;cursor:pointer;outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#b1b1bc;text-indent:-9999rem}.toggle__label:after,.toggle__label:before{position:absolute;display:block;content:""}.toggle__label:before{top:1px;right:1px;bottom:1px;left:1px;background-color:#d1d0d8}.toggle__label:after{top:3px;bottom:3px;left:3px;width:calc(2rem - 6px);border:1px solid #efeff4;border-radius:calc(2rem - 6px);box-shadow:0 1px 0 rgba(0,0,0,.15);background-color:#fff;transition:margin .4s,background .4s}.toggle__label--small,.toggle__label--small:before{border-radius:1.33333rem}.toggle__input--small:checked+.toggle__label--small:after{margin-left:1.33333rem}.toggle__label--small{width:2.66667rem;height:1.33333rem}.toggle__label--small:after{top:2px;bottom:2px;left:2px;width:calc(1.33333rem - 4px);border-radius:calc(1.33333rem - 4px)}.toggle__label--large,.toggle__label--large:before{border-radius:2.66667rem}.toggle__input--large:checked+.toggle__label--large:after{margin-left:2.66667rem}.toggle__label--large{width:5.33333rem;height:2.66667rem}.toggle__label--large:after{top:.26667rem;bottom:.26667rem;left:.26667rem;width:calc(2.66667rem - .53333rem);border-radius:calc(2.66667rem - .53333rem)}.toggle__input--huge:checked+.toggle__label--huge:after{margin-left:4rem}.toggle__label--huge{width:8rem;height:4rem;border-radius:4rem}.toggle__label--huge:before{border-radius:4rem}.toggle__label--huge:after{top:.33333rem;bottom:.33333rem;left:.33333rem;width:calc(4rem - .66667rem);border-radius:calc(4rem - .66667rem)}.clearfix:after{content:"";display:table;clear:both}.u-1\/1{width:100%!important}.u-1\/2{width:50%!important;-ms-flex:none!important;flex:none!important}.u-1\/3{width:33.33333%!important;-ms-flex:none!important;flex:none!important}.u-1\/4,.u-2\/3{-webkit-flex:none!important}.u-2\/3{width:66.66667%!important;-ms-flex:none!important;flex:none!important}.u-1\/4{width:25%!important;-ms-flex:none!important;flex:none!important}.u-2\/4,.u-3\/4{-webkit-flex:none!important}.u-2\/4{width:50%!important;-ms-flex:none!important;flex:none!important}.u-3\/4{width:75%!important;-ms-flex:none!important;flex:none!important}.u-1\/6,.u-2\/6{-webkit-flex:none!important}.u-1\/6{width:16.66667%!important;-ms-flex:none!important;flex:none!important}.u-2\/6{width:33.33333%!important;-ms-flex:none!important;flex:none!important}.u-3\/6,.u-4\/6{-webkit-flex:none!important}.u-3\/6{width:50%!important;-ms-flex:none!important;flex:none!important}.u-4\/6{width:66.66667%!important;-ms-flex:none!important;flex:none!important}.u-5\/6{width:83.33333%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}@media screen and (max-width:47.9rem){.u-1\/2-palm,.u-1\/3-palm{-webkit-flex:none!important}.u-1\/1-palm{width:100%!important}.u-1\/2-palm{width:50%!important;-ms-flex:none!important;flex:none!important}.u-1\/3-palm{width:33.33333%!important;-ms-flex:none!important;flex:none!important}.u-1\/4-palm,.u-2\/3-palm{-webkit-flex:none!important}.u-2\/3-palm{width:66.66667%!important;-ms-flex:none!important;flex:none!important}.u-1\/4-palm{width:25%!important;-ms-flex:none!important;flex:none!important}.u-2\/4-palm,.u-3\/4-palm{-webkit-flex:none!important}.u-2\/4-palm{width:50%!important;-ms-flex:none!important;flex:none!important}.u-3\/4-palm{width:75%!important;-ms-flex:none!important;flex:none!important}.u-1\/6-palm,.u-2\/6-palm{-webkit-flex:none!important}.u-1\/6-palm{width:16.66667%!important;-ms-flex:none!important;flex:none!important}.u-2\/6-palm{width:33.33333%!important;-ms-flex:none!important;flex:none!important}.u-3\/6-palm,.u-4\/6-palm{-webkit-flex:none!important}.u-3\/6-palm{width:50%!important;-ms-flex:none!important;flex:none!important}.u-4\/6-palm{width:66.66667%!important;-ms-flex:none!important;flex:none!important}.u-5\/6-palm{width:83.33333%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}}@media screen and (min-width:48rem) and (max-width:63.9rem){.u-1\/2-lap,.u-1\/3-lap{-webkit-flex:none!important}.u-1\/1-lap{width:100%!important}.u-1\/2-lap{width:50%!important;-ms-flex:none!important;flex:none!important}.u-1\/3-lap{width:33.33333%!important;-ms-flex:none!important;flex:none!important}.u-1\/4-lap,.u-2\/3-lap{-webkit-flex:none!important}.u-2\/3-lap{width:66.66667%!important;-ms-flex:none!important;flex:none!important}.u-1\/4-lap{width:25%!important;-ms-flex:none!important;flex:none!important}.u-2\/4-lap,.u-3\/4-lap{-webkit-flex:none!important}.u-2\/4-lap{width:50%!important;-ms-flex:none!important;flex:none!important}.u-3\/4-lap{width:75%!important;-ms-flex:none!important;flex:none!important}.u-1\/6-lap,.u-2\/6-lap{-webkit-flex:none!important}.u-1\/6-lap{width:16.66667%!important;-ms-flex:none!important;flex:none!important}.u-2\/6-lap{width:33.33333%!important;-ms-flex:none!important;flex:none!important}.u-3\/6-lap,.u-4\/6-lap{-webkit-flex:none!important}.u-3\/6-lap{width:50%!important;-ms-flex:none!important;flex:none!important}.u-4\/6-lap{width:66.66667%!important;-ms-flex:none!important;flex:none!important}.u-5\/6-lap{width:83.33333%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}}@media screen and (min-width:48rem){.u-1\/1-lap-and-up{width:100%!important}.u-1\/2-lap-and-up{width:50%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-1\/3-lap-and-up{width:33.33333%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-2\/3-lap-and-up{width:66.66667%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-1\/4-lap-and-up{width:25%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-2\/4-lap-and-up{width:50%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-3\/4-lap-and-up{width:75%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-1\/6-lap-and-up{width:16.66667%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-2\/6-lap-and-up{width:33.33333%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-3\/6-lap-and-up{width:50%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-4\/6-lap-and-up{width:66.66667%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-5\/6-lap-and-up{width:83.33333%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}}@media screen and (max-width:63.9rem){.u-1\/1-portable{width:100%!important}.u-1\/2-portable{width:50%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-1\/3-portable{width:33.33333%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-2\/3-portable{width:66.66667%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-1\/4-portable{width:25%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-2\/4-portable{width:50%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-3\/4-portable{width:75%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-1\/6-portable{width:16.66667%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-2\/6-portable{width:33.33333%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-3\/6-portable{width:50%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-4\/6-portable{width:66.66667%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-5\/6-portable{width:83.33333%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}}@media screen and (min-width:63.9rem){.u-1\/2-desk,.u-1\/3-desk{-webkit-flex:none!important}.u-1\/1-desk{width:100%!important}.u-1\/2-desk{width:50%!important;-ms-flex:none!important;flex:none!important}.u-1\/3-desk{width:33.33333%!important;-ms-flex:none!important;flex:none!important}.u-1\/4-desk,.u-2\/3-desk{-webkit-flex:none!important}.u-2\/3-desk{width:66.66667%!important;-ms-flex:none!important;flex:none!important}.u-1\/4-desk{width:25%!important;-ms-flex:none!important;flex:none!important}.u-2\/4-desk,.u-3\/4-desk{-webkit-flex:none!important}.u-2\/4-desk{width:50%!important;-ms-flex:none!important;flex:none!important}.u-3\/4-desk{width:75%!important;-ms-flex:none!important;flex:none!important}.u-1\/6-desk,.u-2\/6-desk{-webkit-flex:none!important}.u-1\/6-desk{width:16.66667%!important;-ms-flex:none!important;flex:none!important}.u-2\/6-desk{width:33.33333%!important;-ms-flex:none!important;flex:none!important}.u-3\/6-desk,.u-4\/6-desk{-webkit-flex:none!important}.u-3\/6-desk{width:50%!important;-ms-flex:none!important;flex:none!important}.u-4\/6-desk{width:66.66667%!important;-ms-flex:none!important;flex:none!important}.u-5\/6-desk{width:83.33333%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}}@media screen and (min-width:100%){.u-1\/1-desk-wide{width:100%!important}.u-1\/2-desk-wide{width:50%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-1\/3-desk-wide{width:33.33333%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-2\/3-desk-wide{width:66.66667%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-1\/4-desk-wide{width:25%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-2\/4-desk-wide{width:50%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-3\/4-desk-wide{width:75%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-1\/6-desk-wide{width:16.66667%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-2\/6-desk-wide{width:33.33333%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-3\/6-desk-wide{width:50%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-4\/6-desk-wide{width:66.66667%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-5\/6-desk-wide{width:83.33333%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){.u-1\/1-retina{width:100%!important}.u-1\/2-retina{width:50%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-1\/3-retina{width:33.33333%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-2\/3-retina{width:66.66667%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-1\/4-retina{width:25%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-2\/4-retina{width:50%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-3\/4-retina{width:75%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-1\/6-retina{width:16.66667%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-2\/6-retina{width:33.33333%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-3\/6-retina{width:50%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-4\/6-retina{width:66.66667%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-5\/6-retina{width:83.33333%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}} \ No newline at end of file +@charset "UTF-8";/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-size:.9375em;line-height:1.33333;overflow-y:scroll;min-height:100%;box-sizing:border-box;font-family:"GE Inspira Sans",sans-serif}:host,html{background-color:#fff;color:#000;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}body,figure{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}address,blockquote,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,table,ul{margin-bottom:1rem}li>ol,li>ul{margin-bottom:0}dd,ol,ul{margin-left:2rem}img{max-width:100%;border:0}svg:not(:root){overflow:hidden}hr{box-sizing:content-box;height:0}pre{overflow:auto}*,:after,:before{box-sizing:inherit}:host{/*! Comment to prevent cssmin munging this rule with html above and borking Safari */box-sizing:border-box;font-family:"GE Inspira Sans",sans-serif}a{background-color:transparent}a:link,a:visited{color:#3e87e8}a:hover{color:#3573c5}a:active{color:#2b5ea2}a:active,a:hover{outline:0}.float--right{float:right!important}.float--left{float:left!important}.float--none{float:none!important}.text--left{text-align:left!important}.text--center{text-align:center!important}.proceed,.text--right{text-align:right!important}.full-height{height:100%!important}.informative{cursor:help!important}.pointer{cursor:pointer!important}.muted{opacity:.5!important}.caps{text-transform:uppercase!important}.hidden{display:none!important;visibility:hidden}.a11y,.visuallyhidden{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important}.a11y.focusable:active,.a11y.focusable:focus,.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{position:static;overflow:visible;width:auto;height:auto;margin:0;clip:auto}@media screen and (max-width:44.9375em){.a11y-palm,.visuallyhidden-palm{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important}}@media screen and (min-width:45em) and (max-width:63.9375em){.a11y-lap,.visuallyhidden-lap{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important}}@media screen and (min-width:45em){.a11y-lap-and-up,.visuallyhidden-lap-and-up{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important}}@media screen and (max-width:63.9375em){.a11y-portable,.visuallyhidden-portable{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important}}@media screen and (min-width:64em){.a11y-desk,.visuallyhidden-desk{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){.a11y-retina,.visuallyhidden-retina{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important}}.invisible{visibility:hidden!important}.flex{display:-webkit-flex;display:-ms-flexbox;display:flex}.inline--flex{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.flex--row{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.flex--row--rev{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.flex--col{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.flex--col--rev{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flex--nowrap{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.flex--wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.flex--wrap--rev{-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.flex--left{-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.flex--center{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.flex--right{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.flex--justify{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.flex--spaced{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.flex--top{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.flex--middle{-webkit-align-items:center;-ms-flex-align:center;align-items:center}.flex--bottom{-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.flex--stretch{-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.flex--baseline{-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline}.flex--top--multi{-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.flex--middle--multi{-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center}.flex--bottom--multi{-webkit-align-content:flex-end;-ms-flex-line-pack:end;align-content:flex-end}.flex--stretch--multi{-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch}.flex--justify--multi{-webkit-align-content:space-between;-ms-flex-line-pack:justify;align-content:space-between}.flex--spaced--multi{-webkit-align-content:space-around;-ms-flex-line-pack:distribute;align-content:space-around}.flex__item{-webkit-flex:1;-ms-flex:1;flex:1}.flex__item--top{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.flex__item--middle{-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.flex__item--bottom{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.flex__item--baseline{-webkit-align-self:baseline;-ms-flex-item-align:baseline;align-self:baseline}.u-1\/2,.u-1\/3{-webkit-flex:none!important}.viewport{width:100%;max-width:80rem;margin-right:auto;margin-left:auto}.viewport--full-height{min-height:100vh}@font-face{font-family:"GE Inspira Sans";font-weight:400;font-style:normal;src:url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-Regular-v01.eot);src:url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-Regular-v01.eot?#iefix) format("embedded-opentype"),url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-Regular-v01.woff) format("woff"),url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-Regular-v01.ttf) format("truetype"),url("//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-Regular-v01.svg#GE Inspira Sans") format("svg")}@font-face{font-family:"GE Inspira Sans";font-weight:400;font-style:italic;src:url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-Italic-v01.eot);src:url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-Italic-v01.eot?#iefix) format("embedded-opentype"),url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-Italic-v01.woff) format("woff"),url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-Italic-v01.ttf) format("truetype"),url("//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-Italic-v01.svg#GE Inspira Sans") format("svg")}@font-face{font-family:"GE Inspira Sans";font-weight:700;font-style:normal;src:url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-Bold-v01.eot);src:url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-Bold-v01.eot?#iefix) format("embedded-opentype"),url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-Bold-v01.woff) format("woff"),url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-Bold-v01.ttf) format("truetype"),url("//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-Bold-v01.svg#GE Inspira Sans") format("svg")}@font-face{font-family:"GE Inspira Sans";font-weight:700;font-style:italic;src:url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-BoldItalic-v01.eot);src:url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-BoldItalic-v01.eot?#iefix) format("embedded-opentype"),url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-BoldItalic-v01.woff) format("woff"),url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-BoldItalic-v01.ttf) format("truetype"),url("//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSans-BoldItalic-v01.svg#GE Inspira Sans") format("svg")}@font-face{font-family:"GE Inspira Serif";font-weight:400;font-style:normal;src:url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-Regular-v01.eot);src:url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-Regular-v01.eot?#iefix) format("embedded-opentype"),url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-Regular-v01.woff) format("woff"),url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-Regular-v01.ttf) format("truetype"),url("//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-Regular-v01.svg#GE Inspira Serif") format("svg")}@font-face{font-family:"GE Inspira Serif";font-weight:400;font-style:italic;src:url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-Italic-v01.eot);src:url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-Italic-v01.eot?#iefix) format("embedded-opentype"),url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-Italic-v01.woff) format("woff"),url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-Italic-v01.ttf) format("truetype"),url("//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-Italic-v01.svg#GE Inspira Serif") format("svg")}@font-face{font-family:"GE Inspira Serif";font-weight:700;font-style:normal;src:url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-Bold-v01.eot);src:url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-Bold-v01.eot?#iefix) format("embedded-opentype"),url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-Bold-v01.woff) format("woff"),url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-Bold-v01.ttf) format("truetype"),url("//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-Bold-v01.svg#GE Inspira Serif") format("svg")}@font-face{font-family:"GE Inspira Serif";font-weight:700;font-style:italic;src:url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-BoldItalic-v01.eot);src:url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-BoldItalic-v01.eot?#iefix) format("embedded-opentype"),url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-BoldItalic-v01.woff) format("woff"),url(//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-BoldItalic-v01.ttf) format("truetype"),url("//dzlpbrbc7yvq0.cloudfront.net/predixdev/fonts/1.0.0/GEInspiraSerif-BoldItalic-v01.svg#GE Inspira Serif") format("svg")}.weight--light{font-weight:300!important}.weight--normal{font-weight:400!important}.weight--semibold{font-weight:600!important}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}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}.toggle__input{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important}.toggle__label,.toggle__label:before{border-radius:2rem;transition:background .4s}.toggle__input:checked+.toggle__label{background-color:var(--px-toggle-border-color--on,#0986a4)}.toggle__input:checked+.toggle__label:before{background-color:var(--px-toggle-background-color--on,#0a9ec1)}.toggle__input:checked+.toggle__label:after{margin-left:2rem}.toggle__label{position:relative;display:block;width:4rem;height:2rem;padding:1px;cursor:pointer;outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--px-toggle-border-color--off,#b1b1bc);text-indent:-9999rem}.toggle__label:after,.toggle__label:before{position:absolute;display:block;content:""}.toggle__label:before{top:1px;right:1px;bottom:1px;left:1px;background-color:var(--px-toggle-backgound-color--off,#d1d0d8)}.toggle__label:after{top:3px;bottom:3px;left:3px;width:calc(2rem - 6px);border:1px solid var(--px-toggle-switch-border-color,#efeff4);border-radius:calc(2rem - 6px);box-shadow:0 1px 0 var(--px-toggle-switch-shadow-color,rgba(0,0,0,.15));background-color:var(--px-toggle-switch-color,#fff);transition:margin .4s,background .4s}.toggle__label--small,.toggle__label--small:before{border-radius:1.33333rem}.toggle__input--small:checked+.toggle__label--small:after{margin-left:1.33333rem}.toggle__label--small{width:2.66667rem;height:1.33333rem}.toggle__label--small:after{top:2px;bottom:2px;left:2px;width:calc(1.33333rem - 4px);border-radius:calc(1.33333rem - 4px)}.toggle__label--large,.toggle__label--large:before{border-radius:2.66667rem}.toggle__input--large:checked+.toggle__label--large:after{margin-left:2.66667rem}.toggle__label--large{width:5.33333rem;height:2.66667rem}.toggle__label--large:after{top:.26667rem;bottom:.26667rem;left:.26667rem;width:calc(2.66667rem - .53333rem);border-radius:calc(2.66667rem - .53333rem)}.toggle__input--huge:checked+.toggle__label--huge:after{margin-left:4rem}.toggle__label--huge{width:8rem;height:4rem;border-radius:4rem}.toggle__label--huge:before{border-radius:4rem}.toggle__label--huge:after{top:.33333rem;bottom:.33333rem;left:.33333rem;width:calc(4rem - .66667rem);border-radius:calc(4rem - .66667rem)}.clearfix:after{content:"";display:table;clear:both}.u-1\/1{width:100%!important}.u-1\/2{width:50%!important;-ms-flex:none!important;flex:none!important}.u-1\/3{width:33.33333%!important;-ms-flex:none!important;flex:none!important}.u-1\/4,.u-2\/3{-webkit-flex:none!important}.u-2\/3{width:66.66667%!important;-ms-flex:none!important;flex:none!important}.u-1\/4{width:25%!important;-ms-flex:none!important;flex:none!important}.u-2\/4,.u-3\/4{-webkit-flex:none!important}.u-2\/4{width:50%!important;-ms-flex:none!important;flex:none!important}.u-3\/4{width:75%!important;-ms-flex:none!important;flex:none!important}.u-1\/6,.u-2\/6{-webkit-flex:none!important}.u-1\/6{width:16.66667%!important;-ms-flex:none!important;flex:none!important}.u-2\/6{width:33.33333%!important;-ms-flex:none!important;flex:none!important}.u-3\/6,.u-4\/6{-webkit-flex:none!important}.u-3\/6{width:50%!important;-ms-flex:none!important;flex:none!important}.u-4\/6{width:66.66667%!important;-ms-flex:none!important;flex:none!important}.u-5\/6{width:83.33333%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}@media screen and (max-width:47.9rem){.u-1\/2-palm,.u-1\/3-palm{-webkit-flex:none!important}.u-1\/1-palm{width:100%!important}.u-1\/2-palm{width:50%!important;-ms-flex:none!important;flex:none!important}.u-1\/3-palm{width:33.33333%!important;-ms-flex:none!important;flex:none!important}.u-1\/4-palm,.u-2\/3-palm{-webkit-flex:none!important}.u-2\/3-palm{width:66.66667%!important;-ms-flex:none!important;flex:none!important}.u-1\/4-palm{width:25%!important;-ms-flex:none!important;flex:none!important}.u-2\/4-palm,.u-3\/4-palm{-webkit-flex:none!important}.u-2\/4-palm{width:50%!important;-ms-flex:none!important;flex:none!important}.u-3\/4-palm{width:75%!important;-ms-flex:none!important;flex:none!important}.u-1\/6-palm,.u-2\/6-palm{-webkit-flex:none!important}.u-1\/6-palm{width:16.66667%!important;-ms-flex:none!important;flex:none!important}.u-2\/6-palm{width:33.33333%!important;-ms-flex:none!important;flex:none!important}.u-3\/6-palm,.u-4\/6-palm{-webkit-flex:none!important}.u-3\/6-palm{width:50%!important;-ms-flex:none!important;flex:none!important}.u-4\/6-palm{width:66.66667%!important;-ms-flex:none!important;flex:none!important}.u-5\/6-palm{width:83.33333%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}}@media screen and (min-width:48rem) and (max-width:63.9rem){.u-1\/2-lap,.u-1\/3-lap{-webkit-flex:none!important}.u-1\/1-lap{width:100%!important}.u-1\/2-lap{width:50%!important;-ms-flex:none!important;flex:none!important}.u-1\/3-lap{width:33.33333%!important;-ms-flex:none!important;flex:none!important}.u-1\/4-lap,.u-2\/3-lap{-webkit-flex:none!important}.u-2\/3-lap{width:66.66667%!important;-ms-flex:none!important;flex:none!important}.u-1\/4-lap{width:25%!important;-ms-flex:none!important;flex:none!important}.u-2\/4-lap,.u-3\/4-lap{-webkit-flex:none!important}.u-2\/4-lap{width:50%!important;-ms-flex:none!important;flex:none!important}.u-3\/4-lap{width:75%!important;-ms-flex:none!important;flex:none!important}.u-1\/6-lap,.u-2\/6-lap{-webkit-flex:none!important}.u-1\/6-lap{width:16.66667%!important;-ms-flex:none!important;flex:none!important}.u-2\/6-lap{width:33.33333%!important;-ms-flex:none!important;flex:none!important}.u-3\/6-lap,.u-4\/6-lap{-webkit-flex:none!important}.u-3\/6-lap{width:50%!important;-ms-flex:none!important;flex:none!important}.u-4\/6-lap{width:66.66667%!important;-ms-flex:none!important;flex:none!important}.u-5\/6-lap{width:83.33333%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}}@media screen and (min-width:48rem){.u-1\/1-lap-and-up{width:100%!important}.u-1\/2-lap-and-up{width:50%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-1\/3-lap-and-up{width:33.33333%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-2\/3-lap-and-up{width:66.66667%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-1\/4-lap-and-up{width:25%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-2\/4-lap-and-up{width:50%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-3\/4-lap-and-up{width:75%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-1\/6-lap-and-up{width:16.66667%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-2\/6-lap-and-up{width:33.33333%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-3\/6-lap-and-up{width:50%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-4\/6-lap-and-up{width:66.66667%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-5\/6-lap-and-up{width:83.33333%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}}@media screen and (max-width:63.9rem){.u-1\/1-portable{width:100%!important}.u-1\/2-portable{width:50%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-1\/3-portable{width:33.33333%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-2\/3-portable{width:66.66667%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-1\/4-portable{width:25%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-2\/4-portable{width:50%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-3\/4-portable{width:75%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-1\/6-portable{width:16.66667%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-2\/6-portable{width:33.33333%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-3\/6-portable{width:50%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-4\/6-portable{width:66.66667%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-5\/6-portable{width:83.33333%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}}@media screen and (min-width:63.9rem){.u-1\/2-desk,.u-1\/3-desk{-webkit-flex:none!important}.u-1\/1-desk{width:100%!important}.u-1\/2-desk{width:50%!important;-ms-flex:none!important;flex:none!important}.u-1\/3-desk{width:33.33333%!important;-ms-flex:none!important;flex:none!important}.u-1\/4-desk,.u-2\/3-desk{-webkit-flex:none!important}.u-2\/3-desk{width:66.66667%!important;-ms-flex:none!important;flex:none!important}.u-1\/4-desk{width:25%!important;-ms-flex:none!important;flex:none!important}.u-2\/4-desk,.u-3\/4-desk{-webkit-flex:none!important}.u-2\/4-desk{width:50%!important;-ms-flex:none!important;flex:none!important}.u-3\/4-desk{width:75%!important;-ms-flex:none!important;flex:none!important}.u-1\/6-desk,.u-2\/6-desk{-webkit-flex:none!important}.u-1\/6-desk{width:16.66667%!important;-ms-flex:none!important;flex:none!important}.u-2\/6-desk{width:33.33333%!important;-ms-flex:none!important;flex:none!important}.u-3\/6-desk,.u-4\/6-desk{-webkit-flex:none!important}.u-3\/6-desk{width:50%!important;-ms-flex:none!important;flex:none!important}.u-4\/6-desk{width:66.66667%!important;-ms-flex:none!important;flex:none!important}.u-5\/6-desk{width:83.33333%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}}@media screen and (min-width:100%){.u-1\/1-desk-wide{width:100%!important}.u-1\/2-desk-wide{width:50%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-1\/3-desk-wide{width:33.33333%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-2\/3-desk-wide{width:66.66667%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-1\/4-desk-wide{width:25%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-2\/4-desk-wide{width:50%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-3\/4-desk-wide{width:75%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-1\/6-desk-wide{width:16.66667%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-2\/6-desk-wide{width:33.33333%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-3\/6-desk-wide{width:50%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-4\/6-desk-wide{width:66.66667%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-5\/6-desk-wide{width:83.33333%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){.u-1\/1-retina{width:100%!important}.u-1\/2-retina{width:50%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-1\/3-retina{width:33.33333%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-2\/3-retina{width:66.66667%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-1\/4-retina{width:25%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-2\/4-retina{width:50%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-3\/4-retina{width:75%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-1\/6-retina{width:16.66667%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-2\/6-retina{width:33.33333%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-3\/6-retina{width:50%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-4\/6-retina{width:66.66667%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}.u-5\/6-retina{width:83.33333%!important;-webkit-flex:none!important;-ms-flex:none!important;flex:none!important}} \ No newline at end of file diff --git a/package.json b/package.json index 01ffc49..9ee1ed2 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "px-toggle-design", - "version": "0.2.23", + "version": "1.0.0", "description": "Toggle is a simple on/off switch.", "private": false, "scripts": {