yagich/pyrom
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

button v4

Browse Source
This commit is contained in:
Lera Elvoé
2026-05-30 00:10:50 +03:00
parent 4d2f87baf5
commit 07623b294e
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
data/static/css/style.css
View File

@@ -93,7 +93,7 @@ button, .linkbutton, input[type="submit"], input[type="file"]::file-selector-but
--active-color: hsl(from var(--main-color) h s calc(l * 0.8)); --active-color: hsl(from var(--main-color) h s calc(l * 0.8));
--disabled-color: hsl(from var(--main-color) h calc(s * 0.5) l); --disabled-color: hsl(from var(--main-color) h calc(s * 0.5) l);
--bottom-color: hsl(from var(--main-color) h s calc(l * 0.7)); --bottom-color: hsl(from var(--main-color) h s calc(l * 0.7));
--top-color: hsl(from var(--main-color) h s calc(l * 1.2)); --top-color: hsl(from var(--main-color) h s 95);
--top-color2: hsl(from var(--main-color) h s calc(l * 1.1)); --top-color2: hsl(from var(--main-color) h s calc(l * 1.1));
--inset-color: #fff7; --inset-color: #fff7;
/* position: relative; */ /* position: relative; */
@@ -102,7 +102,7 @@ button, .linkbutton, input[type="submit"], input[type="file"]::file-selector-but
margin: var(--base-padding) 0px; margin: var(--base-padding) 0px;
border-radius: var(--border-radius); border-radius: var(--border-radius);
border: solid var(--border-thickness) var(--border-color); border: solid var(--border-thickness) var(--border-color);
background: linear-gradient(var(--top-color) 0%, var(--top-color2) 25%, var(--main-color) 26%, var(--main-color) 50%, var(--bottom-color) 100%); background: linear-gradient(var(--top-color) 0%, var(--top-color2) 10%, var(--main-color) 12%, var(--main-color) 66%, var(--bottom-color) 100%);
/* box-shadow: inset 0px 2px 5px 3px var(--inset-color); */ /* box-shadow: inset 0px 2px 5px 3px var(--inset-color); */
/* color: var(--font-color); */ /* color: var(--font-color); */
/* HACK: better than contrast-color on critical */ /* HACK: better than contrast-color on critical */
@@ -141,7 +141,7 @@ button, .linkbutton, input[type="submit"], input[type="file"]::file-selector-but
} }
&:hover { &:hover {
background: linear-gradient(var(--top-color) 0%, var(--top-color2) 25%, var(--hover-color) 26%, var(--hover-color) 80%, var(--bottom-color) 100%); background: linear-gradient(var(--top-color) 0%, var(--top-color2) 10%, var(--hover-color) 12%, var(--hover-color) 80%, var(--bottom-color) 100%);
} }
&:is(:active, .active, [aria-selected='true']) { &:is(:active, .active, [aria-selected='true']) {