mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-21 20:47:08 -05:00
d7a482966f
[web] Option on CMS pages to center text only on destkop or mobile devices GitOrigin-RevId: fd5006e4b46c53627cdc39cc41ea75f016411003
91 lines
1.1 KiB
SCSS
91 lines
1.1 KiB
SCSS
// Typography
|
|
|
|
body {
|
|
-webkit-font-smoothing: antialiased;
|
|
text-rendering: optimizeLegibility; /* stylelint-disable-line value-keyword-case */
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
// Headings
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
.h1,
|
|
.h2,
|
|
.h3,
|
|
.h4,
|
|
.h5,
|
|
.h6 {
|
|
// Apply margin above the heading only when it has a preceding sibling or is inside a row with a preceding sibling
|
|
* > * + &,
|
|
* + .row & {
|
|
margin-top: $spacing-08;
|
|
}
|
|
}
|
|
|
|
h1,
|
|
.h1 {
|
|
@include heading-xl;
|
|
}
|
|
|
|
h2,
|
|
.h2 {
|
|
@include heading-md;
|
|
}
|
|
|
|
h3,
|
|
.h3 {
|
|
@include heading-sm;
|
|
}
|
|
|
|
h4,
|
|
.h4 {
|
|
@include heading-xs;
|
|
}
|
|
|
|
h5,
|
|
.h5 {
|
|
@include body-base;
|
|
}
|
|
|
|
h6,
|
|
.h6 {
|
|
@include body-sm;
|
|
}
|
|
|
|
// Miscellaneous
|
|
.small {
|
|
@include body-sm;
|
|
}
|
|
|
|
// Peformatted text, sample output, code, keyboard input elements
|
|
// E.g.: Git authentication token
|
|
code,
|
|
kbd,
|
|
pre,
|
|
samp {
|
|
@include body-base;
|
|
}
|
|
|
|
.list-style-check-green {
|
|
list-style-image: url('../../../../public/img/fa-check-green.svg');
|
|
}
|
|
|
|
.text-center {
|
|
text-align: center;
|
|
}
|
|
|
|
@include media-breakpoint-up(lg) {
|
|
.text-center-only-desktop {
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
@include media-breakpoint-down(lg) {
|
|
.text-center-only-mobile {
|
|
text-align: center;
|
|
}
|
|
}
|