dbushell.com
Attic is a cozy space with lofty ambitions.
attic.social
1:is(h1, h2, h3) {
2 font-family: var(--font-family-1);
3 font-size: var(--font-size-4);
4 font-weight: 700;
5 line-height: 1.2;
6}
7
8h1 {
9 font-size: var(--font-size-5);
10}
11
12p:has(small:read-only) {
13 font-size: var(--font-size-2);
14}
15
16a:where([href]:not([class])) {
17 --anchor-underline-color: rgb(from currentColor r g b / 0.6);
18 --anchor-underline-offset: 0.2em;
19 --anchor-underline-thickness: 2px;
20 color: rgb(var(--color-yellow));
21 text-decoration: underline;
22 text-decoration-color: var(--anchor-underline-color);
23 text-decoration-thickness: var(--anchor-underline-thickness);
24 text-decoration-skip-ink: none;
25 text-underline-offset: var(--anchor-underline-offset);
26
27 &:hover {
28 --anchor-underline-color: rgb(from currentColor r g b / 0.1);
29 color: rgb(var(--color-light-yellow));
30 }
31}
32
33:is(b, strong) {
34 font-weight: 700;
35}
36
37:is(i, em) {
38 font-style: italic;
39}