/// @type Color
$reveal-overlay-background: rgba($black, 0.45) !default;
+
+// Placeholder selector for medium-and-up modals
+// Prevents duplicate CSS when defining multiple Reveal sizes
+@include breakpoint(medium) {
+ %reveal-centered {
+ right: auto;
+ left: auto;
+ margin: 0 auto;
+ }
+}
+
+
/// Adds styles for a modal overlay.
/// @param {Color} $background [$reveal-overlay-background] - Background color of the overlay.
@mixin reveal-overlay($background: $reveal-overlay-background) {
margin-left: auto;
overflow-y: auto;
- // Placeholder selector for medium-and-up modals
- // Prevents duplicate CSS when defining multiple Reveal sizes
- @include breakpoint(medium) {
- %reveal-centered {
- right: auto;
- left: auto;
- margin: 0 auto;
- }
- }
-
// Remove padding
&.collapse {
padding: 0;