diff --git a/index.html b/index.html index abe698c3..2dc96ff8 100755 --- a/index.html +++ b/index.html @@ -100,7 +100,7 @@

The Front-End Checklist

    • -
  • Tweet
    • +
  • Tweet
  • Star
    • @@ -4765,6 +4765,9 @@

    Tools

    +
    + A newer version of the Front-End Checklist is currently in the works, feel free to discuss any feature you would like to see in the next version. Thank you for your support! +

    Report and navigation

    diff --git a/styles/main.min.css b/styles/main.min.css index d03b7a07..cd779375 100755 --- a/styles/main.min.css +++ b/styles/main.min.css @@ -1,2 +1,20 @@ @charset "UTF-8";ol,ul{list-style:none}.sr-only,[data-body-visbility=hide],main [data-body-visibility=hide] *{display:none}.icon{width:18px;height:18px;transition:all .2s ease-in 0s;fill:#b5b5b5;display:inline-block;text-align:center;speak:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;opacity:1}.button .icon,button .icon{margin:0 .7rem 0 -.2rem}.icon--small{width:7px;height:7px}.icon-checkbox .path-check,.icon-uncheck .path-check{display:none}.icon-checkbox,.icon-checked{align-self:flex-start;width:11px;height:11px;fill:#d75637;opacity:1}[data-item-check=false] .icon-checkbox,[data-item-check=false] .icon-checked{display:block}[data-item-check=true] .icon-checkbox,[data-item-check=true] .icon-checked{display:none}.icon-checked{fill:#0a0a0a;opacity:.1}[data-item-check=false] .icon-checked{display:none}[data-item-check=true] .icon-checked{display:block}.icon-arrow{width:15px;height:15px;position:absolute;top:10px;fill:#0a0a0a;opacity:.2}.icon-rotate{transform:rotate(180deg);transition:all .3s ease-in 0s}.icon-priority--high{fill:#f85f5f}.icon-priority--high,.icon-priority--medium{align-self:flex-start;display:block;width:7px;height:7px}.icon-priority--medium{fill:#f2c741}.icon-priority--low{fill:#62c547;align-self:flex-start;display:block;width:7px;height:7px}.btn--danger{border-color:#df5941;color:#df5941}.btn--danger .icon{fill:#df5941}.code-icons{margin:0 auto;position:relative;width:25px}.code-icons:after,.code-icons:before{box-sizing:content-box;content:"";height:10px;position:absolute;top:9px;transform:rotate(45deg);width:10px}.code-icons:before{border-bottom:3px solid #ccc;border-left:3px solid #ccc;left:0}.code-icons:after{border-right:3px solid #ccc;border-top:3px solid #ccc;right:0}.icon-eye path:nth-child(2),.icon-eye path:nth-child(3){display:none}.icon-eye-hide{fill:#415257}.icon-eye-hide path:nth-child(2),.icon-eye-hide path:nth-child(3){display:block}.st0{fill:#fff}*,:after,:before{box-sizing:inherit}html{background-color:#ededed;min-width:100%;overflow-x:hidden;overflow-y:scroll;box-sizing:border-box;font-size:62.5%;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{color:#212529;font-size:1rem;font-weight:400;line-height:1.5;font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}.h1,h1{margin:0;padding:15px 0 0;font-weight:700;font-size:2.5rem}.h2,h2{font-size:2rem}.h3,.h4,h3,h4{font-size:1.2rem;font-weight:700}fieldset{border:0;margin:0}label:hover{cursor:pointer}.s-form{margin:10px 0 20px}.form input{font-size:1.5rem;padding:5px;display:block;border:0;width:100%;border-radius:0;border-bottom:1px solid #757575}.form input:focus{outline:none}.form input:focus~label,.form input:valid~label{top:-15px;font-size:12px}.form label{color:#999;font-size:14px;font-weight:400;position:absolute;pointer-events:none;left:5px;top:0;transition:all .2s ease}.form-group{position:relative;margin:20px 0}.form-group:last-of-type{margin:20px 0 0}.label__title{font-weight:700;display:inline}.nav li a,.nav li input,label{transition:background-color .08s ease-in-out}.media{align-items:flex-start;display:flex;text-align:left}.img-logo{width:85px;height:85px}iframe{background:transparent;margin:0;padding:0;border:0}.c-link,a{text-decoration:none;cursor:pointer}.c-link:not(:disabled),a:not(:disabled){background-color:transparent;color:#d75637}.c-link:not(:disabled):active,.c-link:not(:disabled):hover,a:not(:disabled):active,a:not(:disabled):hover{background-color:transparent;color:#df765d}.c-link:hover,a:hover{text-decoration:underline}.a-link--info:not(:disabled){background-color:transparent;color:#d75637}.a-link--info:not(:disabled):active,.a-link--info:not(:disabled):hover{background-color:transparent;color:#556b71}.c-link--warning:not(:disabled){background-color:transparent;color:#d75637}.c-link--warning:not(:disabled):active,.c-link--warning:not(:disabled):hover{background-color:transparent;color:#ffe785}.c-link--success:not(:disabled){background-color:transparent;color:#d75637}.c-link--success:not(:disabled):active,.c-link--success:not(:disabled):hover{background-color:transparent;color:#43df7a}.c-link--error:not(:disabled){background-color:transparent;color:#d75637}.c-link--error:not(:disabled):active,.c-link--error:not(:disabled):hover{background-color:transparent;color:#ff2e2e}p{font-size:1.2rem;line-height:1.5;margin-top:0}.page-wrapper{display:grid;grid-template-columns:auto;grid-template-areas:"a" "b" "c"}.page-wrapper .page-header{grid-area:a}.page-wrapper .page-main{grid-area:b}.page-wrapper .page-footer{grid-area:c}.page-header__logo{grid-area:d;align-self:center}.page-header__inner--centered .page-header__logo{grid-area:e;justify-self:center}.page-header__nav{grid-area:f;align-self:center;display:flex}.page-header__nav .version-01{grid-column-start:3}.sub-heading{margin:5px 15px;font-family:Montserrat,sans-serif;color:hsla(0,0%,100%,.6);font-size:1.3rem;line-height:1.5}.s-header{grid-row:1;grid-column-start:2;padding:15px 0;background-color:#415257;background-image:linear-gradient(45deg,#415257,#292e49);color:#fff;font-size:1rem;text-align:center;position:relative}.s-header__media__list{display:flex;align-items:flex-start;justify-content:center;align-self:center;padding:0}.s-header__media__item{margin:0 5px}.s-header__checklist{display:grid;grid-template-columns:auto}.s-header__checklist__title{display:none}.s-header__checklist__el{display:grid}.s-header__checklist__el:nth-child(2){grid-column:6;grid-row:1/2}.s-header__checklist__el:nth-child(3){grid-column:6;grid-row:3/4}.s-header__checklist__el:nth-child(4){grid-column:6;grid-row:2/3}.s-header__lang__list{display:flex;flex-direction:row;align-items:flex-start;align-self:center;justify-content:center;margin-top:20px}.s-header__lang__item{margin:0 5px}.s-aside{position:fixed;transform:translateX(960px);text-align:left;margin-top:55px;font-size:1.5rem;top:300px}.s-aside ul{margin:0;padding:0}.c-tag-filter{display:flex;align-items:center;justify-content:space-between;align-self:center;flex-flow:row wrap}.c-tag-filter__title{font-size:1.2rem;font-weight:700}.c-tag-filter__inner{display:flex;align-content:center;justify-content:center;flex-direction:column}.c-tag-filter__list{flex-direction:row;width:100%;margin:0;padding:10px;background-color:#f8f7f6}.c-tag-filter__item{display:inline-block}.c-tag-filter__item a,.c-tag-filter__item button{display:block;text-transform:uppercase;font-size:1.3rem;line-height:1;color:#121212;padding:5px 10px;border:2px solid transparent;background-color:transparent}.c-tag-filter__item a:hover,.c-tag-filter__item button:hover{text-decoration:none;font-weight:400;border:2px solid #dbdbdb}.s-main{display:grid;grid-column-start:1;position:relative;background-color:#fff;text-align:left;padding:0 10px}.s-main__section{margin:0 0 10px}.s-main__section:first-child{order:2}.s-main__section:nth-child(2),.s-main__section:nth-child(3){order:4}.s-main__section:nth-child(4){text-align:center;order:5}.s-main__section:nth-child(5){order:1}.s-main__item{background:#f60}.s-main__header{text-align:center;z-index:6}.s-main__meta{display:none}.s-meta{text-align:left}.s-checklist{position:relative;min-height:1px}.s-checklist:after{content:"";position:absolute;height:2px;border-top:1px solid #e4ebf0;bottom:0;width:98%}.s-checklist__inner{display:grid}.s-checklist__body{padding:0}.s-checklist__body .introduction{text-align:center}.s-checklist__body .slide{display:grid}.s-checklist__header{padding:15px 0;z-index:4}.s-checklist__header__title{margin:0;text-align:left;color:#415257;font-weight:700;text-transform:uppercase;line-height:1.2;font-size:2.5rem}.s-checklist__progress{display:flex}.s-checklist__footer,.s-footer{text-align:center}.s-footer{display:grid;padding:20px}.s-footer__made{font-size:1.4rem}.c-top-alert{display:none}.no-js .c-top-alert--alert{min-height:35px;background:orange;width:100%;text-align:center;font-weight:700;color:#fff;font-size:1.3rem;padding:5px 0}.no-js .c-top-alert--alert p{margin:0}.c-sponsor{width:100%}.cs__wrapper{min-width:320px;overflow:hidden}.c-button,button{-moz-appearance:none;-webkit-appearance:none;align-items:center;border:1px solid transparent;border-radius:3px;box-shadow:none;display:inline-flex;font-size:1.3rem;padding:7px 10px;justify-content:flex-start;line-height:1.4;position:relative;vertical-align:top;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;border-color:#999;color:#363636;cursor:pointer;justify-content:center;text-align:center;white-space:nowrap}.c-button.is-active,.c-button.is-focused,.c-button:active,.c-button:focus,button.is-active,button.is-focused,button:active,button:focus{outline:none}.c-button[disabled],button[disabled]{cursor:not-allowed}.c-button.--hovered,.c-button:hover,button.--hovered,button:hover{border-color:#b5b5b5;color:#363636;transition:all .2s ease-in 0s}.c-button.--active,.c-button.--focused,.c-button:active,.c-button:focus,button.--active,button.--focused,button:active,button:focus{color:#363636}.c-button.--small,button.--small{font-size:.75rem}.c-button.--medium,button.--medium{font-size:1.25rem}.c-button.--large,button.--large{font-size:1.5rem}.c-button.--fill,button.--fill{background-color:#23d160;color:#fff;border-color:#23d160}.c-button.--fill .icon,button.--fill .icon{fill:#fff}.c-button-icon,button-icon{border-color:#b5b5b5}.c-button-icon .icon,button-icon .icon{margin:0}.c-button-icon:hover,button-icon:hover{border-color:#415257}.c-button-icon:hover .icon,button-icon:hover .icon{fill:#415257}.c-button__group{margin:0 5px}.s-section__meta .button-icon .icon{margin:0!important;vertical-align:top;fill:#b5b5b5}.s-section__meta .button-icon:hover .icon{fill:#b5b5b5}.s-section__meta .button-icon.is-active{border-color:#415257}.s-section__meta .button-icon.is-active svg{fill:#415257}button.filter-active{border:2px solid #d75637;color:#d75637}.c-checklist [data-item-visible=false]{display:none}.c-checklist__list{margin:0;padding:0;list-style:none}.c-checklist__column{padding:0 0 10px}.c-checklist__column:first-child{padding-top:12px}.c-checklist__column:nth-child(2){padding-top:11px}.c-checklist__intro{font-size:1.4rem}.c-checklist__body{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:stretch;flex:1}.c-checklist__body label{font-weight:400;line-height:1;position:relative;display:block}.c-checklist__body label:before{border-color:#bdc3c7}.c-checklist__body input{position:absolute;left:0;top:0;min-width:15px;width:100%;height:100%;z-index:1;opacity:0;margin:0;padding:0;cursor:pointer}.c-checklist .label__description,.c-checklist .label__title{font-size:1.3rem}.c-checklist__item{opacity:1;height:auto;transition-timing-function:ease-in;font-size:24px;line-height:31px;display:block;background-color:#fff;overflow:hidden;width:100%;position:relative}.c-checklist__item:before{content:"";position:absolute;border-top:1px solid #e4ebf0;width:100%}.c-checklist__item__inner{display:flex}.c-checklist__item:nth-child(2n){background:#f8f7f6}.c-checklist__item:hover{background-color:#f1f0ed}.c-checklist__priority{order:1;flex-basis:1%}.c-checklist__checkbox{order:2;flex-basis:30px;position:relative;display:flex;align-items:center;justify-content:center}.c-checklist__label{order:3;flex:1}.c-checklist__dropdown{order:4;flex-basis:35px;position:relative;background-color:#f1f0ed}.c-checklist__dropdown__button{position:absolute;left:0;top:0;min-width:15px;width:100%;height:100%;z-index:5;margin:0;padding:0;cursor:pointer;border:0;background-color:transparent;display:flex}[data-item-check=true] .c-checklist__dropdown{cursor:not-allowed}.c-checklist__introduction{font-size:1.5rem;margin-top:0}.c-checklist__details{padding:10px 10px 0}.c-checklist__details[aria-expanded=false]{overflow:hidden;max-height:0;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;transition-duration:.3s;transition-timing-function:cubic-bezier(0,1,.5,1);opacity:0}.c-checklist__details[aria-expanded=true]{transition-duration:.3s;transition-timing-function:ease-in;max-height:1000px;overflow:hidden;opacity:1}[data-item-check=true] .c-checklist__details{opacity:.3}.c-checklist__text{font-size:1.4rem;line-height:1.5;margin-top:0}.c-checklist__code{display:none}.c-checklist__code__loader{padding:10px 0;display:block;width:50px;height:50px;margin:0 auto}.c-checklist__favicon{margin-right:5px;width:14px;height:14px;display:inline}.c-checklist__favicon[data-src],.no-js .c-checklist__favicon{display:none}.c-checklist .documentation__list{margin:0;padding:0 0 0 20px;list-style:circle}.c-checklist .documentation__list li{font-size:1.2rem;line-height:1.8}.c-checklist__documentation,.c-checklist__tools{padding:0 0 5px;margin:0}[data-item-check=true] label{text-decoration:line-through;opacity:.3}[data-item-dropdown=open] .c-checklist__details{display:block}[data-item-dropdown=close] .c-checklist__details{display:none}.mc-field-group{display:inline-block}#mc_embed_signup form{text-align:center;padding:10px 0}#mc_embed_signup input.email{font-size:15px;border:1px solid #abb0b2;border-radius:3px;color:#343434;background-color:#fff;box-sizing:border-box;height:32px;padding:0 5px;display:inline-block;margin:0;width:350px;vertical-align:top}#mc_embed_signup label{display:block;font-size:16px;padding-bottom:10px;font-weight:700}#mc_embed_signup .clear{display:inline-block}#mc_embed_signup .button{font-size:13px;border:none;border-radius:3px;letter-spacing:1px;color:#fff;background-color:#aaa;box-sizing:border-box;height:32px;line-height:32px;padding:0 18px;display:inline-block;margin:0;transition:all .23s ease-in-out 0s}#mc_embed_signup .button:hover{background-color:#777;cursor:pointer}.github-corner:hover .octo-arm{animation:a .56s ease-in-out}.github-corner svg{fill:#fff;color:#151513;position:absolute;top:0;border:0;right:0}.github-corner .octo-arm{transform-origin:130px 106px}@keyframes a{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}.gist{display:block!important;position:relative!important;width:100%!important;overflow:hidden!important}.gist,.gist-file{margin:0!important}.gist-file{border:none!important}.gist-data{padding:5px!important;border:0!important;border-bottom:none!important;border-radius:0}.gist .gist-meta{color:#0a0a0a!important;border:0!important;border-radius:0;padding:3px!important;font-size:8px!important}.c-tools{display:flex}.c-tools .is-active{border-color:#415257}.c-tools .c-button__group:first-child{margin-left:0}.c-list{display:block;margin:0;list-style-position:outside}.c-list,.c-list .c-list{padding:0 0 0 14px}.c-list__item{padding:0}.c-list__item--unstyled{list-style:none}.c-list--ordered,.c-list--unstyled{padding:0;list-style:none}.c-list--ordered{counter-reset:a}.c-list--ordered .c-list__item:before{padding:0 .7px 0 0;content:counters(a,".") " ";counter-increment:a}.c-nav{display:flex;align-items:flex-start;justify-content:space-between;margin-top:15px}.c-nav--inline{flex-direction:row}.c-nav__inner{display:flex;align-content:center;justify-content:center;flex-direction:column}.c-nav__list{width:100%;margin:0;padding:0;flex-wrap:wrap;display:flex}.c-nav__item{margin:0 10px 10px 0}.c-nav__status{padding-left:3px;margin-right:7px}.c-nav__sidebar{position:absolute;right:-10px}.c-nav__sidebar .c-nav__list{position:fixed;top:50px;flex-direction:column;width:auto;will-change:transform}.c-nav__sidebar .c-button{text-align:left}.c-nav__item a,.c-nav__item button{display:block;text-transform:uppercase;color:#0a0a0a;padding:5px 10px;font-size:1.3rem;border:1px solid #ccc}.c-nav__item a:hover,.c-nav__item button:hover{text-decoration:none;font-weight:400;border:1px solid #d75637}.c-progress{position:relative;display:flex;padding:10px 0}.c-progress__counter{text-align:center;margin-left:20px}.c-progress__label{font-size:1.3rem;font-weight:600}.c-progress__text{font-size:1.3rem}.c-progress__bar{background-color:#f5f5f5;border:0;height:19px;border-radius:3px;width:120px}.c-progress--big .c-progress__bar{height:30px;width:150px}.c-progress__bar::-webkit-progress-value{border-radius:2px}.c-progress__bar[value="1"]::-webkit-progress-value,.c-progress__bar[value="2"]::-webkit-progress-value{background-color:#f63e0f}.c-progress__bar[value="3"]::-webkit-progress-value{background-color:#f6420f}.c-progress__bar[value="4"]::-webkit-progress-value,.c-progress__bar[value="5"]::-webkit-progress-value{background-color:#f6460f}.c-progress__bar[value="6"]::-webkit-progress-value{background-color:#f6490f}.c-progress__bar[value="7"]::-webkit-progress-value,.c-progress__bar[value="8"]::-webkit-progress-value{background-color:#f64d0f}.c-progress__bar[value="9"]::-webkit-progress-value{background-color:#f6510f}.c-progress__bar[value="10"]::-webkit-progress-value,.c-progress__bar[value="11"]::-webkit-progress-value{background-color:#f6550f}.c-progress__bar[value="12"]::-webkit-progress-value,.c-progress__bar[value="13"]::-webkit-progress-value{background-color:#f6590f}.c-progress__bar[value="14"]::-webkit-progress-value{background-color:#f65d0f}.c-progress__bar[value="15"]::-webkit-progress-value,.c-progress__bar[value="16"]::-webkit-progress-value{background-color:#f6610f}.c-progress__bar[value="17"]::-webkit-progress-value{background-color:#f6640f}.c-progress__bar[value="18"]::-webkit-progress-value,.c-progress__bar[value="19"]::-webkit-progress-value{background-color:#f6680f}.c-progress__bar[value="20"]::-webkit-progress-value{background-color:#f66c0f}.c-progress__bar[value="21"]::-webkit-progress-value,.c-progress__bar[value="22"]::-webkit-progress-value{background-color:#f6700f}.c-progress__bar[value="23"]::-webkit-progress-value{background-color:#f6740f}.c-progress__bar[value="24"]::-webkit-progress-value,.c-progress__bar[value="25"]::-webkit-progress-value{background-color:#f6780f}.c-progress__bar[value="26"]::-webkit-progress-value{background-color:#f67b0f}.c-progress__bar[value="27"]::-webkit-progress-value,.c-progress__bar[value="28"]::-webkit-progress-value{background-color:#f67f0f}.c-progress__bar[value="29"]::-webkit-progress-value{background-color:#f6830f}.c-progress__bar[value="30"]::-webkit-progress-value,.c-progress__bar[value="31"]::-webkit-progress-value{background-color:#f6870f}.c-progress__bar[value="32"]::-webkit-progress-value,.c-progress__bar[value="33"]::-webkit-progress-value{background-color:#f68b0f}.c-progress__bar[value="34"]::-webkit-progress-value{background-color:#f68f0f}.c-progress__bar[value="35"]::-webkit-progress-value,.c-progress__bar[value="36"]::-webkit-progress-value{background-color:#f6930f}.c-progress__bar[value="37"]::-webkit-progress-value{background-color:#f6960f}.c-progress__bar[value="38"]::-webkit-progress-value,.c-progress__bar[value="39"]::-webkit-progress-value{background-color:#f69a0f}.c-progress__bar[value="40"]::-webkit-progress-value{background-color:#f69e0f}.c-progress__bar[value="41"]::-webkit-progress-value,.c-progress__bar[value="42"]::-webkit-progress-value{background-color:#f6a20f}.c-progress__bar[value="43"]::-webkit-progress-value{background-color:#f6a60f}.c-progress__bar[value="44"]::-webkit-progress-value,.c-progress__bar[value="45"]::-webkit-progress-value{background-color:#f6aa0f}.c-progress__bar[value="46"]::-webkit-progress-value{background-color:#f6ae0f}.c-progress__bar[value="47"]::-webkit-progress-value,.c-progress__bar[value="48"]::-webkit-progress-value{background-color:#f6b10f}.c-progress__bar[value="49"]::-webkit-progress-value{background-color:#f6b50f}.c-progress__bar[value="50"]::-webkit-progress-value,.c-progress__bar[value="51"]::-webkit-progress-value{background-color:#f6b90f}.c-progress__bar[value="52"]::-webkit-progress-value,.c-progress__bar[value="53"]::-webkit-progress-value{background-color:#f6bd0f}.c-progress__bar[value="54"]::-webkit-progress-value{background-color:#f6c10f}.c-progress__bar[value="55"]::-webkit-progress-value,.c-progress__bar[value="56"]::-webkit-progress-value{background-color:#f6c50f}.c-progress__bar[value="57"]::-webkit-progress-value{background-color:#f6c80f}.c-progress__bar[value="58"]::-webkit-progress-value,.c-progress__bar[value="59"]::-webkit-progress-value{background-color:#f6cc0f}.c-progress__bar[value="60"]::-webkit-progress-value{background-color:#f6d00f}.c-progress__bar[value="61"]::-webkit-progress-value,.c-progress__bar[value="62"]::-webkit-progress-value{background-color:#f6d40f}.c-progress__bar[value="63"]::-webkit-progress-value{background-color:#f6d80f}.c-progress__bar[value="64"]::-webkit-progress-value,.c-progress__bar[value="65"]::-webkit-progress-value{background-color:#f6dc0f}.c-progress__bar[value="66"]::-webkit-progress-value{background-color:#f6e00f}.c-progress__bar[value="67"]::-webkit-progress-value,.c-progress__bar[value="68"]::-webkit-progress-value{background-color:#f6e30f}.c-progress__bar[value="69"]::-webkit-progress-value{background-color:#f6e70f}.c-progress__bar[value="70"]::-webkit-progress-value,.c-progress__bar[value="71"]::-webkit-progress-value{background-color:#f6eb0f}.c-progress__bar[value="72"]::-webkit-progress-value,.c-progress__bar[value="73"]::-webkit-progress-value{background-color:#f6ef0f}.c-progress__bar[value="74"]::-webkit-progress-value{background-color:#f6f30f}.c-progress__bar[value="75"]::-webkit-progress-value,.c-progress__bar[value="76"]::-webkit-progress-value{background-color:#f5f60f}.c-progress__bar[value="77"]::-webkit-progress-value{background-color:#f2f60f}.c-progress__bar[value="78"]::-webkit-progress-value,.c-progress__bar[value="79"]::-webkit-progress-value{background-color:#eef60f}.c-progress__bar[value="80"]::-webkit-progress-value{background-color:#eaf60f}.c-progress__bar[value="81"]::-webkit-progress-value,.c-progress__bar[value="82"]::-webkit-progress-value{background-color:#e6f60f}.c-progress__bar[value="83"]::-webkit-progress-value{background-color:#e2f60f}.c-progress__bar[value="84"]::-webkit-progress-value,.c-progress__bar[value="85"]::-webkit-progress-value{background-color:#def60f}.c-progress__bar[value="86"]::-webkit-progress-value{background-color:#daf60f}.c-progress__bar[value="87"]::-webkit-progress-value,.c-progress__bar[value="88"]::-webkit-progress-value{background-color:#d7f60f}.c-progress__bar[value="89"]::-webkit-progress-value{background-color:#d3f60f}.c-progress__bar[value="90"]::-webkit-progress-value,.c-progress__bar[value="91"]::-webkit-progress-value{background-color:#cff60f}.c-progress__bar[value="92"]::-webkit-progress-value,.c-progress__bar[value="93"]::-webkit-progress-value{background-color:#cbf60f}.c-progress__bar[value="94"]::-webkit-progress-value{background-color:#c7f60f}.c-progress__bar[value="95"]::-webkit-progress-value,.c-progress__bar[value="96"]::-webkit-progress-value{background-color:#c3f60f}.c-progress__bar[value="97"]::-webkit-progress-value{background-color:#bff60f}.c-progress__bar[value="98"]::-webkit-progress-value,.c-progress__bar[value="99"]::-webkit-progress-value{background-color:#bcf60f}.c-progress__bar[value="100"]::-webkit-progress-value{background-color:#b8f60f}.c-progress__bar::-webkit-progress-bar{background-color:#f5f5f5;transition:all .3s ease-in 0s}.c-notation__details__list{margin:0;padding:5px 0;text-align:left}.c-notation__details__item{font-size:1.3rem}.c-notation__details__item .icon{display:inline-block;margin-right:5px}.c-notation{display:flex;align-content:space-between;justify-content:space-between;margin:15px 0 0}.c-notation__box{position:relative}.c-notation__letter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-size:45px;color:#fff;line-height:1}.c-notation__item{width:75px;height:75px;background:#f3f3f3;position:relative}.c-notation__generate{text-align:right;margin-top:15px}.c-notation__details{font-size:1.2rem}[data-notation="0"],[data-notation="1"],[data-notation="2"],[data-notation="3"],[data-notation="4"],[data-notation="5"],[data-notation="6"],[data-notation="7"],[data-notation="8"],[data-notation="9"],[data-notation="10"],[data-notation="11"],[data-notation="12"],[data-notation="13"],[data-notation="14"],[data-notation="15"],[data-notation="16"],[data-notation="17"],[data-notation="18"],[data-notation="19"],[data-notation="20"]{background-color:#6f2110}[data-notation="21"],[data-notation="22"],[data-notation="23"],[data-notation="24"],[data-notation="25"],[data-notation="26"],[data-notation="27"],[data-notation="28"],[data-notation="29"],[data-notation="30"],[data-notation="31"],[data-notation="32"],[data-notation="33"],[data-notation="34"],[data-notation="35"],[data-notation="36"],[data-notation="37"],[data-notation="38"],[data-notation="39"],[data-notation="40"]{background-color:#f63a0f}[data-notation="41"],[data-notation="42"],[data-notation="43"],[data-notation="44"],[data-notation="45"],[data-notation="46"],[data-notation="47"],[data-notation="48"],[data-notation="49"],[data-notation="50"],[data-notation="51"],[data-notation="52"],[data-notation="53"],[data-notation="54"],[data-notation="55"],[data-notation="56"],[data-notation="57"],[data-notation="58"],[data-notation="59"],[data-notation="60"]{background-color:#f27011}[data-notation="61"],[data-notation="62"],[data-notation="63"],[data-notation="64"],[data-notation="65"],[data-notation="66"],[data-notation="67"],[data-notation="68"],[data-notation="69"],[data-notation="70"],[data-notation="71"],[data-notation="72"],[data-notation="73"],[data-notation="74"],[data-notation="75"],[data-notation="76"],[data-notation="77"],[data-notation="78"],[data-notation="79"],[data-notation="80"]{background-color:#f2b01e}[data-notation="81"],[data-notation="82"],[data-notation="83"],[data-notation="84"],[data-notation="85"],[data-notation="86"],[data-notation="87"],[data-notation="88"],[data-notation="89"],[data-notation="90"],[data-notation="91"],[data-notation="92"],[data-notation="93"],[data-notation="94"],[data-notation="95"],[data-notation="96"],[data-notation="97"],[data-notation="98"],[data-notation="99"]{background-color:#f2d31b}[data-notation="100"]{background-color:#86e01e}[data-notation="101"]{background-color:#6f2110}.c-tags__list{padding:0;list-style:none;position:relative;opacity:.7}[data-item-check=true] .c-tags__list{opacity:.2}.c-tags__item{font-size:1rem;display:inline;padding:3px;white-space:nowrap;opacity:1;overflow:hidden;border:.5px solid #dbdbdb}@media screen and (min-width:500px){.icon,.icon-checkbox,.icon-checked{width:15px;height:15px}.h1,h1{font-size:3rem}.h3,.h4,h3,h4{font-size:1.3rem}.s-form{margin-bottom:20px}.form input{width:300px}.img-logo{width:100px;height:100px}.sub-heading{font-size:1.5rem;margin:15px}.s-header{padding-top:25px;padding-bottom:60px}.s-header__banner{width:795px;margin:0 auto}.s-header__checklist{grid-template-rows:auto auto;grid-template-columns:repeat(5,1fr);padding:10px;border:1px solid #d3d3d3}.s-header__checklist__el{padding:0 20px 0 0}.c-tag-filter__title{font-size:1.3rem}.s-main{display:grid;grid-column-start:3;margin-top:-50px;width:100%;padding:10px;border-radius:5px;border:1px solid rgba(0,0,0,.1)}.s-main__section:first-child,.s-main__section:nth-child(2){padding:0 20px}.s-main__meta{display:flex;justify-content:flex-end}.s-checklist{padding:0 10px}.s-checklist__header{display:flex;align-items:center;justify-content:space-between}.s-checklist__title{display:flex;align-items:center;justify-content:center}.s-checklist__header__title{font-size:4rem;margin:0}.c-checklist__column{padding:8px 4px}.c-checklist__column:first-child{padding-top:15px}.c-checklist__body label{font-size:1.6rem;line-height:1.4}.c-checklist .label__description,.c-checklist .label__title{font-size:1.5rem}.c-checklist__checkbox{flex-basis:40px}.c-checklist__details{padding:15px 15px 0;width:100%}.c-checklist .documentation__list li{font-size:1.5rem;line-height:1.5}.gist .gist-meta{font-size:10px!important;padding:5px!important}.c-nav__item a,.c-nav__item button{font-size:14px}.c-progress{padding:0;display:block}.c-progress__counter{margin:0}.c-progress__label{position:absolute;top:28%;left:50%;transform:translate(-50%,-50%)}.c-progress__text{font-size:1.1rem;padding:0 5px}.c-progress__bar{height:20px;margin:0 20px}.c-tags__item{font-size:11px}}@media screen and (min-width:801px){.icon-priority--high,.icon-priority--low,.icon-priority--medium{margin-top:0;width:7px;height:7px}.page-wrapper{grid-template-areas:"a a a" "b b b" "c c c"}.page-wrapper .page-main{display:grid;grid-template-columns:auto 150px 960px 150px auto}.s-header__checklist__el:nth-child(2){grid-column:1/2;grid-row:1/1}.s-header__checklist__el:nth-child(3){grid-column:2/4;grid-row:1/1}.s-header__checklist__el:nth-child(4){grid-column:4/6;grid-row:1/1;padding-right:0}.c-tag-filter{display:flex;flex-direction:row}.c-tag-filter__list{display:flex;flex-wrap:wrap}.s-footer{padding:50px 0}.c-button,button{font-size:1.25rem;height:34px;padding:5px 9px}.c-nav{display:flex;margin:15px 0}.c-nav__list{display:flex;flex-wrap:wrap}.c-nav__item{margin:0 5px 5px 0}}@media screen and (min-width:1025px){.c-checklist__dropdown{flex-basis:3%}.c-checklist__code{display:block;border:1px solid #ccc;background-color:#fff}}@media (max-width:768px){#mc_embed_signup input.email{width:100%;margin-bottom:5px}#mc_embed_signup .clear{display:block;width:100%}#mc_embed_signup .button{width:100%;margin:0}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:a .56s ease-in-out}}@media screen and (min-width:500px) and (max-width:800px){.s-header__checklist__el:nth-child(2){grid-column:1/4;grid-row:1/2}.s-header__checklist__el:nth-child(3){grid-column:1/6;grid-row:2/2}.s-header__checklist__el:nth-child(4){grid-column:4/6;grid-row:1/2}.c-checklist__column{padding:2px}.c-checklist__column:nth-child(2){padding-top:11px}}@media print{@page{margin:20px 15px}body{margin:0;overflow:hidden;position:relative;box-sizing:border-box;page-break-after:always;font:10pt Arial,Times New Roman,Times,serif;line-height:1.3;background:#fff!important;color:#0a0a0a!important;-webkit-print-color-adjust:exact}a{page-break-inside:avoid}h1,h2,h3,h4,h5,h6,img{page-break-after:avoid}h1,h2,h3,h4,h5,h6,img,pre,table{page-break-inside:avoid}dl,ol,ul{page-break-before:avoid}a,a:link,a:visited{background:transparent;font-weight:700;text-decoration:underline;text-align:left}a[href^=http]:after{content:normal}article a[href^="#"]:after{content:""}a:not(:local-link):after{content:" < " attr(href) "> "}.icon-checkbox,.icon-checked{display:none!important}.c-checklist__body input{height:auto!important;top:4px!important;opacity:1!important}.c-checklist__body label{text-decoration:none!important;opacity:1!important}.c-github-corner,.c-notation__generate,.c-tags,.img-logo,.s-content__filter,.s-content__meta,.s-content__search,.s-header__lang,.s-header__media,.s-meta,.s-nav,.s-section__meta{display:none!important}.page-main{display:block!important}h2{font-size:20pt!important}label{font-size:9pt!important}.s-header{text-align:left!important}.s-header__banner{padding:15px}.sub-heading{font-size:9pt!important;margin:0!important}.c-checklist__item:before{display:none}.label__description{line-height:1.5}.c-checklist__dropdown{display:none}.sub-heading:after{content:" ★ Generated on http://frontendchecklist.io ★ ";white-space:pre}.s-header__checklist__el{padding:0!important}.c-notation__item{width:80px!important;height:80px!important}.c-progress{padding:0 20px}.c-progress__counter,.c-progress__label{font-size:8pt!important}.c-progress__bar{display:none!important}.c-progress__label{padding:20pt 0!important;left:auto!important}.c-nav,.c-progress__label{position:relative!important}.c-nav{margin:0!important;right:auto!important;z-index:3!important}.c-nav__list{position:relative!important;top:0!important;flex-direction:row!important}.c-nav__item .c-button{font-size:9pt!important;border:0!important}.form input{font-size:9pt!important;padding:3px!important}.h1,h1{font-size:18pt;padding:0 0 5px}.s-header{padding:0}.s-header__checklist{margin:0}.s-header__checklist__el:nth-child(2){grid-column:1/4;grid-row:1}.s-header__checklist__el:nth-child(3){display:none}.s-header__checklist__el:nth-child(4){grid-column:5/6;grid-row:1}.c-tag-filter{display:none}.s-checklist{padding:15px 0}.s-checklist:first-child{padding:0 0 15px}.s-checklist__header{padding:0}.s-checklist__title{display:flex}.s-footer{padding:10px}.s-footer__badges,.s-footer__grateful{display:none}.s-footer__made{font-size:7pt}.c-checklist__column{padding:0}.c-checklist__column:first-child{margin:0 5px;padding-top:5px}.c-checklist__item{padding:5px 0}.c-checklist__checkbox{flex-basis:25px}.c-checklist__code{display:block}#mc_embed_signup,.c-tools{display:none}} +.announcement { + background-color: #292e49; + color: white; + padding: 10px; + text-align: center; + font-size: 16px; + margin-bottom: 10px; + font-family: Montserrat; +} + +.announcement a { + color: white; + text-decoration: underline; +} + +.announcement a:hover { + color: white; +} /*# sourceMappingURL=main.min.css.map */