git ssb

1
div.page { 
2
  display: grid
3
  grid-template-columns: auto 1fr
4
  grid-gap: 2rem
5
6
  margin: 3rem
7
8
  div.picker {
9
    div.month-picker {
10
      font-family: sans
11
      display: flex
12
      justify-content: space-between
13
      align-items: center
14
15
      margin-bottom: 1rem
16
17
      button { 
18
        background: none
19
        border: none
20
        cursor: pointer
21
        font-size: 1.5rem
22
      }
23
    }
24
  }
25
26
  div.dates {
27
    div.date {
28
      background: rebeccapurple
29
      color: #fff
30
      font-family: sans
31
      font-weight: 600
32
33
      padding: .5rem
34
      margin-bottom: .5rem
35
    }
36
  }
37
}
38
39
MaramaDayTile {
40
  border-radius: 4rem
41
  border: 1px solid hsl(0, 0%, 100%)
42
43
  -past {
44
    cursor: initial
45
    background: none
46
    color: hsl(0, 0%, 60%)
47
48
    -events {
49
      border: 1px solid hsl(0, 0%, 40%)
50
51
      -attending {
52
        background: hsl(0, 0%, 40%)
53
        color: #fff
54
      }
55
    }
56
  }
57
58
  -future {
59
    background: none
60
61
    -events {
62
      border: 1px solid deepskyblue
63
      color: deepskyblue
64
65
      -attending {
66
        background: deepskyblue
67
        color: #fff
68
      }
69
    }
70
  }
71
72
  -range {
73
    background: deeppink
74
75
    -future {
76
      background: deepskyblue
77
    }
78
  }
79
}
80
81
MaramaDayLabel {
82
  font-size: 1rem
83
}
84