stopplidelsen/innhold
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix ordered list

Browse source
This commit is contained in:
Ruben 2025-10-05 22:28:11 +02:00
parent 4f4dfe8eed
commit 32c470d2d6
1 changed files with 9 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

18
custom/styles/base.css
View file

@ -18,7 +18,7 @@
/* GLOBAL */ /* GLOBAL */
html { font-family: var(--font-body); font-size: clamp(16px, 2.3vw, 20px); scroll-behavior: smooth; } html { font-family: var(--font-body); font-size: clamp(16px, 2.3vw, 20px); scroll-behavior: smooth; }
body { margin: 0; color: var(--color-grey) } body { margin: 0; color: var(--color-grey) }
p, ul { line-height: 1.5em; hyphens: auto } p, ul, ol { line-height: 1.5em; hyphens: auto }
img { max-width: 100%; height: auto; } img { max-width: 100%; height: auto; }
h1 { color: var(--color-green); font-size: 2.3rem } h1 { color: var(--color-green); font-size: 2.3rem }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
@ -115,8 +115,6 @@ main {
} }
} }
/* FOOTER */
/* BUTTONS */ /* BUTTONS */
.button { .button {
display: inline-block; display: inline-block;
@ -125,34 +123,34 @@ main {
padding: 0.35rem 1rem; padding: 0.35rem 1rem;
background-color: var(--color-grey); background-color: var(--color-grey);
color: white; color: white;
&:hover, &.active { &:hover, &.active {
background-color: var(--color-green); background-color: var(--color-green);
color: white; color: white;
} }
&:focus { &:focus {
outline: 0.1rem var(--color-green) solid; outline: 0.1rem var(--color-green) solid;
color: var(--color-grey); color: var(--color-grey);
background-color: white; background-color: white;
} }
&.inverted { &.inverted {
background-color: white; background-color: white;
color: var(--color-grey); color: var(--color-grey);
&:hover, &.active { &:hover, &.active {
background-color: var(--color-green-light); background-color: var(--color-green-light);
color: var(--color-green); color: var(--color-green);
} }
&:focus { &:focus {
outline: 0.1rem white solid; outline: 0.1rem white solid;
color: white; color: white;
background-color: var(--color-grey); background-color: var(--color-grey);
} }
} }
&.bigger { &.bigger {
font-size: 1.2em; font-size: 1.2em;
padding: calc(0.35rem * 1.2) calc(1rem * 1.2); padding: calc(0.35rem * 1.2) calc(1rem * 1.2);
@ -160,6 +158,8 @@ main {
} }
} }
/* FOOTER */
footer { footer {
color: var(--color-green-light); color: var(--color-green-light);
a { a {