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

↕

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

23
style/main.css
View file

@ -1,13 +1,23 @@
/* variables */
:root {
--alpha: rgba(0, 0, 0, 0);
/* border */
--border-width: .1rem;
--border-off: var(--border-width) none var(--alpha);
--border-on: var(--border-width) solid var(--border-color);
--border-width: .1rem;
/* margin */
--margin: .4rem;
/* theme */
color-scheme: light dark;
/* theme / gradients */
--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 / light */
--anchor-background: #bbb;
--anchor-text: #f00;
@ -22,17 +32,10 @@
--org-background: #afa;
--qrcode-background: ;
--ruler-border: #888;
/* theme / gradients */
--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 {
[data-theme="dark"] {
/* theme / dark */
--anchor-background: #222;
--anchor-text: #f88;
--banner-background: #558;
@ -49,6 +52,8 @@
}
}
/* main */
#theme {
background-color: var(--button-background);
}