expressjs.com/astro/src/components/primitives/Avatar/Avatar.css at 00cf88c3c33cd9162ba9acdd0d909a6a6bad2d97 · expressjs/expressjs.com · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
@layer primitives {
  .avatar__images {
    display: flex;
    align-items: center;
    flex-shrink: 0;
  }

  .avatar__image {
    border-radius: var(--radius-full);
    border: var(--border-width-2) solid var(--color-bg-primary);
    object-fit: cover;
    flex-shrink: 0;
  }

  .avatar__image + .avatar__image {
    margin-left: calc(-1 * var(--space-2));
  }

  .avatar--md .avatar__image {
    width: var(--size-8);
    height: var(--size-8);
  }

  .avatar--sm .avatar__image {
    width: var(--size-6);
    height: var(--size-6);
  }

  .avatar__content {
    display: flex;
    flex-direction: column;
  }
}