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

anchors
All checks were successful
/ job (push) Successful in 1m20s
Details

Browse source
This commit is contained in:
Marc Beninca 2025-02-25 00:14:43 +01:00
parent cf529c749e
commit 8106fffba7
Signed by: marc.beninca
GPG key ID: 9C7613450C80C24F
1 changed files with 7 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
in/style/main.css
View file

@ -11,7 +11,7 @@
/* theme */
color-scheme: light dark;
/* theme / gradients */
--anchor-gradient: linear-gradient(to top, var(--alpha), var(--anchor-background));
--anchor-gradient: linear-gradient(to top, var(--alpha), var(--anchor-background), var(--alpha));
--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));
@ -19,7 +19,7 @@
--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-background: #fbb;
--anchor-text: #f00;
--banner-background: #ccf;
--body-background: #fff;
@ -36,7 +36,7 @@
@media screen {
[data-theme="dark"] {
/* theme / dark */
--anchor-background: #222;
--anchor-background: #822;
--anchor-text: #f88;
--banner-background: #558;
--body-background: #000;
@ -83,7 +83,7 @@ article, h2, h3, table {
margin-block-start: var(--margin);
}
a:hover, h2, h3, header {
h2, h3, header {
border-bottom: var(--border-off);
border-left: var(--border-on);
border-right: var(--border-on);
@ -91,13 +91,14 @@ a:hover, h2, h3, header {
}
a {
background: var(--anchor-gradient);
color: inherit;
text-decoration: underline;
padding: 0 .25em;
text-decoration: none;
text-decoration-skip-ink: auto;
text-underline-offset: .2em;
}
a:hover {
background: var(--anchor-gradient);
color: var(--anchor-text);
}