overleaf/services/web/frontend/stylesheets/bootstrap-5/components/modal.scss
Tim Down 34fc43d59a Merge pull request #19126 from overleaf/td-bs5-contact-modal-react
React version of Contact Us modal

GitOrigin-RevId: 0bef3095f36daa88afdc6172a5531ed11e892047
2024-08-14 08:04:37 +00:00

87 lines
1.4 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);
}