TnSb/contrast-hugo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

merge upstream

Browse Source
This commit is contained in:
Niklas Buschmann 2020-11-26 15:28:01 +01:00
parent 10e9f8e93a
commit 14607244ba
1 changed files with 17 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
static/css/index.css
View File

@ -13,7 +13,17 @@
} }
} }
html {
background: #393b47;
font-size: 16px;
font-size: calc(0.8rem + 0.3vw);
padding: 0 calc(38% - 18em);
}
@media (prefers-color-scheme: light) { @media (prefers-color-scheme: light) {
html {
background: #393b47;
}
body { body {
background: #ffffff; background: #ffffff;
color: #1c1d22; color: #1c1d22;
@ -21,23 +31,22 @@
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
html {
background: #23242b;
}
body { body {
background: #1c1d22; background: #1c1d22;
color: #ffffff; color: #ffffff;
} }
} }
html {
font-size: 16px;
font-size: calc(0.8rem + 0.3vw);
}
body { body {
font-family: "PT Sans", -apple-system, "Helvetica Neue", "Segoe UI", "Roboto", sans-serif; font-family: "PT Sans", -apple-system, "Helvetica Neue", "Segoe UI", "Roboto", sans-serif;
font-weight: 400; font-weight: 400;
line-height: 1.6; line-height: 1.6;
margin: 0; margin: 0;
min-height: 100vh; min-height: 100vh;
box-shadow: 0 0 0 1px #393b47;
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
@ -131,7 +140,7 @@ body > header {
align-items: center; align-items: center;
background: #1c1d22; background: #1c1d22;
color: #ffffff; color: #ffffff;
border-bottom: 1px solid rgba(255, 255, 255, 0.05); border-bottom: 1px solid #393b47;
} }
body > header > a { body > header > a {
@ -159,18 +168,8 @@ body > header, body > article, body > footer {
padding: 1.5em; padding: 1.5em;
} }
@media (min-width: 32em) { @media (min-width: 40em) {
body > header, body > article, body > footer { body > header, body > article, body > footer {
padding: 1.7em calc(38% - 12em); padding: 1.65em 12.5%;
}
}
@media (prefers-color-scheme: light) and (min-width: 44em) {
html {
background: #393b45;
padding: 0 calc(38% - 18em);
}
body > header, body > article, body > footer {
padding: 1.7em 12.5%;
} }
} }