UNPKG

1.57 kBCSSView Raw
1/*
2 * Remodal - v1.0.2
3 * Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
4 * http://vodkabears.github.io/remodal/
5 *
6 * Made by Ilya Makarov
7 * Under MIT License
8 */
9
10/* ==========================================================================
11 Remodal's necessary styles
12 ========================================================================== */
13
14/* Hide scroll bar */
15
16html.remodal-is-locked {
17 overflow: hidden;
18}
19
20/* Anti FOUC */
21
22.remodal,
23[data-remodal-id] {
24 display: none;
25}
26
27/* Necessary styles of the overlay */
28
29.remodal-overlay {
30 position: fixed;
31 z-index: 9999;
32 top: -5000px;
33 right: -5000px;
34 bottom: -5000px;
35 left: -5000px;
36
37 display: none;
38}
39
40/* Necessary styles of the wrapper */
41
42.remodal-wrapper {
43 position: fixed;
44 z-index: 10000;
45 top: 0;
46 right: 0;
47 bottom: 0;
48 left: 0;
49
50 display: none;
51 overflow: auto;
52
53 text-align: center;
54
55 -webkit-overflow-scrolling: touch;
56}
57
58.remodal-wrapper:after {
59 display: inline-block;
60
61 height: 100%;
62 margin-left: -0.05em;
63
64 content: "";
65}
66
67/* Fix iPad, iPhone glitches */
68
69.remodal-overlay,
70.remodal-wrapper {
71 -webkit-backface-visibility: hidden;
72 backface-visibility: hidden;
73}
74
75/* Necessary styles of the modal dialog */
76
77.remodal {
78 position: relative;
79
80 -webkit-text-size-adjust: 100%;
81 -moz-text-size-adjust: 100%;
82 -ms-text-size-adjust: 100%;
83 text-size-adjust: 100%;
84}
85
86.remodal-is-initialized {
87 /* Disable Anti-FOUC */
88 display: inline-block;
89}