Files
overleaf-cep/services/web/frontend/stylesheets/pages/content.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

61 lines
1.4 KiB
SCSS

/*
Styling for content pages
Including: about, blog, /for/__, legal, contact, portals, wiki, gallery, plans, and interstitial payment page
*/
// TODO: consolidate cms.scss and content.scss
.content-page {
&.content {
padding-top: $header-height; // remove extra padding added by .content. Keep .content selector to increase specificity
}
word-break: break-word;
.btn + .btn {
margin-left: var(--spacing-06);
}
/*
Links and Buttons
*/
// TODO: remove an use link style in more generic selector,
// which is likely .website-redesign to start
// a {
// color: @link-color-alt;
// &:hover {
// color: @link-hover-color-alt;
// }
// }
hr {
border-color: var(--neutral-30);
}
// TODO: only used on about page. Confirm with UX changes needed
// .container-small {
// section .section-row {
// /* match col-sm-8 */
// /* @grid-gutter-width is used for margins */
// max-width: (@screen-sm * (8/12)) - @grid-gutter-width;
// @media (min-width: @screen-md-min) {
// max-width: (@screen-md * (8/12)) - @grid-gutter-width;
// }
// @media (min-width: @screen-lg-min) {
// max-width: (@screen-lg * (8/12)) - @grid-gutter-width;
// }
// }
// }
/*
lists
*/
.list-without-style {
list-style: none;
margin: 0;
padding: 0;
}
}