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.ScryShowResults {
23
    margin-bottom: 1rem
24
  }
25
26
  div.actions {
27
    display: flex
28
    justify-content: flex-end
29
  }
30
}
31
32
ScryShowResults {
33
  background: #fff
34
35
  overflow-x: auto
36
37
  display: grid
38
  grid-gap: 1px
39
  justify-content: start
40
  justify-items: stretch
41
  align-items: center
42
43
  div { padding: 5px }
44
45
  div.ScryShowTime {
46
    padding: 10px
47
  }
48
49
  div.about {
50
    font-size: 14px
51
    font-weight: 600
52
    padding: 0 8px 0 5px
53
54
    display: grid
55
    grid-template-columns: auto 1fr auto
56
    grid-gap: 7px
57
    align-content: center
58
    align-items: center
59
60
    a { height: 30px }
61
    (img) {
62
      height: 30px
63
      width: 30px
64
    }
65
66
    i {
67
      justify-self: flex-end
68
      cursor: pointer
69
    }
70
  }
71
72
  div.position {
73
    color: #fff
74
    font-size: 20px
75
    text-align: center
76
    -yes {
77
      background: hsla(172, 60%, 70%, 1)
78
    }
79
    -no {
80
      background: hsla(312, 60%, 70%, 1)
81
      align-self: stretch
82
    }
83
    -edit {
84
      text-align: initial
85
      justify-self: center
86
      color: hsla(312, 60%, 70%, 1)
87
      cursor: pointer
88
      width: 20px
89
    }
90
  }
91
}
92
93
ScryShowTime {
94
  display: grid
95
  justify-content: center
96
  justify-items: center
97
98
  div.month {
99
    color: hsla(0, 0%, 30%, 1)
100
    font-size: 16px
101
  }
102
  div.date {
103
    font-size: 26px
104
    font-weight: 600
105
  }
106
  div.day {
107
    color: hsla(0, 0%, 30%, 1)
108
    font-size: 12px
109
    font-weight: 600
110
    text-transform: uppercase
111
    letter-spacing: 1px
112
  }
113
  div.time {
114
    font-size: 16px
115
116
    margin-top: 1rem
117
  }
118
}
119