2024-09-16 11:04:48 -04:00
|
|
|
// Typography
|
|
|
|
|
|
|
|
body {
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
text-rendering: optimizeLegibility; /* stylelint-disable-line value-keyword-case */
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
}
|
2024-04-19 06:46:32 -04:00
|
|
|
|
2024-05-08 07:46:04 -04:00
|
|
|
// Headings
|
2024-04-19 06:46:32 -04:00
|
|
|
h1,
|
|
|
|
h2,
|
|
|
|
h3,
|
|
|
|
h4,
|
|
|
|
h5,
|
|
|
|
h6,
|
|
|
|
.h1,
|
|
|
|
.h2,
|
|
|
|
.h3,
|
|
|
|
.h4,
|
|
|
|
.h5,
|
|
|
|
.h6 {
|
2024-05-08 07:46:04 -04:00
|
|
|
// Apply margin above the heading only when it has a preceding sibling or is inside a row with a preceding sibling
|
|
|
|
* > * + &,
|
|
|
|
* + .row & {
|
2024-04-19 06:46:32 -04:00
|
|
|
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;
|
|
|
|
}
|
2024-05-30 11:09:57 -04:00
|
|
|
|
|
|
|
// Peformatted text, sample output, code, keyboard input elements
|
|
|
|
// E.g.: Git authentication token
|
|
|
|
code,
|
|
|
|
kbd,
|
|
|
|
pre,
|
|
|
|
samp {
|
|
|
|
@include body-base;
|
|
|
|
}
|
2024-07-10 09:34:19 -04:00
|
|
|
|
|
|
|
.list-style-check-green {
|
|
|
|
list-style-image: url('../../../../public/img/fa-check-green.svg');
|
|
|
|
}
|
2024-09-19 09:39:50 -04:00
|
|
|
|
2024-10-11 05:22:38 -04:00
|
|
|
.text-muted {
|
|
|
|
color: var(--content-disabled) !important;
|
|
|
|
}
|
|
|
|
|
2024-09-19 09:39:50 -04:00
|
|
|
@include media-breakpoint-up(lg) {
|
|
|
|
.text-center-only-desktop {
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@include media-breakpoint-down(lg) {
|
|
|
|
.text-center-only-mobile {
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
}
|