Files
overleaf-cep/services/web/frontend/stylesheets/base/layout.scss
Rebeka Dekany 3f11776ecd Remove LESS stylesheets and dependencies (#27409)
* Remove components, core and modules LESS stylesheets

* Remove variables LESS stylesheets

* Remove app LESS stylesheets

* Remove github-sync, onboarding LESS stylesheets

* Remove main-light and IEEE LESS stylesheets

* Remove Less loader configuration

* Remove bootstrap-3 entrypoint

* Rename bootstrap-5 entrypoint to bootstrap

* Remove bootstrap-5 CSS folder and move stylesheets

* Update CSS variables

* Restore and update github-sync.scss path

* Fix try-premium.scss path and fix undefined mixin error

* Restore entrypoints

* Simplify buildCssPath to always use main-style.css

* Remove less from prettier formatting scripts

* Remove less from addHook extension

* Source format

* Remove nvd3 file reference from prettierignore (equivalent of nvd3.scss)

* Remove less and less-loader

* Add SCSS files to pirates require hook

GitOrigin-RevId: bd83c79f4d6ef7305d75993959a4dc5e7714ef9c
2025-08-06 08:05:38 +00:00

98 lines
1.6 KiB
SCSS

html {
height: 100%;
}
// Prevent potential for layout shifts on a page with fixed 100% height. This
// can happen, for example, with the Grammarly extension in Firefox.
html.fixed-size-document {
position: fixed;
width: 100%;
}
body {
position: relative;
min-height: 100%;
}
.content {
min-height: 100vh;
padding-top: $header-height + $spacing-08;
padding-bottom: $spacing-08;
.thin-footer & {
min-height: calc(100vh - #{$thin-footer-height});
}
.container-top-padded {
padding-top: var(--spacing-16);
}
}
.content-alt {
background-color: $bg-light-secondary;
}
// Page header/separator
.page-separator,
.page-header {
padding-bottom: $spacing-05;
border-bottom: 1px solid $border-divider;
margin: 0;
// Apply margin above or below this header/separator only when it has a sibling
* > * + &,
* > & + * {
margin-top: $spacing-08;
}
}
// Horizontal rule. Override Bootstrap's 25% opacity, which we don't want
hr {
opacity: unset;
}
.horizontal-divider {
border-top: 1px solid var(--border-divider);
}
.hidden {
@extend .d-none;
}
.hidden-print {
@extend .d-print-none;
}
.row-spaced {
margin-top: var(--line-height-03);
}
.row-spaced-small {
margin-top: calc(var(--line-height-03) / 2);
}
.row-spaced-large {
margin-top: calc(var(--line-height-03) * 2);
}
.row-spaced-extra-large {
margin-top: calc(var(--line-height-03) * 4);
}
.inline-material-symbols .material-symbols {
vertical-align: middle;
}
.container-custom-sm {
max-width: 400px;
}
.full-height {
height: 100%;
}
.table-fixed {
table-layout: fixed;
word-wrap: break-word;
}