styleguide-settings.css

#kss-node{background:#fff;padding:0}#kss-node #kssref-0{width:100%;text-align:center}#kss-node #kssref-0 .kss__menu-toggle{display:inline-block;height:100px;width:100px;background-color:red;position:absolute;top:150px;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#FFF;font-family:"roboto",sans-serif;font-size:1.5em;text-transform:uppercase}#kss-node #kssref-0 .kss__menu-toggle:hover{color:#128141;text-decoration:none}#kss-node #kssref-0 img{height:110px;width:300px}#kss-node #kssref-0 p{color:#fff}#kss-node #kssref-0 p:first-of-type{margin:0}#kss-node .kss-sidebar{height:100%;width:300px;margin:0;position:fixed;top:0;left:auto;right:-300px;z-index:9999;overflow:visible;padding:.5em 0 0 0;-webkit-transition:right 400ms, background 400ms;transition:right 400ms, background 400ms;background:rgba(255,255,255,0.95)}#kss-node .kss-sidebar:before{display:block;content:'MENU';height:45px;width:100px;position:absolute;top:0;left:-100px;z-index:9999;background-color:rgba(236,236,236,0.15);color:#2c2c2c;cursor:pointer;font-weight:800;line-height:45px;text-align:center;-webkit-transition:background 400ms;transition:background 400ms}#kss-node .kss-sidebar:hover:before{background-color:rgba(236,236,236,0.95)}#kss-node .kss-sidebar .kss-nav{width:0;margin:0;position:fixed;top:75px;right:0;bottom:0;overflow-y:auto;-webkit-transition:width 400ms;transition:width 400ms}#kss-node .kss-sidebar .kss-nav__menu-child{padding-left:.7em}#kss-node .kss-sidebar .kss-nav__menu{margin-bottom:0 !important}#kss-node .kss-sidebar .kss-nav__menu>.kss-nav__menu-item{padding:0;border-bottom:1px solid #acacac;font-size:16px;white-space:nowrap}#kss-node .kss-sidebar .kss-nav__menu>.kss-nav__menu-item a:link{display:block;width:100%;margin-bottom:0}#kss-node .kss-sidebar .kss-nav__menu>.kss-nav__menu-item .kss-nav__menu-child{font-size:16px}#kss-node .kss-sidebar .kss-nav__menu>.kss-nav__menu-item .kss-nav__menu-child .kss-nav__menu-item,#kss-node .kss-sidebar .kss-nav__menu>.kss-nav__menu-item .kss-nav__menu-child .kss-nav__menu-item:first-child{margin:0;padding:0}#kss-node .kss-sidebar .kss-nav__menu-item{width:100%}#kss-node .kss-sidebar .kss-nav__menu-item li{padding-bottom:0.9375rem}#kss-node .kss-sidebar .kss-nav__menu-item li:last-child{padding-bottom:0;margin-bottom:0}#kss-node .kss-sidebar .kss-nav__menu-item:last-child{border:0}#kss-node .kss-sidebar .kss-nav__menu-item a{padding-top:.5em;padding-right:1em;padding-bottom:.5em;padding-left:1em;-webkit-transition:color 400ms;transition:color 400ms}#kss-node .kss-sidebar .kss-nav__menu-item a:link,#kss-node .kss-sidebar .kss-nav__menu-item a:visited{color:#95979f}#kss-node .kss-sidebar .kss-nav__menu-item a:hover,#kss-node .kss-sidebar .kss-nav__menu-item a:active{background:#404148;text-decoration:none}#kss-node .kss-sidebar .kss-nav__menu-item a:hover span,#kss-node .kss-sidebar .kss-nav__menu-item a:active span{color:#FFF}#kss-node .kss-sidebar .kss-nav__ref{display:inline-block;width:auto;padding:.05em .4em;margin-right:.4em;font-weight:100;-webkit-transition:300ms;transition:300ms;color:currentcolor}#kss-node .kss-sidebar.active{right:0}#kss-node .kss-sidebar.active:before{background-color:rgba(255,255,255,0.95)}#kss-node .kss-sidebar.active .kss-nav{width:300px}#kss-node .accordion__link{display:inline-block;padding:1em 0.9375rem;color:#FFF !important;font-size:1.5em}#kss-node .accordion__link:hover{text-decoration:none}#kss-node .kss-style{padding:0.9375rem;color:#fff}#kss-node .kss-style p{font-family:"raleway",sans-serif;font-weight:200}#kss-node .kss-style p:last-child{margin-bottom:0}#kss-node .kss-style a:link,#kss-node .kss-style a:visited{color:#128141;-webkit-transition:400ms;transition:400ms}#kss-node .kss-style a:hover,#kss-node .kss-style a:active{text-decoration:none;color:#3D8A5E}#kss-node .kss-style h1,#kss-node .kss-style h2,#kss-node .kss-style h3,#kss-node .kss-style h4,#kss-node .kss-style h5,#kss-node .kss-style h6{margin:0;font-family:"roboto",sans-serif}#kss-node .kss-style.kss-markup:last-child{margin-bottom:0}#kss-node .kss-header{margin-top:1em}#kss-node .code-reference{margin-bottom:1em;color:#FFF}#kss-node #styleguide{display:inline-block;width:auto}#kss-node .kss-doc-title{padding-left:1em;color:#1d1e23;font-weight:bold;font-size:1.5em}#kss-node .kss-title{font-family:"roboto",sans-serif}#kss-node .kss-title .kss-title__ref{color:#95979f}#kss-node .kss-title a:link,#kss-node .kss-title a:visited{color:#e1e1e1}#kss-node .kss-title a:link:hover,#kss-node .kss-title a:link:active{color:#95979f}#kss-node .kss-title__permalink{-webkit-transition:opacity 400ms;transition:opacity 400ms}#kss-node .kss-title__permalink:hover{opacity:0.5}#kss-node .kss-title__permalink-hash{opacity:0;margin:0;padding:0;line-height:0}#kss-node .kss-description p{color:#fff}#kss-node .kss-description code{background-color:#474850;padding:.1em;color:#fff;border-radius:0.2rem}#kss-node .kss-modifier__name{background-color:#FFF;color:#2c2c2c}#kss-node .kss-modifier__description{margin-bottom:0;background-color:#FFF;color:#2c2c2c}#kss-node .kss-modifier__heading{margin-bottom:0;padding-top:1.5em;padding-left:1.40625rem;color:#fff;color:#2c2c2c;border:0;background-color:#FFF;border-radius:0.5em 0.5em 0 0}#kss-node .kss-modifier__heading:before{content:"["}#kss-node .kss-modifier__heading:after{content:"]"}#kss-node .kss-modifier__default-name{margin-bottom:0;background-color:#FFF;color:#2c2c2c}#kss-node .kss-modifier__example{background-color:#FFF;margin:0}#kss-node .kss-modifier__example:after{content:"";display:table;clear:both}#kss-node .kss-nav__ref{font-size:12px}#kss-node .kss-nav__name{font-size:12px}#kss-node .kss-main{padding:0;margin-left:0;width:100%}#kss-node .kss-main .group-title p{color:#fff;margin-bottom:0.5em}@media only screen and (max-width: 1140px){#kss-node .kss-main{clear:both;padding-left:0}}#kss-node .kss-section{margin-bottom:0;background-color:#404148;border-bottom:1px solid #FFF;max-width:none}#kss-node .kss-modifier__wrapper{overflow:hidden;margin-top:1em;padding:0;border-color:#f2f2f2;border-radius:0.2rem 0.2rem 0 0;background-color:#f2f2f2;background-image:-webkit-linear-gradient(45deg, #ededed 25%, transparent 25%, transparent 75%, #ededed 75%, #ededed), -webkit-linear-gradient(45deg, #ededed 25%, transparent 25%, transparent 75%, #ededed 75%, #ededed);background-image:-webkit-linear-gradient(45deg, #ededed 25%, transparent 25%, transparent 75%, #ededed 75%, #ededed), linear-gradient(45deg, #ededed 25%, transparent 25%, transparent 75%, #ededed 75%, #ededed);background-image:linear-gradient(45deg, #ededed 25%, transparent 25%, transparent 75%, #ededed 75%, #ededed),linear-gradient(45deg, #ededed 25%, transparent 25%, transparent 75%, #ededed 75%, #ededed);background-size:1rem 1rem;background-position:0 0, .5rem .5rem}#kss-node .kss-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}#kss-node .kss-flex .btn,#kss-node .kss-flex button,#kss-node .kss-flex input[type="reset"],#kss-node .kss-flex input[type="submit"]{margin-right:0.9375rem}#kss-node .kss-dark-example{padding:10px 0.9375rem;background-color:#2f2931;border-radius:0.2rem}#kss-node .kss-overview h1,#kss-node .kss-overview h2,#kss-node .kss-overview h3,#kss-node .kss-overview h4,#kss-node .kss-overview h5,#kss-node .kss-overview h6{color:#fff}#kss-node .swatch{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}#kss-node .swatch__card{margin-right:0.46875rem;margin-bottom:0.9375rem}#kss-node .swatch__var{text-align:center;margin-top:0.46875rem;font-size:75%}#kss-node .swatch__var code{border:1px solid #acacac;padding:0.23438rem}#kss-node .swatch__item{display:inline-block;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:175px;height:75px;padding:5px;margin:2px;border-radius:0.2rem;text-align:center;font-size:12px;text-shadow:0 1px 5px #000;border:1px solid #fff}#kss-node .swatch__item code{color:#fff;background-color:transparent}#kss-node .text-swatch{width:100%}#kss-node .text__item{width:100%;padding:10px;border-radius:0.2rem}#kss-node .text__item p{margin:0}#kss-node .text__item code{background-color:transparent}#kss-node .text__var{text-align:left;margin:0.9375rem 0;font-size:75%}#kss-node .text__var code{padding:0.23438rem;border:1px solid #acacac;color:#fff}#kss-node #kssref-3-1 .kss-modifier__example a,#kss-node #kssref-3-2 .kss-modifier__example a,#kss-node #kssref-3-3 .kss-modifier__example a{display:inline-block;padding-bottom:1em}#kss-node #kssref-3-1 .kss-modifier__example a:first-of-type,#kss-node #kssref-3-2 .kss-modifier__example a:first-of-type,#kss-node #kssref-3-3 .kss-modifier__example a:first-of-type{margin-left:0.9375rem}#kss-node #kssref-3-1 .kss-modifier__example .kss-btn-wrap,#kss-node #kssref-3-2 .kss-modifier__example .kss-btn-wrap,#kss-node #kssref-3-3 .kss-modifier__example .kss-btn-wrap{overflow:hidden}#kss-node #kssref-3-1 .kss-modifier__example .kss-btn-wrap .btn,#kss-node #kssref-3-1 .kss-modifier__example .kss-btn-wrap button,#kss-node #kssref-3-1 .kss-modifier__example .kss-btn-wrap input[type="reset"],#kss-node #kssref-3-1 .kss-modifier__example .kss-btn-wrap input[type="submit"],#kss-node #kssref-3-1 .kss-modifier__example .kss-btn-wrap input[type="button"],#kss-node #kssref-3-2 .kss-modifier__example .kss-btn-wrap .btn,#kss-node #kssref-3-2 .kss-modifier__example .kss-btn-wrap button,#kss-node #kssref-3-2 .kss-modifier__example .kss-btn-wrap input[type="reset"],#kss-node #kssref-3-2 .kss-modifier__example .kss-btn-wrap input[type="submit"],#kss-node #kssref-3-2 .kss-modifier__example .kss-btn-wrap input[type="button"],#kss-node #kssref-3-3 .kss-modifier__example .kss-btn-wrap .btn,#kss-node #kssref-3-3 .kss-modifier__example .kss-btn-wrap button,#kss-node #kssref-3-3 .kss-modifier__example .kss-btn-wrap input[type="reset"],#kss-node #kssref-3-3 .kss-modifier__example .kss-btn-wrap input[type="submit"],#kss-node #kssref-3-3 .kss-modifier__example .kss-btn-wrap input[type="button"]{float:left;margin-left:1em;padding-bottom:0.7em}#kss-node #kssref-2-2 .kss-modifier__example,#kss-node #kssref-2-2-1 .kss-modifier__example,#kss-node #kssref-2-3 .kss-modifier__example,#kss-node #kssref-2-5-3 .kss-modifier__example,#kss-node #kssref-2-7 .kss-modifier__example{padding-left:0.9375rem}#kss-node .kss-modifier__example .main-head{position:absolute}#kss-node .kss-modifier__example .hero-placeholder,#kss-node .kss-modifier__example .placeholder{margin-bottom:0}#kss-node .kss-modifier__example .landing-head .landing-head__btn{color:#FFF !important}#kss-node .kss-modifier__example .landing-head .landing-head__btn:hover{color:#FFF !important;text-decoration:none}#kss-node #kss-node .kss-modifier__example .kss-btn-wrap{overflow:hidden}#kss-node #kss-node .kss-modifier__example .kss-btn-wrap .btn,#kss-node #kss-node .kss-modifier__example .kss-btn-wrap button,#kss-node #kss-node .kss-modifier__example .kss-btn-wrap input[type="reset"],#kss-node #kss-node .kss-modifier__example .kss-btn-wrap input[type="submit"],#kss-node #kss-node .kss-modifier__example .kss-btn-wrap input[type="button"]{float:left}#kss-node .kss-modifier__example .wrap-all-the-things{display:none}#kss-node .kss-modifier__example .hero-block--slider,#kss-node .kss-modifier__example .main-foot{display:none}#kss-node pre.prettyprint{display:block;background-color:#333;font-size:.8em;overflow-x:scroll}#kss-node pre .nocode{background-color:none;color:#000}#kss-node pre .str{color:#ffa0a0}#kss-node pre .kwd{color:#f0e68c;font-weight:bold}#kss-node pre .com{color:#87ceeb}#kss-node pre .typ{color:#98fb98}#kss-node pre .lit{color:#cd5c5c}#kss-node pre .pun{color:#fff}#kss-node pre .pln{color:#fff}#kss-node pre .tag{color:#f0e68c;font-weight:bold}#kss-node pre .atn{color:#bdb76b;font-weight:bold}#kss-node pre .atv{color:#ffa0a0}#kss-node pre .dec{color:#98fb98}#kss-node ol.linenums{margin-top:0;margin-bottom:0;color:#AEAEAE}#kss-node li.L0,#kss-node li.L1,#kss-node li.L2,#kss-node li.L3,#kss-node li.L5,#kss-node li.L6,#kss-node li.L7,#kss-node li.L8{list-style-type:none}@media print{#kss-node pre.prettyprint{background-color:none}#kss-node pre .str,#kss-node code .str{color:#060}#kss-node pre .kwd,#kss-node code .kwd{color:#006;font-weight:bold}#kss-node pre .com,#kss-node code .com{color:#600;font-style:italic}#kss-node pre .typ,#kss-node code .typ{color:#404;font-weight:bold}#kss-node pre .lit,#kss-node code .lit{color:#044}#kss-node pre .pun,#kss-node code .pun{color:#440}#kss-node pre .pln,#kss-node code .pln{color:#000}#kss-node pre .tag,#kss-node code .tag{color:#006;font-weight:bold}#kss-node pre .atn,#kss-node code .atn{color:#404}#kss-node pre .atv,#kss-node code .atv{color:#060}}#kss-node .linenums li{border-color:#3D3D3D !important}#kss-node .linenums li:nth-child(even){background:#333 !important}#kss-node .linenums li:nth-child(odd){background:#2D2D2D !important}