mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-29 18:43:42 -05:00
a066e96b92
[web] Updates for CMS pages using BS5 and new site design GitOrigin-RevId: 08b66d1bfb3062a229f16a44efe70527f6fa67a7
130 lines
2.8 KiB
SCSS
130 lines
2.8 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 {
|
|
word-break: break-word;
|
|
|
|
/*
|
|
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;
|
|
// }
|
|
// }
|
|
|
|
// TODO: confirm if needed
|
|
// correct color property set on <a> above:
|
|
// .reset-btns;
|
|
// .alert {
|
|
// .alert;
|
|
// }
|
|
// .alert-info {
|
|
// .btn-info {
|
|
// .btn-alert-info;
|
|
// }
|
|
// }
|
|
|
|
hr {
|
|
border-color: var(--neutral-30);
|
|
}
|
|
|
|
/*
|
|
section
|
|
*/
|
|
section {
|
|
padding: var(--spacing-16) var(--spacing-05) 0 var(--spacing-05);
|
|
|
|
// TODO: confirm if we will still support this and if so what colors to use
|
|
// &.color-block {
|
|
// &.green-dark {
|
|
// background-color: @ol-dark-green;
|
|
// }
|
|
// &.green {
|
|
// background-color: @ol-green;
|
|
|
|
// .no-card * {
|
|
// .btn-primary,
|
|
// .btn-success {
|
|
// // only correct button colors when green on green
|
|
// .btn-primary-on-primary-bg;
|
|
// }
|
|
// }
|
|
// }
|
|
// &.blue-gray-dark {
|
|
// background-color: @ol-blue-gray-5;
|
|
// }
|
|
// &.blue-gray-light {
|
|
// background-color: @ol-blue-gray-1;
|
|
// }
|
|
|
|
// &.green,
|
|
// &.green-dark,
|
|
// &.blue-gray-dark {
|
|
// .no-card * {
|
|
// &:not(.btn) {
|
|
// color: @white;
|
|
// }
|
|
// a {
|
|
// text-decoration: underline;
|
|
// }
|
|
// .btn {
|
|
// text-decoration: none;
|
|
// }
|
|
|
|
// .form-control {
|
|
// color: @input-color;
|
|
// }
|
|
// }
|
|
// }
|
|
// }
|
|
|
|
.section-row {
|
|
max-width: 1440px;
|
|
}
|
|
}
|
|
|
|
.content-container > section:first-child {
|
|
/* header */
|
|
padding-bottom: 0;
|
|
padding-top: 0;
|
|
}
|
|
|
|
section.no-top-padding {
|
|
/* opt out of padding via the CMS */
|
|
padding-top: 0;
|
|
}
|
|
|
|
// 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;
|
|
}
|
|
}
|