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
  font-family: sans
13
14
  -past {
15
    background: hsl(0, 0%, 20%)
16
  }
17
18
  -future {
19
    background: hsl(0, 0%, 80%)
20
  }
21
22
  -range {
23
    background: deeppink
24
25
    -future {
26
      background: deepskyblue
27
    }
28
  }
29
30
  -events {
31
    div.dot {
32
      background: none
33
      width: calc(2 * var(--dot-radius) - 2 * var(--dot-border))
34
      height: calc(2 * var(--dot-radius) - 2 * var(--dot-border))
35
      border: var(--dot-border) solid #fff
36
      border-radius: calc(2 * var(--dot-radius))
37
    }
38
39
    -attending {
40
      div.dot {
41
        background: #fff
42
        width: calc(2 * var(--dot-radius))
43
        height: calc(2 * var(--dot-radius))
44
        border: none
45
      }
46
    }
47
  }
48
}
49