git ssb

1
CalendarPage {
2
  width: 100%
3
4
  display: grid
5
  justify-content: center
6
  align-content: start
7
  justify-items: center
8
9
  overflow-y: scroll
10
}
11
12
13
Calendar {
14
  font-family: 'input_mono_regular', monospace
15
  text-transform: capitalize
16
17
  padding: 0
18
  margin: 0
19
  margin-bottom: 4rem
20
21
  section {
22
    top: 50%
23
    margin: 0 auto
24
    user-select: none
25
    -webkit-user-select: none
26
    -ms-user-select: none
27
    -webkit-transform: translateY(-50%)
28
    -ms-transform: translateY(-50%)
29
    transform: translateY(-50%)
30
    text-align: center
31
  }
32
33
  div.header { 
34
    margin: 40px 0
35
    text-align: left
36
    align-content: flex-start
37
38
    div.year { 
39
      font-size: 40px
40
      font-weight: bold
41
42
      a {
43
        text-align: center
44
        color: #000
45
        width: 30px
46
        display: inline-block
47
        margin-left: 10px
48
49
        :hover {
50
          color: #ffffff
51
          background: #000
52
          cursor: pointer
53
          text-decoration: none
54
        }
55
      }
56
    }
57
58
    p.percentage {
59
      font-size: 20px
60
      color: #8b8b8b
61
    }
62
  }
63
64
  div.months {
65
    display: flex
66
67
    div.month {
68
      margin-right: 20px
69
70
      div.month-name {
71
        font-size: 20px
72
        font-weight: bold
73
        text-align: left
74
        cursor: pointer
75
        margin-bottom: 5px
76
      }
77
78
      div.Marama {
79
      }
80
    }
81
  }
82
83
  /* @media only screen and (min-width: 1440px) */
84
  /* { section { width: 1440px; }} */
85
86
  /* @media only screen and (max-width: 1440px) */
87
  /* { section { width: 720px; }} */
88
89
  /* @media only screen and (max-width: 720px) */
90
  /* { section { width: 360px; }} */
91
}
92
93
94
95
CalendarEvents {
96
  width: 50rem
97
  margin-right: 6rem
98
99
  div {
100
    width: 50rem
101
102
    div.Message {
103
      width: 50rem
104
      section.bottom { display: none }
105
    }
106
  }
107
}
108