Sha256: 51c2427934317e5729558cd7f7bee83c61a62efc4a376ba2ce2dede2132c4a61
Contents?: true
Size: 1.3 KB
Versions: 3
Compression:
Stored size: 1.3 KB
Contents
.elements-modal {
width: 100%;
height: 100%;
background-color: rgba($color_black, 0.5);
z-index: 99;
position: fixed;
top: 0;
left: 0;
z-index: 100;
opacity: 0;
transform: scale(0);
transition: opacity 0.25s;
}
.elements-modal--active {
opacity: 1;
transform: scale(1);
}
.elements-modal__modal {
@include centerElement(xy);
width: 80%;
height: 80%;
background: $modal_color_background;
border-radius: 0;
box-shadow: 0px 11px 20px rgba(41,59,90,0.08);
overflow: hidden;
opacity: 0;
transform: translate(-50%, -60%);
transition: all 0.5s;
}
.elements-modal__modal--active {
opacity: 1;
transform: translate(-50%, -50%);
}
.elements-modal__close-button {
outline: 0;
border: none;
background: transparent;
color: $modal_color_title;
position: absolute;
right: 7px;
top: 5px;
font-size: 20px;
padding: 0;
}
.elements-modal__content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.elements-modal__header {
padding: 15px;
border-bottom: solid 2px $modal_color_header_border;
}
.elements-modal__title {
font-size: 1.5em;
color: $modal_color_title;
font-weight: bold;
}
.elements-modal__body {
padding: 15px;
overflow: scroll;
position: absolute;
top: 55px;
left: 0;
height: calc(100% - 55px);
width: 100%;
}
Version data entries
3 entries across 3 versions & 1 rubygems