style unified with web-default (besides colors)

This commit is contained in:
Jannik Beyerstedt 2020-04-05 01:18:42 +02:00
parent 8834aa7d82
commit 1cd92027ab
4 changed files with 27 additions and 5 deletions

View file

@ -10,4 +10,4 @@
} }
} }
} }
} }

View file

@ -4,6 +4,10 @@ $footer_paddingtop: 15px;
$footer_paddingbtn: 10px; $footer_paddingbtn: 10px;
$body_maxwidth: 650px; $body_maxwidth: 650px;
$color_green: #2dac01;
$color_blue: #062CE1;
$color_bgdark: #424242;
html { html {
box-sizing: border-box; box-sizing: border-box;
} }
@ -16,6 +20,19 @@ body {
line-height: 1.5em; line-height: 1.5em;
margin: 0; margin: 0;
margin-bottom: $footer_height + $footer_margin + $footer_paddingtop + $footer_paddingbtn; margin-bottom: $footer_height + $footer_margin + $footer_paddingtop + $footer_paddingbtn;
background-color: #fff;
color: #1f1f1f;
@media (prefers-color-scheme: dark) {
background-color: #1f1f1f;
color: #fafafa;
}
}
a {
color: $color_blue;
@media (prefers-color-scheme: dark) {
color: lighten($color_blue, 30%);
}
} }
.container { .container {
max-width: $body_maxwidth; max-width: $body_maxwidth;
@ -27,6 +44,9 @@ body {
margin-right: 8px; margin-right: 8px;
} }
} }
.small {
font-size: 0.8em;
}
html { html {
box-sizing: border-box; box-sizing: border-box;
@ -51,6 +71,10 @@ h1 {
padding: 15px 0; padding: 15px 0;
font-size: 2.2em; font-size: 2.2em;
} }
a {
text-decoration: none;
}
} }
@ -66,8 +90,6 @@ footer {
margin-top: $footer_margin; margin-top: $footer_margin;
padding-top: $footer_paddingtop; padding-top: $footer_paddingtop;
padding-bottom: $footer_paddingbtn; padding-bottom: $footer_paddingbtn;
background-color: #bebebe;
color: #000;
} }
footer .container { footer .container {

View file

@ -1,3 +1,3 @@
html {box-sizing:border-box}*{box-sizing:inherit}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5em;margin:0;margin-bottom:100px}.container{max-width:650px;margin-left:auto;margin-right:auto}@media all and (max-width: 666px){.container{margin-left:8px;margin-right:8px}}html {box-sizing:border-box;position:relative;min-height:100%}h1,h2,h3,h4{font-weight:300;line-height:1.2em}p,li{line-height:1.5em}h1{padding:30px 0;font-size:3em;text-align:center}@media all and (max-width: 450px){h1{padding:15px 0;font-size:2.2em}}main{margin-top:50px}footer{width:100%;height:55px;font-size:0.8rem;margin-top:20px;padding-top:15px;padding-bottom:10px;background-color:#bebebe;color:#000}footer .container{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between}@media all and (max-width: 450px){footer .container{flex-direction:column;text-align:center}}html{position:relative;min-height:100%}footer{position:absolute;bottom:0} html {box-sizing:border-box}*{box-sizing:inherit}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5em;margin:0;margin-bottom:100px;background-color:#fff;color:#1f1f1f}@media (prefers-color-scheme: dark){body{background-color:#1f1f1f;color:#fafafa}}a{color:#062CE1}@media (prefers-color-scheme: dark){a{color:#8499fc}}.container{max-width:650px;margin-left:auto;margin-right:auto}@media all and (max-width: 666px){.container{margin-left:8px;margin-right:8px}}.small{font-size:0.8em}html {box-sizing:border-box;position:relative;min-height:100%}h1,h2,h3,h4{font-weight:300;line-height:1.2em}p,li{line-height:1.5em}h1{padding:30px 0;font-size:3em;text-align:center}@media all and (max-width: 450px){h1{padding:15px 0;font-size:2.2em}}h1 a{text-decoration:none}main{margin-top:50px}footer{width:100%;height:55px;font-size:0.8rem;margin-top:20px;padding-top:15px;padding-bottom:10px}footer .container{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between}@media all and (max-width: 450px){footer .container{flex-direction:column;text-align:center}}html{position:relative;min-height:100%}footer{position:absolute;bottom:0}
/*# sourceMappingURL=style.css.map */ /*# sourceMappingURL=style.css.map */

View file

@ -4,6 +4,6 @@
"sources": [ "sources": [
"scss/style.scss" "scss/style.scss"
], ],
"mappings": "GAMA,AAAA,MAAM,AAAA,CACJ,UAAU,CAAE,UAAW,CACxB,AACD,AAAA,CAAC,AAAC,CACA,UAAU,CAAE,OAAQ,CACrB,AAED,AAAA,IAAI,AAAC,CACH,WAAW,CAAE,0KAA2K,CACxL,WAAW,CAAE,KAAM,CACnB,MAAM,CAAE,CAAE,CACV,aAAa,CAAE,KAAc,CAC9B,AACD,AAAA,UAAU,AAAC,CACT,SAAS,CAhBK,KAAK,CAiBnB,WAAW,CAAE,IAAK,CAClB,YAAY,CAAE,IAAK,CAMpB,AAJC,MAAM,CAAN,GAAG,MAAM,SAAS,EAAE,KAAK,EAL3B,AAAA,UAAU,AAAC,CAMP,WAAW,CAAE,GAAI,CACjB,YAAY,CAAE,GAAI,CAErB,CAED,AAAA,MAAM,AAAA,CACJ,UAAU,CAAE,UAAW,CACvB,QAAQ,CAAE,QAAS,CACnB,UAAU,CAAE,IAAK,CAClB,AAED,AAAA,EAAE,CAAE,AAAA,EAAE,CAAE,AAAA,EAAE,CAAE,AAAA,EAAE,AAAC,CACb,WAAW,CAAE,GAAI,CACjB,WAAW,CAAE,KAAM,CACpB,AACD,AAAA,CAAC,CAAE,AAAA,EAAE,AAAC,CACJ,WAAW,CAAE,KAAM,CACpB,AAED,AAAA,EAAE,AAAC,CACD,OAAO,CAAE,MAAO,CAChB,SAAS,CAAE,GAAI,CACf,UAAU,CAAE,MAAO,CAMpB,AAJC,MAAM,CAAN,GAAG,MAAM,SAAS,EAAE,KAAK,EAL3B,AAAA,EAAE,AAAC,CAMC,OAAO,CAAE,MAAO,CAChB,SAAS,CAAE,KAAM,CAEpB,CAGD,AAAA,IAAI,AAAC,CACH,UAAU,CAAE,IAAK,CAClB,AAED,AAAA,MAAM,AAAC,CACL,KAAK,CAAE,IAAK,CACZ,MAAM,CA9DQ,IAAI,CAgElB,SAAS,CAAE,MAAO,CAClB,UAAU,CAhEI,IAAI,CAiElB,WAAW,CAhEO,IAAI,CAiEtB,cAAc,CAhEI,IAAI,CAiEtB,gBAAgB,CAAE,OAAQ,CAC1B,KAAK,CAAE,IAAK,CACb,AAED,AAAO,MAAD,CAAC,UAAU,AAAC,CAChB,OAAO,CAAE,WAAY,CACrB,OAAO,CAAE,QAAS,CAClB,OAAO,CAAE,WAAY,CACrB,OAAO,CAAE,SAAU,CACnB,OAAO,CAAE,YAAa,CACtB,OAAO,CAAE,IAAK,CAEd,cAAc,CAAE,GAAI,CACpB,iBAAiB,CAAE,IAAK,CACxB,SAAS,CAAE,IAAK,CAChB,eAAe,CAAE,aAAc,CAMhC,AAJC,MAAM,CAAN,GAAG,MAAM,SAAS,EAAE,KAAK,EAb3B,AAAO,MAAD,CAAC,UAAU,AAAC,CAcd,cAAc,CAAE,MAAO,CACvB,UAAU,CAAE,MAAO,CAEtB,CAGD,AAAA,IAAI,AAAC,CACH,QAAQ,CAAE,QAAS,CACnB,UAAU,CAAE,IAAK,CAClB,AACD,AAAA,MAAM,AAAC,CACL,QAAQ,CAAE,QAAS,CACnB,MAAM,CAAE,CAAE,CACX", "mappings": "GAUA,AAAA,MAAM,AAAA,CACJ,UAAU,CAAE,UAAW,CACxB,AACD,AAAA,CAAC,AAAC,CACA,UAAU,CAAE,OAAQ,CACrB,AAED,AAAA,IAAI,AAAC,CACH,WAAW,CAAE,0KAA2K,CACxL,WAAW,CAAE,KAAM,CACnB,MAAM,CAAE,CAAE,CACV,aAAa,CAAE,KAAc,CAE7B,gBAAgB,CAAE,IAAK,CACvB,KAAK,CAAE,OAAQ,CAKhB,AAJC,MAAM,EAAL,oBAAoB,EAAE,IAAI,EAR7B,AAAA,IAAI,AAAC,CASD,gBAAgB,CAAE,OAAQ,CAC1B,KAAK,CAAE,OAAQ,CAElB,CACD,AAAA,CAAC,AAAC,CACA,KAAK,CAxBM,OAAO,CA4BnB,AAHC,MAAM,EAAL,oBAAoB,EAAE,IAAI,EAF7B,AAAA,CAAC,AAAC,CAGE,KAAK,CAAE,OAAO,CAEjB,CACD,AAAA,UAAU,AAAC,CACT,SAAS,CAjCK,KAAK,CAkCnB,WAAW,CAAE,IAAK,CAClB,YAAY,CAAE,IAAK,CAMpB,AAJC,MAAM,CAAN,GAAG,MAAM,SAAS,EAAE,KAAK,EAL3B,AAAA,UAAU,AAAC,CAMP,WAAW,CAAE,GAAI,CACjB,YAAY,CAAE,GAAI,CAErB,CACD,AAAA,MAAM,AAAC,CACL,SAAS,CAAE,KAAM,CAClB,AAED,AAAA,MAAM,AAAA,CACJ,UAAU,CAAE,UAAW,CACvB,QAAQ,CAAE,QAAS,CACnB,UAAU,CAAE,IAAK,CAClB,AAED,AAAA,EAAE,CAAE,AAAA,EAAE,CAAE,AAAA,EAAE,CAAE,AAAA,EAAE,AAAC,CACb,WAAW,CAAE,GAAI,CACjB,WAAW,CAAE,KAAM,CACpB,AACD,AAAA,CAAC,CAAE,AAAA,EAAE,AAAC,CACJ,WAAW,CAAE,KAAM,CACpB,AAED,AAAA,EAAE,AAAC,CACD,OAAO,CAAE,MAAO,CAChB,SAAS,CAAE,GAAI,CACf,UAAU,CAAE,MAAO,CAUpB,AARC,MAAM,CAAN,GAAG,MAAM,SAAS,EAAE,KAAK,EAL3B,AAAA,EAAE,AAAC,CAMC,OAAO,CAAE,MAAO,CAChB,SAAS,CAAE,KAAM,CAMpB,CAbD,AAUE,EAVA,CAUA,CAAC,AAAC,CACA,eAAe,CAAE,IAAK,CACvB,AAIH,AAAA,IAAI,AAAC,CACH,UAAU,CAAE,IAAK,CAClB,AAED,AAAA,MAAM,AAAC,CACL,KAAK,CAAE,IAAK,CACZ,MAAM,CAtFQ,IAAI,CAwFlB,SAAS,CAAE,MAAO,CAClB,UAAU,CAxFI,IAAI,CAyFlB,WAAW,CAxFO,IAAI,CAyFtB,cAAc,CAxFI,IAAI,CAyFvB,AAED,AAAO,MAAD,CAAC,UAAU,AAAC,CAChB,OAAO,CAAE,WAAY,CACrB,OAAO,CAAE,QAAS,CAClB,OAAO,CAAE,WAAY,CACrB,OAAO,CAAE,SAAU,CACnB,OAAO,CAAE,YAAa,CACtB,OAAO,CAAE,IAAK,CAEd,cAAc,CAAE,GAAI,CACpB,iBAAiB,CAAE,IAAK,CACxB,SAAS,CAAE,IAAK,CAChB,eAAe,CAAE,aAAc,CAMhC,AAJC,MAAM,CAAN,GAAG,MAAM,SAAS,EAAE,KAAK,EAb3B,AAAO,MAAD,CAAC,UAAU,AAAC,CAcd,cAAc,CAAE,MAAO,CACvB,UAAU,CAAE,MAAO,CAEtB,CAGD,AAAA,IAAI,AAAC,CACH,QAAQ,CAAE,QAAS,CACnB,UAAU,CAAE,IAAK,CAClB,AACD,AAAA,MAAM,AAAC,CACL,QAAQ,CAAE,QAAS,CACnB,MAAM,CAAE,CAAE,CACX",
"names": [] "names": []
} }