docs/.vuepress/components/colors/colors.scss


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

.color-tile-container {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    margin: 1rem 0;
  }

  .color-tile {
    display: block;
    height: 140px;

    &--border {
      border: 1px dashed #ccc;
    }
  }

  .color-tile-desc {
    margin: 0.5rem 0;
  }

  .color-tile-desc dt {
    display: inline;
    font-weight: bold;
  }

  .color-tile-desc dd {
    display: inline;
    margin: 0;
  }