htmx/static/pico-1.5.11/docs/scss/components/_modal.scss


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

/**
 * Docs: Modal
 */

dialog.example {
  display: block;
  z-index: inherit;
  position: relative;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  align-items: inherit;
  justify-content: inherit;
  width: inherit;
  min-width: inherit;
  height: inherit;
  min-height: inherit;
  padding: 0;
  background-color:inherit;

  article {
    max-width: inherit;
  }

  &:not([open]),
  &[open=false] {
    display: none;
  }
}

.dialog-is-open body > button {
  filter: blur(0.125rem);
}