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

gradients/7

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

43
style/main.css
View file

@ -26,6 +26,16 @@
--ruler-border: #444; --ruler-border: #444;
} }
} }
:root {
--alpha: rgba(0, 0, 0, 0);
--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));
}
#vcf { #vcf {
background-color: var(--qrcode-background); background-color: var(--qrcode-background);
@ -56,10 +66,7 @@ a {
text-underline-offset: .25em; text-underline-offset: .25em;
} }
a:hover { a:hover {
background: linear-gradient(to top, background: var(--anchor-gradient);
rgba(0, 0, 0, 0) 0%,
var(--anchor-background) 100%
);
color: var(--anchor-text); color: var(--anchor-text);
} }
@ -69,16 +76,10 @@ article.org, header {
} }
header { header {
padding-inline: .5em; padding-inline: .5em;
background: linear-gradient(to top, background: var(--header-gradient);
rgba(0, 0, 0, 0) 0%,
var(--header-background) 100%
);
} }
header.org { header.org {
background: linear-gradient(to top, background: var(--org-gradient);
rgba(0, 0, 0, 0) 0%,
var(--org-background) 100%
);
} }
article header { article header {
@ -106,19 +107,13 @@ h1, h2, h3 {
border-radius: .25em; border-radius: .25em;
} }
h2 { h2 {
background: linear-gradient(to top, background: var(--banner-gradient);
rgba(0, 0, 0, 0) 0%,
var(--banner-background) 100%
);
margin-block: .25em; margin-block: .25em;
padding-block: .5em; padding-block: .5em;
text-align: center; text-align: center;
} }
h3 { h3 {
background: linear-gradient(to top, background: var(--header-gradient);
rgba(0, 0, 0, 0) 0%,
var(--header-background) 100%
);
padding: .125em .25em; padding: .125em .25em;
} }
@ -147,8 +142,12 @@ img.photo {
border-radius: 1em; border-radius: 1em;
} }
li:nth-of-type(even) { background-color: var(--item-even); } li:nth-of-type(even) {
li:nth-of-type(odd) { background-color: var(--item-odd); } background: var(--item-even-gradient);
}
li:nth-of-type(odd) {
background: var(--item-odd-gradient);
}
table { table {
margin-inline: auto; margin-inline: auto;