-
Notifications
You must be signed in to change notification settings - Fork 5.5k
/
_reveal.scss
35 lines (32 loc) · 1.45 KB
/
_reveal.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
35
/* CSS for jQuery Reveal Plugin
* Maintained for Foundation. foundation.zurb.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/
/* Reveal Modals ---------------------- */
.reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(#000, .45); z-index: 40; display: none; top: 0; #{$defaultFloat}: 0; }
.reveal-modal { background: #fff; visibility: hidden; display: none; top: 100px; #{$defaultFloat}: 50%; margin-#{$defaultFloat}: -260px; width: 520px; position: absolute; z-index: 41; padding: 30px; @include box-shadow(0 0 10px rgba(#000,.4));
.close-reveal-modal {
@include font-size(22);
line-height: .5;
position: absolute;
top: 8px;
#{$defaultOpposite}: 11px;
color: #aaa;
text-shadow: 0 -1px 1px rgba(0,0,0,.6);
font-weight: bold;
cursor: pointer;
}
&.small { width: 30%; margin-#{$defaultFloat}: -15%; }
&.medium { width: 40%; margin-#{$defaultFloat}: -20%; }
&.large { width: 60%; margin-#{$defaultFloat}: -30%; }
&.xlarge { width: 70%; margin-#{$defaultFloat}: -35%; }
&.expand { width: 90%; margin-#{$defaultFloat}: -45%; }
.row { min-width: 0; margin-bottom: 10px; }
> :first-child { margin-top: 0; }
> :last-child { margin-bottom: 0; }
}
@media print {
div:not(.reveal-modal) { display: none; }
.reveal-modal { border: solid 1px #000; background: #fff; }
}