1
0
mirror of https://github.com/jenil/chota.git synced 2023-08-10 21:13:07 +03:00
chota/dist/chota.min.css

1 line
7.4 KiB
CSS
Raw Normal View History

:root{--primary-color:#1a9f60;--lightGrey-color:#ddd;--grid-maxWidth:120rem;--grid-gutter:1.5rem;--font-family:-apple-system,BlinkMacSystemFont,Avenir,"Avenir Next","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}*,html{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:var(--font-family);margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:600}h1{font-size:2em;margin:.67em 0}a{color:var(--primary-color)}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}hr,table{border:none}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{padding:0 .4rem;font-size:90%;white-space:nowrap;border-radius:4px}pre{font-size:1em;padding:1rem}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}img{max-width:100%}fieldset,iframe{border:1px solid var(--lightGrey-color)}.container{max-width:var(--grid-maxWidth);margin:0 auto;width:90%}.row{display:flex;flex-flow:row wrap;justify-content:flex-start;margin-top:var(--grid-gutter);margin-bottom:var(--grid-gutter)}.row>:first-child{margin-left:0}.col{flex:1}.col,[class*=" col-"],[class^=col-]{margin-left:var(--grid-gutter)}.col-1{width:calc((100% - var(--grid-gutter)*11)/12)}.col-2{width:calc((100% - var(--grid-gutter)*5)/6)}.col-3{width:calc((100% - var(--grid-gutter)*3)/4)}.col-4{width:calc((100% - var(--grid-gutter)*2)/3)}.col-5{width:calc((100% - var(--grid-gutter)*1.4)/2.4)}.col-6{width:calc((100% - var(--grid-gutter)*1)/2)}.col-7{width:calc((100% - var(--grid-gutter)*0.714285714285714)/1.714285714285714)}.col-8{width:calc((100% - var(--grid-gutter)*0.5)/1.5)}.col-9{width:calc((100% - var(--grid-gutter)*0.333333333333333)/1.333333333333333)}.col-10{width:calc((100% - var(--grid-gutter)*0.2)/1.2)}.col-11{width:calc((100% - var(--grid-gutter)*0.090909090909091)/1.090909090909091)}.col-12{width:calc((100% - var(--grid-gutter)*0)/1)}@media screen and (max-width:768px){.col,[class*=" col-"],[class^=col-]{margin:var(--grid-gutter) 0;width:100%}}fieldset{padding:.5rem 2rem}legend{text-transform:uppercase;font-size:.8em;letter-spacing:.1rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=color]):not([type=button]):not([type=reset]),select,textarea,textarea[type=text]{font-family:inherit;padding:.7rem 1rem;border-radius:4px;border:1px solid var(--lightGrey-color);font-size:1em;transition:all .2s ease;display:block;width:100%}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=color]):not([type=button]):not([type=reset]):hover,select:hover,textarea:hover,textarea[type=text]:hover{border-color:#aaa}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=color]):not([type=button]):not([type=reset]):focus,select:focus,textarea:focus,textarea[type=text]:focus{outline:none;border-color:var(--primary-color)}select{-webkit-appearance:none;background-color:#fafafa;border:1px solid var(--lightGrey-color);background-position:100%;background-repeat:no-repeat;background-size:1ex;background-origin:content-box;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='40' fill='#555'><polygon points='0,0 60,0 30,40'/></svg>")}[type=checkbox],[type=radio]{-webkit-appearance:none;width:1.6rem;height:1.6rem;margin:-.2rem .2rem;border:1px solid #aaa}[type=radio]{border-radius:50%;box-shadow:inset 0 0 0 3px #fff}[type=radio]:checked{background-color:var(--primary-color)}[type=checkbox]:checked{background:url("data:image/png;base64,iVBORw0K