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.name {
50
    font-size: 14px
51
    font-weight: 600
52
    padding-left: 10px
53
54
    display: flex
55
    justify-content: space-between
56
    align-items: center
57
58
    i {
59
      margin: 0 .5rem
60
      cursor: pointer
61
    }
62
  }
63
64
  div.position {
65
    color: #fff
66
    font-size: 20px
67
    text-align: center
68
    -yes {
69
      background: hsla(172, 60%, 70%, 1)
70
    }
71
    -no {
72
      background: hsla(312, 60%, 70%, 1)
73
      align-self: stretch
74
    }
75
    -edit {
76
      color: hsla(312, 60%, 70%, 1)
77
      font-wight: 600
78
      cursor: pointer
79
      align-self: stretch
80
    }
81
  }
82
}
83
84
ScryShowTime {
85
  display: grid
86
  justify-content: center
87
  justify-items: center
88
89
  div.month {
90
    color: hsla(0, 0%, 30%, 1)
91
    font-size: 16px
92
  }
93
  div.date {
94
    font-size: 26px
95
    font-weight: 600
96
  }
97
  div.day {
98
    color: hsla(0, 0%, 30%, 1)
99
    font-size: 12px
100
    font-weight: 600
101
    text-transform: uppercase
102
    letter-spacing: 1px
103
  }
104
  div.time {
105
    font-size: 16px
106
107
    margin-top: 1rem
108
  }
109
}
110