feat: Make stuff look good on as many browser versions as possible

Rejoice iPhone users, you'll have pretty CRT now as well!
This commit is contained in:
daudix
2024-01-23 09:47:59 +03:00
parent 5939a6681f
commit f8efb69e6c
7 changed files with 19 additions and 21 deletions

View File

@ -29,7 +29,7 @@ body {
font-family: InterVariable, sans-serif;
line-height: 1.6;
color: var(--fg-color);
background-color: var(--bg-color);
background: var(--bg-color);
// Put footer at the bottom for short pages, such as the 404
display: grid;
min-height: 100vh;
@ -38,7 +38,7 @@ body {
// Style text selection to use primary color
::selection {
color: var(--bg-color);
color: var(--fg-color);
background-color: var(--primary-color);
}
@ -183,7 +183,7 @@ kbd {
}
code:not(pre code) {
padding: 2px 6px;
padding: 0.125rem 0.375rem;
border-radius: var(--rounded-corner-small);
background-color: var(--fg-muted-2);
color: var(--red-fg);
@ -236,7 +236,7 @@ kbd {
display: inline-block;
font-size: 0.8rem;
line-height: normal;
padding: 2px 6px;
padding: 0.125rem 0.375rem;
transition: var(--transition);
// Small nice thingy, keys can be pressed!
&:active {
@ -247,7 +247,7 @@ kbd {
}
mark {
padding: 2px 6px;
padding: 0.125rem 0.375rem;
border-radius: var(--rounded-corner-small);
background-color: var(--primary-color-alpha);
color: var(--primary-color);