Sha256: d54e96e17859dd2d391fb071db04bb655ade9e57b7b7e68c7093bdfe940b5930
Contents?: true
Size: 1.34 KB
Versions: 7
Compression:
Stored size: 1.34 KB
Contents
$modal-bg-color: $white !default;
$modal-max-width: 1200px !default;
$modal-content-padding: 20px !default;
$modal-border-radius: 5px !default;
$modal-border-color: $white !default;
$modal-border-width: 5px !default;
$modal-border-style: solid !default;
$modal-close-size: 30px !default;
$modal-close-color: $copy-color !default;
$modal-close-transform: rotate(45deg) !default;
.modal {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0,0,0,.3);
display: flex;
justify-content: center;
align-items: center;
z-index: 0;
opacity: 0;
transition: 500ms all;
&.modal-tall {
align-items: flex-start;
padding-top: 32px;
overflow: scroll;
}
&.active {
z-index: 9999;
opacity: 1;
}
.modal-content {
position: relative;
background: $modal-bg-color;
border-radius: $modal-border-radius;
padding: $modal-content-padding;
border-width: $modal-border-width;
border-style: $modal-border-style;
border-color: $modal-border-color;
max-width: $modal-max-width;
.modal-close {
position: absolute;
top: 0;
right: 15px;
color: $modal-close-color;
font-size: $modal-close-size;
cursor: pointer;
transition: all 300ms;
transform: $modal-close-transform;
&:hover { color: lighten($modal-close-color, 5%); }
}
}
}
Version data entries
7 entries across 7 versions & 1 rubygems