git ssb

1
ScryNewInvoke {
2
  display: grid
3
  grid-template-columns: 1fr
4
  grid-template-rows: auto auto
5
  grid-column-gap: 1rem
6
  grid-row-gap: 0
7
8
  h1 {
9
    text-transform: uppercase
10
    font-size: .8rem
11
    letter-spacing: .1rem
12
    color: #fff
13
  }
14
15
  div.details {
16
    border-radius: var(--br)
17
  
18
    padding: var(--boundary)
19
    background: hsla(0, 100%, 100%, .5)
20
21
    min-height: 20vh
22
23
    display: grid
24
    grid-template-columns: auto 1fr
25
    grid-gap: 2rem
26
    justify-content: start
27
    align-content: start
28
    align-items: center
29
30
    label {
31
      color: #fff
32
      font-size: .9rem
33
      filter: drop-shadow(0 0 2px hsla(0,100%,0%,0.1))
34
      letter-spacing: 1px
35
      font-weight: 600
36
      text-transform: uppercase
37
    }
38
39
    div.closes-at {
40
      display: grid
41
      justify-content: start
42
      align-items: center
43
      grid-gap: .5rem
44
      grid-template-columns: 10rem 2rem 2rem
45
46
      font-size: 1.2rem
47
      font-family: monospace
48
49
      div.closes-at-helper {
50
        margin-left: .5rem
51
      }
52
53
      button {
54
        min-width: initial
55
      }
56
    }
57
58
    (input) {
59
      background: #fff
60
      padding: .5rem
61
      border: none
62
      outline: none
63
    }
64
  }
65
66
  div.actions {
67
    justify-self: end
68
    margin-top: 2rem
69
  }
70
}
71