overleaf/services/web/frontend/stylesheets/bootstrap-5/components/modal.scss
Tim Down c0d920f305 Merge pull request #18660 from overleaf/td-rd-bs5-contact-us-modal
Bootstrap 5 contact us modal

GitOrigin-RevId: a4607fab50152109fbe83bc29246b7b4a82539a1
2024-06-04 08:04:46 +00:00

93 lines
1.6 KiB
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;
}
}
}
// Git bridge modal
.git-bridge-copy {
background: var(--bg-light-secondary);
color: var(--content-primary);
padding: var(--spacing-05);
border-radius: var(--border-radius-base);
display: flex;
justify-content: center;
gap: var(--spacing-05);
align-items: center;
margin: var(--spacing-09) 0;
& code {
color: var(--content-primary);
word-break: break-word;
}
}
.git-bridge-optional-tokens {
border: 1px solid var(--border-primary);
border-radius: var(--border-radius-base);
padding: var(--spacing-07);
margin: var(--spacing-09) 0;
}
.git-bridge-optional-tokens-header {
font-size: 120%;
font-weight: bold;
margin-bottom: var(--spacing-05);
}
.git-bridge-optional-tokens-actions {
margin-top: var(--spacing-05);
}
// Contact us modal
.contact-us-modal-textarea {
height: 120px;
}
.modal-form-messages .notification {
margin-bottom: var(--spacing-05);
}