beninca.link/cv.marc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

gradients

Browse source
This commit is contained in:
Marc Beninca 2025-02-22 13:15:15 +01:00
parent 9befcc8576
commit e4bccf7a07
Signed by: marc.beninca
GPG key ID: 9C7613450C80C24F
1 changed files with 12 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
style/main.css
View file

@ -16,6 +16,18 @@
--org-background: #afa; --org-background: #afa;
--qrcode-background: ; --qrcode-background: ;
--ruler-border: #888; --ruler-border: #888;
/* gradients */
--alpha: rgba(0, 0, 0, 0);
--border-width: .1rem;
--border-off: var(--border-width) none var(--alpha);
--border-on: var(--border-width) solid var(--border-color);
--anchor-gradient: linear-gradient(to top, var(--alpha), var(--anchor-background));
--banner-gradient: linear-gradient(to top, var(--alpha), var(--banner-background));
--body-gradient: linear-gradient(to top, var(--alpha), var(--body-background));
--header-gradient: linear-gradient(to top, var(--alpha), var(--header-background));
--item-even-gradient: linear-gradient(to top, var(--alpha), var(--item-even));
--item-odd-gradient: linear-gradient(to top, var(--alpha), var(--item-odd));
--org-gradient: linear-gradient(to top, var(--alpha), var(--org-background));
} }
@media screen { @media screen {
[data-theme="dark"] { [data-theme="dark"] {
@ -34,19 +46,6 @@
--ruler-border: #444; --ruler-border: #444;
} }
} }
:root {
--alpha: rgba(0, 0, 0, 0);
--border-width: .1rem;
--border-off: var(--border-width) none var(--alpha);
--border-on: var(--border-width) solid var(--border-color);
--anchor-gradient: linear-gradient(to top, var(--alpha), var(--anchor-background));
--banner-gradient: linear-gradient(to top, var(--alpha), var(--banner-background));
--body-gradient: linear-gradient(to top, var(--alpha), var(--body-background));
--header-gradient: linear-gradient(to top, var(--alpha), var(--header-background));
--item-even-gradient: linear-gradient(to top, var(--alpha), var(--item-even));
--item-odd-gradient: linear-gradient(to top, var(--alpha), var(--item-odd));
--org-gradient: linear-gradient(to top, var(--alpha), var(--org-background));
}
#theme { #theme {
background-color: var(--button-background); background-color: var(--button-background);