1 | // TODO(jelbourn): change from the `md` prefix to something else for everything in the toolkit.
|
2 |
|
3 | @import 'variables';
|
4 |
|
5 | /** The overlay-container is an invisible element which contains all individual overlays. */
|
6 | .md-overlay-container {
|
7 | position: absolute;
|
8 |
|
9 | // Disable events from being captured on the overlay container.
|
10 | pointer-events: none;
|
11 |
|
12 | // The container should be the size of the viewport.
|
13 | top: 0;
|
14 | left: 0;
|
15 | height: 100%;
|
16 | width: 100%;
|
17 | }
|
18 |
|
19 | /** A single overlay pane. */
|
20 | .md-overlay-pane {
|
21 | position: absolute;
|
22 | pointer-events: auto;
|
23 | box-sizing: border-box;
|
24 | z-index: $z-index-overlay;
|
25 | }
|