styles/main/_icon.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

.icon {
  text-decoration: none;
  display: inline-block;
  text-align: center;
  outline: none;
  width: 6em;
  height: 7em;

  img {
    width: 3em;
    margin: .5em;
  }

  p {
    margin-top: .25em;
    padding: .25em 0;
    transition: .2s background;
    border-radius: .5em;
  }

  &:focus p {
    background-color: var(--color-selected);
  }
}