make border radii more consistent
This commit is contained in:
parent
9ee9b17526
commit
4a39232603
5 changed files with 6 additions and 9 deletions
|
@ -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;
|
||||||
|
|
|
@ -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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue