git ssb

1
ScryShow {
2
  color: hsla(0, 0%, 20%, 1)
3
  font-family: sans-serif, sans, arial
4
  padding: 2rem
5
  background: hsla(0, 0%, 100%, 0.6)
6
7
  border-radius: 5px
8
9
  display: grid
10
  justify-content: start
11
12
  h1 {
13
    font-size: 1.2rem
14
    margin: 0
15
  }
16
17
  div.closes-at {
18
    color: hsla(0, 0%, 30%, 1)
19
    margin: 1rem 0
20
  }
21
22
  div.results {
23
    background: #fff
24
25
    overflow-x: auto
26
27
    display: grid
28
    grid-gap: 1px
29
    justify-content: start
30
    justify-items: stretch
31
    align-items: center
32
33
    div { padding: 5px }
34
35
    div.ScryShowTime {
36
      padding: 10px
37
    }
38
39
    div.name {
40
      font-size: 14px
41
      font-weight: 600
42
      padding-left: 10px
43
    }
44
45
    div.position {
46
      color: #fff
47
      font-size: 20px
48
      text-align: center
49
      -yes {
50
        background: hsla(172, 60%, 70%, 1)
51
      }
52
      -no {
53
        background: hsla(312, 60%, 70%, 1)
54
        align-self: stretch
55
      }
56
      -edit {
57
        color: hsla(312, 60%, 70%, 1)
58
        font-wight: 600
59
        cursor: pointer
60
        align-self: stretch
61
      }
62
    }
63
  }
64
}
65
66
ScryShowTime {
67
  display: grid
68
  justify-content: center
69
  justify-items: center
70
71
  div.month {
72
    color: hsla(0, 0%, 30%, 1)
73
    font-size: 16px
74
  }
75
  div.date {
76
    font-size: 26px
77
    font-weight: 600
78
  }
79
  div.day {
80
    color: hsla(0, 0%, 30%, 1)
81
    font-size: 12px
82
    font-weight: 600
83
    text-transform: uppercase
84
    letter-spacing: 1px
85
  }
86
  div.time {
87
    font-size: 16px
88
89
    margin-top: 1rem
90
  }
91
}
92