overleaf/services/web/frontend/stylesheets/bootstrap-5/components/modal.scss
Rebeka Dekany 5af6acde2b Merge pull request #18390 from overleaf/rd-bs5-close-position
[web ] Fix the close button position of modal header

GitOrigin-RevId: 79c6cf272f69446cb5849421445f016ea6d53403
2024-05-27 10:22:08 +00:00

49 lines
698 B
SCSS

:root {
--bs-heading-color: var(--content-primary);
}
@include media-breakpoint-up(sm) {
.modal-dialog {
@include modal-md();
}
.modal-sm {
@include modal-sm();
}
}
@include media-breakpoint-up(md) {
.modal-md {
@include modal-md();
}
}
@include media-breakpoint-up(lg) {
.modal-lg {
@include modal-lg();
}
}
.modal-content {
@include shadow-lg();
border-radius: var(--border-radius-base);
.modal-header {
.modal-title {
@include heading-sm;
line-height: 35px;
}
.btn-close {
margin-right: 0;
}
}
.modal-footer {
padding: var(--spacing-06);
gap: var(--spacing-04);
> * {
margin: 0;
}
}
}