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

borders

Browse source
This commit is contained in:
Marc Beninca 2025-02-17 20:42:39 +01:00
parent a31d321b57
commit 9b8027df7b
Signed by: marc.beninca
GPG key ID: 9C7613450C80C24F
1 changed files with 12 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
style/main.css
View file

@ -4,6 +4,7 @@
--banner-background: #ccf; --banner-background: #ccf;
--body-background: #fff; --body-background: #fff;
--body-text: #000; --body-text: #000;
--border-color: #888;
--header-background: #ccc; --header-background: #ccc;
--item-even: #ddd; --item-even: #ddd;
--item-odd: #eee; --item-odd: #eee;
@ -18,6 +19,7 @@
--banner-background: #558; --banner-background: #558;
--body-background: #000; --body-background: #000;
--body-text: #aaa; --body-text: #aaa;
--border-color: #888;
--header-background: #444; --header-background: #444;
--item-even: #222; --item-even: #222;
--item-odd: #111; --item-odd: #111;
@ -28,6 +30,9 @@
} }
:root { :root {
--alpha: rgba(0, 0, 0, 0); --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)); --anchor-gradient: linear-gradient(to top, var(--alpha), var(--anchor-background));
--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));
@ -60,6 +65,13 @@ body {
max-inline-size: 108ch; max-inline-size: 108ch;
} }
a:hover, h2, h3, header {
border-bottom: var(--border-off);
border-left: var(--border-on);
border-right: var(--border-on);
border-top: var(--border-on);
}
a { a {
color: inherit; color: inherit;
text-decoration: underline; text-decoration: underline;