| 1 | /* This code is subject to LICENSE in root of this repository */
|
| 2 |
|
| 3 | /* Used to detect in JavaScript if apps have loaded styles or not. */
|
| 4 | :root {
|
| 5 | --reach-dialog: 1;
|
| 6 | }
|
| 7 |
|
| 8 | [data-reach-dialog-overlay] {
|
| 9 | background: hsla(0, 0%, 0%, 0.33);
|
| 10 | position: fixed;
|
| 11 | top: 0;
|
| 12 | right: 0;
|
| 13 | bottom: 0;
|
| 14 | left: 0;
|
| 15 | overflow: auto;
|
| 16 | }
|
| 17 |
|
| 18 | [data-reach-dialog-content] {
|
| 19 | width: 50vw;
|
| 20 | margin: 10vh auto;
|
| 21 | background: white;
|
| 22 | padding: 2rem;
|
| 23 | outline: none;
|
| 24 | }
|