Sha256: 36a6a1cd6d360eada42034e74b5b99a18303572d86b71442719a66f881c2f877
Contents?: true
Size: 1.89 KB
Versions: 15
Compression:
Stored size: 1.89 KB
Contents
// modal.scss
// Extended from Bootstrap
//
//
// Bootstrap Overrides =======================
//
[class*='modal fade fixed-'] {
.modal-body {
position: relative;
flex: 1 1 auto;
padding: 2rem 1rem 1rem;
height: 120vh !important;
}
}
.modal-dialog {
// When fading in the modal, animate it to slide down
.modal.fade & {
transform: translate(0, -150px);
}
.modal.show & {
transform: translate(0, 0);
}
}
.modal-header .close {
margin: -1.5rem -1.5rem -1.5rem auto;
}
//
// Dashkit ===================================
//
// Modal dialog vertical
//
// Creates a vertically aligned version of the modal dialog
.modal-dialog-vertical {
height: 100%;
max-width: $modal-dialog-vertical-width;
margin: 0;
&.large {
max-width: $modal-dialog-vertical-width-md !important;
}
.modal-content {
height: inherit;
border-width: 0 $modal-content-border-width 0 0;
border-radius: 0;
border: 0px !important;
}
.modal-header {
border-radius: inherit;
}
.modal-body {
height: inherit;
overflow-y: auto;
}
&.xs {
max-width: $modal-dialog-vertical-width-xs;
}
&.modal-convertion {
max-width: 100%;
}
}
.modal.fade .modal-dialog-vertical {
transform: translateX(-100%);
}
.modal.show .modal-dialog-vertical {
transform: translateX(0);
}
// Positioning
.modal.fixed-right {
padding-right: 0 !important;
}
.modal.fixed-right .modal-dialog-vertical {
margin-left: auto;
}
.modal.fixed-right.fade .modal-dialog-vertical {
transform: translateX(100%);
}
.modal.fixed-right.show .modal-dialog-vertical {
transform: translateX(0);
}
// Modal card
.modal-card {
margin-bottom: 0;
.card-body {
max-height: $modal-card-body-max-height;
overflow-y: auto;
}
}
// Modal tabs
.modal-header-tabs {
margin-top: -$modal-header-padding-y;
margin-bottom: calc(-#{$modal-header-padding-y} - #{$border-width});
}
Version data entries
15 entries across 15 versions & 1 rubygems