git ssb

1
ScryNewPickTimes {
2
  display: grid
3
  grid-template-columns: auto 350px 1fr
4
  grid-template-rows: auto auto
5
  grid-column-gap: 1rem
6
  grid-row-gap: 0
7
8
  div.ScryDayPicker {}
9
10
  div.time-picker {
11
    grid-row: 1 / 3
12
    grid-column: 2
13
14
    /* max-width: 350px */
15
    color: #fff
16
    background: hsla(0, 0%, 100%, .3)
17
    border-radius: var(--br)
18
19
    display: grid
20
    grid-template-rows: auto 1fr auto
21
    align-items: start
22
23
    label {
24
      font-size: .7rem
25
      letter-spacing: 1px
26
      font-weight: 600
27
      text-transform: uppercase
28
29
      margin: var(--boundary) var(--boundary) calc(var(--boundary) / 2) var(--boundary)
30
    }
31
32
    div.timezone {
33
      padding: var(--boundary)
34
      border-top: hsla(0, 0%, 100%, .5) 1px dashed
35
36
      label {}
37
38
      div.zone {
39
        margin-top: .3rem
40
41
        font-weight: 600
42
        display: flex
43
        align-items: center
44
45
        span {
46
          margin-left: .5rem
47
          font-weight: initial
48
          font-size: .8rem
49
        }
50
      }
51
    }
52
  }
53
54
  div.time-picker-pristine {
55
    grid-row: 1 / 3
56
    grid-column: 2
57
58
    color: #fff
59
    max-width: 350px
60
61
    display: grid
62
    grid-gap: .5rem
63
    justify-content: center
64
    justify-items: center
65
    align-content: center
66
67
    label {
68
      font-size: .8rem
69
      letter-spacing: 1px
70
      font-weight: 600
71
      text-transform: uppercase
72
    }
73
    div.instruction {
74
    }
75
  }
76
77
  div.actions {
78
    grid-row: 3 / 4
79
    grid-column: 1 / 3
80
    justify-self: stretch
81
82
    margin-top: 2rem
83
84
    display: flex
85
    justify-content: space-between
86
  }
87
}
88