make border radii more consistent

This commit is contained in:
rhiannon morris 2024-10-25 18:47:07 +02:00
parent 9ee9b17526
commit 4a39232603
5 changed files with 6 additions and 9 deletions

View file

@ -33,7 +33,6 @@
--border-col: var(--text-col); --border-col: var(--text-col);
--border: 3px solid var(--border-col); --border: 3px solid var(--border-col);
--border-radius: 1.5em;
--background: hsla(0, 0%, 0%, 60%); --background: hsla(0, 0%, 0%, 60%);
--button-bg: hsla(0deg, 0%, 0%, 20%); --button-bg: hsla(0deg, 0%, 0%, 20%);
@ -41,7 +40,7 @@
--button-border: 1px solid hsla(0deg, 0%, 0%, 40%); --button-border: 1px solid hsla(0deg, 0%, 0%, 40%);
--button-border-selected: 1px solid hsla(0deg, 0%, 100%, 30%); --button-border-selected: 1px solid hsla(0deg, 0%, 100%, 30%);
--button-pad: 0.15em 0.8em; --button-pad: 0.15em 0.8em;
--button-radius: 1000px; --button-radius: 1000em;
font-family: Muller; font-family: Muller;
font-weight: 600; font-weight: 600;

View file

@ -67,7 +67,7 @@
.filterlist label { .filterlist label {
cursor: pointer; cursor: pointer;
padding: 0.15em 0.4em; padding: 0.15em 0.4em;
border-radius: 1000px; border-radius: var(--button-radius);
border: 1px solid transparent; border: 1px solid transparent;
} }
@ -149,7 +149,7 @@
} }
#filterstuff li { #filterstuff li {
border-radius: 1em; border-radius: var(--button-radius);
} }
} }

View file

@ -9,7 +9,6 @@
.page { .page {
width: 37.5em; width: 37.5em;
border-radius: var(--border-radius);
} }
#title::before, #title::after { #title::before, #title::after {

View file

@ -24,7 +24,6 @@ dialog {
background: var(--background); background: var(--background);
border: var(--border); border: var(--border);
border-radius: var(--border-radius);
box-shadow: 0 0 50px #fff6; box-shadow: 0 0 50px #fff6;
} }
@ -60,7 +59,7 @@ dialog {
button { button {
border: none; border: none;
border-radius: 0.75em; border-radius: var(--button-radius);
padding: 0.5em 1em; padding: 0.5em 1em;
font-family: Muller; font-family: Muller;

View file

@ -62,8 +62,8 @@ body {
transform: rotate(-15deg); transform: rotate(-15deg);
background: hsl(330deg, 40%, 16%); background: hsl(330deg, 40%, 16%);
padding: 0.25em 0.5em; padding: 0.35em 1em;
border-radius: 0.5em; border-radius: var(--button-radius);
} }
#cw-text b { font-weight: 900; } #cw-text b { font-weight: 900; }
#cw-text::before { #cw-text::before {