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