he4et/elseifplayer
1
0
Fork 0
mirror of https://github.com/He4eT/elseifplayer.git synced 2026-05-04 17:07:22 +00:00
Code Issues Projects Releases Packages Wiki Activity

base.css: replace values with vars

Browse source
This commit is contained in:
He4eT 2023-06-05 01:01:24 +03:00 • committed by Alexey
commit ee752b91e2
1 changed files with 10 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/style/base.css
View file

@ -53,7 +53,7 @@ summary {
display: inline; display: inline;
cursor: pointer; cursor: pointer;
border-bottom: 2px solid currentColor; border-bottom: var(--separator-width) solid currentColor;
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;
} }
@ -66,8 +66,8 @@ summary:hover {
} }
*:focus-visible { *:focus-visible {
outline: 1px solid var(--main-color); outline: calc(0.5 * var(--separator-width)) solid var(--main-color);
outline-offset: 3px; outline-offset: calc(1px + var(--separator-width));
} }
*::selection { *::selection {
@ -82,7 +82,7 @@ ul {
hr { hr {
border: 0; border: 0;
height: 0; height: 0;
border-top: 2px solid var(--main-color); border-top: var(--separator-width) solid var(--main-color);
} }
/* */ /* */
@ -93,7 +93,7 @@ input::placeholder {
} }
button { button {
border: 2px solid var(--main-color); border: var(--separator-width) solid var(--main-color);
background-color: var(--bg-color); background-color: var(--bg-color);
color: var(--main-color); color: var(--main-color);
padding: var(--inner-padding) calc(4 * var(--inner-padding)); padding: var(--inner-padding) calc(4 * var(--inner-padding));
@ -106,19 +106,20 @@ input,
select { select {
box-sizing: border-box; box-sizing: border-box;
padding: 4px 8px; padding: calc(0.5 * var(--inner-padding)) var(--inner-padding);
color: var(--main-color); color: var(--main-color);
background-color: var(--bg-color); background-color: var(--bg-color);
border: 2px solid var(--main-color); border: var(--separator-width) solid var(--main-color);
font: inherit; font: inherit;
} }
select { select {
width: 250px;
cursor: pointer; cursor: pointer;
appearance: none; appearance: none;
-webkit-appearance: none; -webkit-appearance: none;
border-radius: 0; border-radius: 0;
width: 200px;
background-image: repeating-linear-gradient( background-image: repeating-linear-gradient(
315deg, 315deg,
var(--bg-color), var(--bg-color),
@ -149,6 +150,6 @@ input[type='file'] {
/* */ /* */
.status { .status {
padding: 8px; padding: var(--inner-padding);
word-break: break-word; word-break: break-word;
} }