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
  div.participants {
93
    color: hsla(0, 0%, 50%, 1)
94
    font-weight: 600
95
  }
96
  div.count {
97
    color: hsla(0, 0%, 50%, 1)
98
    font-weight: 600
99
    text-align: center
100
  }
101
}
102
103
ScryShowTime {
104
  display: grid
105
  justify-content: center
106
  justify-items: center
107
108
  div.month {
109
    color: hsla(0, 0%, 30%, 1)
110
    font-size: 16px
111
  }
112
  div.date {
113
    font-size: 26px
114
    font-weight: 600
115
  }
116
  div.day {
117
    color: hsla(0, 0%, 30%, 1)
118
    font-size: 12px
119
    font-weight: 600
120
    text-transform: uppercase
121
    letter-spacing: 1px
122
  }
123
  div.time {
124
    font-size: 16px
125
126
    margin-top: 1rem
127
  }
128
}
129