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');
|
|
|
|
}
|