overleaf/services/web/public/stylesheets/app/content_page.less

85 lines
1.9 KiB
Text
Raw Normal View History

2018-09-20 18:30:50 -04:00
/*
Styling for content pages
Including: about, home, blog, /for/__, legal, contact, portals
*/
.content-page {
word-break: break-word;
2018-09-20 18:30:50 -04:00
a:not(.btn) {
color: @link-color-alt;
2018-09-27 12:37:14 -04:00
&:hover {
color: @link-hover-color-alt;
}
2018-09-20 18:30:50 -04:00
}
2018-09-24 16:59:44 -04:00
hr {
border-color: @hr-border-alt;
}
2018-09-24 17:12:13 -04:00
.quote-by {
min-width: 80px;
2018-09-24 17:12:13 -04:00
overflow: hidden;
}
.page-header {
margin-top: 0;
}
/*
section
*/
section {
padding: @line-height-computed (@grid-gutter-width / 2);
&.color-block {
&.green-dark {
background-color: @ol-dark-green;
}
&.green {
background-color: @ol-green;
}
&.blue-gray-dark {
background-color: @ol-blue-gray-5;
}
&.blue-gray-light {
background-color: @ol-blue-gray-1;
}
}
.section-row {
margin: 0 auto;
/* match .col-sm-10 */
/* @grid-gutter-width is used for margins */
max-width: (@screen-sm * (10/12)) - @grid-gutter-width;
@media (min-width: @screen-md-min) {
max-width: (@screen-md * (10/12)) - @grid-gutter-width;
}
@media (min-width: @screen-lg-min) {
max-width: (@screen-lg * (10/12)) - @grid-gutter-width;
}
}
}
.content-container > section:first-child {
/* header */
padding-bottom: 0;
padding-top: 0;
}
.content-container > section:nth-child(2) {
/* first content section */
padding-top: 0;
}
section.no-top-padding {
/* opt out of padding via the CMS */
padding-top: 0;
}
.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;
}
}
}
2018-09-20 18:30:50 -04:00
}