You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 lines
9.3 KiB
CSS
2 lines
9.3 KiB
CSS
6 years ago
|
/*! chota.css | MIT License | github.com/jenil/chota */
|
||
|
|
:root{--primary-color: #1a9f60;--lightGrey-color: #d2d6dd;--darkGrey-color: #84868b;--grid-maxWidth: 120rem;--grid-gutter: 2rem;--font-family: -apple-system, BlinkMacSystemFont, Avenir, "Avenir Next", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}*{box-sizing:border-box}html{font-size:62.5%;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{letter-spacing:.01em;line-height:1.6;font-size:1.6rem;font-weight:400;font-family:"Segoe UI","Helvetica Neue",sans-serif;font-family:var(--font-family);margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:500;margin:.35em 0 .7em}h1{font-size:2em}h2{font-size:1.75em}h3{font-size:1.5em}h4{font-size:1.25em}h5{font-size:1em}h6{font-size:.85em}a{color:var(--primary-color);text-decoration:none}a:hover:not(.button){opacity:.6}p{margin-top:0}blockquote{background-color:#f3f3f3;padding:1.5rem 2rem;border-left:3px solid var(--lightGrey-color)}dl dt{font-weight:700}hr{background-color:var(--lightGrey-color);height:1px;margin:1rem 0}table{width:100%;border-collapse:collapse;border-spacing:0;text-align:left}td,th{vertical-align:middle;padding:1.2rem .4rem}thead{border-bottom:2px solid var(--lightGrey-color)}tfoot{border-top:2px solid var(--lightGrey-color)}code,kbd,pre,samp,tt{font-family:monaco,"Consolas","Lucida Console",monospace}code,kbd,pre{background-color:#f7f7f7}code,kbd{white-space:pre-wrap;border-radius:4px;color:#c62424;padding:.2em .4em;padding:0 .4rem;font-size:90%}pre{font-size:1em;padding:1rem;overflow-x:auto}pre code{background:0 0;padding:0}abbr[title]{border-bottom:none;text-decoration:underline dotted}img{max-width:100%}fieldset{border:1px solid var(--lightGrey-color);padding:.5rem 2rem}hr,iframe,table{border:0}.container{max-width:var(--grid-maxWidth);margin:0 auto;width:96%;padding:0 calc(var(--grid-gutter)/2)}.row{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:start;justify-content:flex-start;margin-left:calc(var(--grid-gutter)/-2);margin-right:calc(var(--grid-gutter)/-2)}.col{-ms-flex:1;flex:1}.col,[class*=" col-"],[class^=col-]{margin:0 calc(var(--grid-gutter)/2) calc(var(--grid-gutter)/2)}.col-1{-ms-flex:0 0 calc((100%/(12/1)) - var(--grid-gutter));flex:0 0 calc((100%/(12/1)) - var(--grid-gutter));max-width:calc((100%/(12/1)) - var(--grid-gutter))}.col-2{-ms-flex:0 0 calc((100%/(12/2)) - var(--grid-gutter));flex:0 0 calc((100%/(12/2)) - var(--grid-gutter));max-width:calc((100%/(12/2)) - var(--grid-gutter))}.col-3{-ms-flex:0 0 calc((100%/(12/3)) - var(--grid-gutter));flex:0 0 calc((100%/(12/3)) - var(--grid-gutter));max-width:calc((100%/(12/3)) - var(--grid-gutter))}.col-4{-ms-flex:0 0 calc((100%/(12/4)) - var(--grid-gutter));flex:0 0 calc((100%/(12/4)) - var(--grid-gutter));max-width:calc((100%/(12/4)) - var(--grid-gutter))}.col-5{-ms-flex:0 0 calc((100%/(12/5)) - var(--grid-gutter));flex:0 0 calc((100%/(12/5)) - var(--grid-gutter));max-width:calc((100%/(12/5)) - var(--grid-gutter))}.col-6{-ms-flex:0 0 calc((100%/(12/6)) - var(--grid-gutter));flex:0 0 calc((100%/(12/6)) - var(--grid-gutter));max-width:calc((100%/(12/6)) - var(--grid-gutter))}.col-7{-ms-flex:0 0 calc((100%/(12/7)) - var(--grid-gutter));flex:0 0 calc((100%/(12/7)) - var(--grid-gutter));max-width:calc((100%/(12/7)) - var(--grid-gutter))}.col-8{-ms-flex:0 0 calc((100%/(12/8)) - var(--grid-gutter));flex:0 0 calc((100%/(12/8)) - var(--grid-gutter));max-width:calc((100%/(12/8)) - var(--grid-gutter))}.col-9{-ms-flex:0 0 calc((100%/(12/9)) - var(--grid-gutter));flex:0 0 calc((100%/(12/9)) - var(--grid-gutter));max-width:calc((100%/(12/9)) - var(--grid-gutter))}.col-10{-ms-flex:0 0 calc((100%/(12/10)) - var(--grid-gutter));flex:0 0 calc((100%/(12/10)) - var(--grid-gutter));max-width:calc((100%/(12/10)) - var(--grid-gutter))}.col-11{-ms-flex:0 0 calc((100%/(12/11)) - var(--grid-gutter));flex:0 0 calc((100%/(12/11)) - var(--grid-gutter));max-width:calc((100%/(12/11)) - var(--grid-gutter))}.col-12{-ms-flex:0 0 calc((100%/(12/12)) - var(--grid-gutter));flex:0 0 calc((100%/(12/12)) - var(--gr
|