src/components/_modal.scss
// =====================================================
// Modal
// =====================================================
// "We style it because the built-in is suck"
$modal-prefix: "modal" !default;
$theme-modal-enable: false !default;
@if ($theme-modal-enable == true) {
.#{$modal-prefix} {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparentize($theme-color-text, .3);
text-align: center;
z-index: $theme-modal-z-index;
&__content {
display: inline-block;
width: $theme-modal-content-width;
margin-top: $theme-modal-content-margin-top;
}
&.is-hidden {
display: none;
}
}
}