Sha256: ab3fc8464b9660aa5cdf6055aa8bb015d5c065923c2afbf419dfb28f3188145d
Contents?: true
Size: 1.42 KB
Versions: 5
Compression:
Stored size: 1.42 KB
Contents
/* 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: $white; 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 { .reveal-modal { border: solid 1px #000; background: rgba(255,255,255,1) !important; } }
Version data entries
5 entries across 5 versions & 1 rubygems