z-index: $reveal-zindex + 1;
padding: $reveal-padding;
border: $reveal-border;
- // margin: $reveal-offset auto 0;
background-color: $reveal-background;
border-radius: $reveal-radius;
-
- //chris's additions
overflow-y: auto;
max-height: 100vh;
- //
@include breakpoint(medium) {
min-height: 0;
}
@mixin foundation-reveal {
- // [TODO] Is this necessary?
// scss-lint:disable QualifyingElement
body.is-reveal-open {
overflow: hidden;
}
- /* this little snippet causes the intended scroll blocking on iOS Safari,
- which can still DIAF, because it breaks literally everything else */
- // html.is-reveal-open, body.is-reveal-open {
- // overflow: hidden;
- // position: relative;
- // height: 100%;
- // }
-
// Overlay
.reveal-overlay {
@include reveal-overlay;
position: absolute;
overflow-y: auto;
-
- // &.is-ios {
- // :last-child {
- // padding-bottom: 1em;
- // }
- // }
-
- /*** chris's addition ***/
@include breakpoint(small) {
width: 100vw;
}
- /************************/
+
// Placeholder selector for medium-and-up modals
// Prevents duplicate CSS when defining multiple Reveal sizes
@include breakpoint(medium) {