git ssb

1
MaramaDayTile {
2
  width: calc(2 * var(--day-radius))
3
  height: calc(2 * var(--day-radius))
4
  cursor: pointer
5
6
  border-radius: var(--day-border-radius)
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
    /* border-radius: var(--day-radius) */
30
    /* background: hsla(277, 57%, 45%, 1) */
31
32
    div.dot {
33
      background: none
34
      width: 4px
35
      height: 4px
36
      border: 1px solid #fff
37
      border-radius: 8px
38
    }
39
40
    -past {
41
    }
42
43
    -attending {
44
      div.dot {
45
        background: #fff
46
        width: 6px
47
        height: 6px
48
        border: none
49
      }
50
    }
51
  }
52
}
53