Sha256: ae6c5b7f2797b8da1a1c59b8e238fb3606eb819467893e71cf70ca6887f76388
Contents?: true
Size: 2 KB
Versions: 15
Compression:
Stored size: 2 KB
Contents
//
// modal.scss
// Extended from Bootstrap
//
//
// Bootstrap Overrides =======================
//
.modal {
z-index: 1059;
}
.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;
&.w-100 {
max-width: 100vw !important;
}
&.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.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