dbushell.com
Attic is a cozy space with lofty ambitions.
attic.social
1.Avatar {
2 --size: 50px;
3 align-items: center;
4 display: grid;
5 column-gap: 10px;
6 grid-template-columns: var(--size) auto;
7
8 & img {
9 border: 2px solid rgb(var(--color-black));
10 block-size: var(--size);
11 inline-size: var(--size);
12 grid-column: 1;
13 grid-row: 1 / 5;
14 }
15
16 & p {
17 font-size: var(--font-size-3);
18 font-weight: 700;
19 grid-column: 2;
20 grid-row: 2;
21 line-height: var(--line-height-1);
22
23 & + & {
24 font-size: var(--font-size-2);
25 font-weight: 400;
26 grid-row: 3;
27 }
28 }
29}