sloth.css/src/components/_state.css at e59456b62823463322be0cfc102b231161dae33d · devmount/sloth.css · 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
.state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;

  h1, h2, h3, h4, h5, h6 {
    color: var(--color-text-muted);
    margin: .5rem 0 0 0;
    text-align: center;
  }

  &.empty {
    background-color: var(--color-bg-muted);
    color: var(--color-text-muted);

    h1, h2, h3, h4, h5, h6 {
      color: var(--color-text-muted);
    }
  }
  &.highlighted {
    background-color: color-mix(in hsl, var(--color-accent) 70%, black);
    color: var(--color-text-dark);

    h1, h2, h3, h4, h5, h6 {
      color: var(--color-text-dark);
    }
  }
}