borders
This commit is contained in:
parent
a31d321b57
commit
9b8027df7b
1 changed files with 12 additions and 0 deletions
|
@ -4,6 +4,7 @@
|
|||
--banner-background: #ccf;
|
||||
--body-background: #fff;
|
||||
--body-text: #000;
|
||||
--border-color: #888;
|
||||
--header-background: #ccc;
|
||||
--item-even: #ddd;
|
||||
--item-odd: #eee;
|
||||
|
@ -18,6 +19,7 @@
|
|||
--banner-background: #558;
|
||||
--body-background: #000;
|
||||
--body-text: #aaa;
|
||||
--border-color: #888;
|
||||
--header-background: #444;
|
||||
--item-even: #222;
|
||||
--item-odd: #111;
|
||||
|
@ -28,6 +30,9 @@
|
|||
}
|
||||
:root {
|
||||
--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));
|
||||
--banner-gradient: linear-gradient(to top, var(--alpha), var(--banner-background));
|
||||
--body-gradient: linear-gradient(to top, var(--alpha), var(--body-background));
|
||||
|
@ -60,6 +65,13 @@ body {
|
|||
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 {
|
||||
color: inherit;
|
||||
text-decoration: underline;
|
||||
|
|
Loading…
Add table
Reference in a new issue