Sha256: d204183fd5e06f87bc07b2218d081e22ba2b22e53dbe19b16bb10a314d21bfac
Contents?: true
Size: 1.16 KB
Versions: 3
Compression:
Stored size: 1.16 KB
Contents
// Modals
.modal {
align-items: center;
bottom: 0;
display: none;
justify-content: center;
left: 0;
opacity: 0;
overflow: hidden;
padding: $layout-spacing;
position: fixed;
right: 0;
top: 0;
&:target,
&.active {
display: flex;
opacity: 1;
z-index: $zindex-4;
.modal-overlay {
background: rgba($bg-color, .75);
bottom: 0;
cursor: default;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.modal-container {
animation: slide-down .2s ease 1;
max-width: 640px;
z-index: $zindex-0;
}
}
&.modal-sm {
.modal-container {
max-width: $control-max-width;
}
}
}
.modal-container {
@include shadow-variant(.2rem);
background: $bg-color-light;
border-radius: $border-radius;
display: block;
padding: 0;
text-align: left;
.modal-header {
padding: $layout-spacing-lg;
.modal-title {
margin: 0;
}
}
.modal-body {
max-height: 50vh;
overflow-y: auto;
padding: $layout-spacing-lg;
position: relative;
}
.modal-footer {
padding: $layout-spacing-lg;
text-align: right;
}
}
Version data entries
3 entries across 3 versions & 1 rubygems