patchbay/app/html/modal.mcss at 475cf8a2ef855c81c4e00c828ebd39ab88c3a5ad · ssbc/patchbay · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
Modal {
  position: fixed
  top: var(--app-border-width)
  bottom: var(--app-border-width)
  left: var(--app-border-width)
  right: var(--app-border-width)
  z-index: 90

  background: rgba(15, 0, 25, 0.78)

  display: grid
  justify-content: center
  align-content: center

  div.content {
    max-width: 90vw
    max-height: 90vh
    overflow: auto

    $backgroundPrimary
    box-shadow: rgba(0,0,0,.34) 2px 6px 10px
    margin: calc(var(--app-border-width) + 2.3rem) auto var(--app-border-width) auto
    /* 2.3rem is height of Hypertabs > nav */
    $dontSelect
  }

  -open {
    /* display: grid */
    visibility: visible
  }

  -closed {
    /* display: none */
    visibility: hidden
  }

  -dark {
    div.content {
      background: #000
    }
  }
}