web_src/css/modules/switch.css


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

.switch {
  display: grid;
  grid-auto-flow: column;
  height: fit-content;
  align-items: center;
  align-self: center;
  background: var(--color-menu);
  border: 1px solid var(--color-input-border);
  border-radius: var(--border-radius);
}

.switch .item {
  display: flex;
  align-items: center;
  padding: .5em 1.125em;
  color: var(--color-text);
  border-radius: var(--border-radius);
  text-wrap: nowrap;
}

.switch .active.item {
  background: var(--color-active);
  outline: 1px solid var(--color-input-border);
}

.switch .item svg {
  vertical-align: sub;
}

.switch button.item {
  background: transparent;
}