mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-01 13:02:07 -05:00
d0df44b190
[web] Fix spacing between `.btn` on gallery pages GitOrigin-RevId: f3603ffb0a64b69fd3f12eae74639599aa5f8c9a
79 lines
1.7 KiB
SCSS
79 lines
1.7 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,
|
|
.card-link + .card-link {
|
|
margin-left: var(--spacing-06);
|
|
}
|
|
|
|
.card-links {
|
|
@include media-breakpoint-down(md) {
|
|
.btn {
|
|
width: 100%;
|
|
margin-left: 0;
|
|
margin-top: var(--spacing-05);
|
|
}
|
|
|
|
.btn:first-child {
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
/*
|
|
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);
|
|
}
|
|
|
|
.begin-now-card {
|
|
margin: var(--spacing-16) 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;
|
|
}
|
|
}
|