git ssb

1
ScryDayPicker {
2
	background: #fff
3
	padding: var(--boundary) 3rem
4
	border-radius: var(--br)
5
6
	div.month-picker {
7
		color: #444
8
		font-family: sans
9
		font-size: 1.15rem
10
11
		display: flex
12
		justify-content: space-between
13
		align-items: center
14
15
		margin-bottom: 1rem
16
17
		button {
18
			color: var(--feature-color)
19
			font-size: .8rem
20
21
			background: none
22
			border: none
23
			cursor: pointer
24
			font-size: 1.5rem
25
      min-width: initial
26
27
			:focus { outline: none }
28
		}
29
	}
30
31
32
  div.Marama {
33
    grid-template-rows: repeat(7, var(--tile-width)) !important
34
35
    div.MaramaDayLabel {
36
      font-size: 1rem
37
    }
38
39
    div.MaramaDayTile {
40
      border-radius: 4rem
41
      border: 1px solid hsla(0, 0%, 100%, 0)
42
43
      -past {
44
        cursor: not-allowed
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
        --color: hsla(320, 100%, 60%, 1)
61
        /* deepskyblue */
62
63
        -events {
64
          border: 1px solid var(--color)
65
          color: var(--color)
66
67
          -attending {
68
            background: var(--color)
69
            color: #fff
70
          }
71
        }
72
      }
73
74
      -range {
75
        background: deeppink
76
77
        -future {
78
          background: deepskyblue
79
        }
80
      }
81
    }
82
  }
83
}
84
85
86