git ssb

1
MaramaDayTile {
2
  width: calc(2 * var(--tile-radius))
3
  height: calc(2 * var(--tile-radius))
4
  cursor: pointer
5
6
  border-radius: 2px
7
8
  display: flex
9
  justify-content: center
10
  align-items: center
11
12
  -past {
13
    background: hsl(0, 0%, 20%)
14
  }
15
16
  -future {
17
    background: hsl(0, 0%, 80%)
18
  }
19
20
  -range {
21
    background: deeppink
22
23
    -future {
24
      background: deepskyblue
25
    }
26
  }
27
28
  -events {
29
    div.dot {
30
      background: none
31
      width: calc(2 * var(--dot-radius) - 2 * var(--dot-border))
32
      height: calc(2 * var(--dot-radius) - 2 * var(--dot-border))
33
      border: var(--dot-border) solid #fff
34
      border-radius: calc(2 * var(--dot-radius))
35
    }
36
37
    -attending {
38
      div.dot {
39
        background: #fff
40
        width: calc(2 * var(--dot-radius))
41
        height: calc(2 * var(--dot-radius))
42
        border: none
43
      }
44
    }
45
  }
46
}
47