298 lines
4.8 KiB
SCSS
298 lines
4.8 KiB
SCSS
html *{
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
body {
|
|
font-weight: $font-weight-normal;
|
|
line-height: $p-line-height;
|
|
}
|
|
|
|
h1, .h1 {
|
|
font-size: $h1-font-size;
|
|
line-height: $h1-line-height;
|
|
letter-spacing: $btn-letter-spacing;
|
|
|
|
@include media-breakpoint-down(sm) {
|
|
font-size: rfs-fluid-value($h1-font-size);
|
|
}
|
|
}
|
|
|
|
h2, .h2 {
|
|
font-size: $h2-font-size;
|
|
line-height: $h2-line-height;
|
|
letter-spacing: $letter-wider;
|
|
|
|
@include media-breakpoint-down(sm) {
|
|
font-size: rfs-fluid-value($h2-font-size);
|
|
}
|
|
}
|
|
|
|
h3, .h3 {
|
|
font-size: $h3-font-size;
|
|
line-height: $h3-line-height;
|
|
|
|
@include media-breakpoint-down(sm) {
|
|
font-size: rfs-fluid-value($h3-font-size);
|
|
}
|
|
}
|
|
|
|
h4, .h4 {
|
|
font-size: $h4-font-size;
|
|
line-height: $h4-line-height;
|
|
|
|
@include media-breakpoint-down(sm) {
|
|
font-size: rfs-fluid-value($h4-font-size);
|
|
}
|
|
}
|
|
|
|
h5, .h5 {
|
|
font-size: $h5-font-size;
|
|
line-height: $h5-line-height;
|
|
|
|
@include media-breakpoint-down(sm) {
|
|
font-size: rfs-fluid-value($h5-font-size);
|
|
}
|
|
}
|
|
|
|
h6, .h6 {
|
|
font-size: $h6-font-size;
|
|
line-height: $h6-line-height;
|
|
}
|
|
|
|
p, .p {
|
|
font-size: $font-size-base;
|
|
font-weight: $p-font-weight;
|
|
line-height: $p-line-height;
|
|
}
|
|
|
|
.lead {
|
|
font-size: $lead-font-size;
|
|
font-weight: $lead-font-weight;
|
|
line-height: $lead-line-height;
|
|
}
|
|
|
|
h1, .h1,
|
|
h2, .h2,
|
|
h3, .h3 {
|
|
font-weight: $font-weight-bolder;
|
|
}
|
|
|
|
h4, .h4,
|
|
h5, .h5,
|
|
h6, .h6 {
|
|
font-weight: $font-weight-bold;
|
|
}
|
|
|
|
h1, .h1,
|
|
h2, .h2,
|
|
h3, .h3,
|
|
h4, .h4 {
|
|
letter-spacing: $letter-tighter;
|
|
}
|
|
|
|
a {
|
|
letter-spacing: $a-letter-spacing;
|
|
color: $dark;
|
|
}
|
|
|
|
.text-sm {
|
|
line-height: $text-sm-line-height;
|
|
}
|
|
.text-xs {
|
|
line-height: $text-xs-line-height;
|
|
}
|
|
|
|
p, .p {
|
|
@include font-size($p-font-size);
|
|
}
|
|
.lead {
|
|
@include font-size($lead-font-size);
|
|
}
|
|
.text-lg {
|
|
@include font-size($font-size-lg !important);
|
|
}
|
|
.text-sm {
|
|
@include font-size($font-size-sm !important);
|
|
}
|
|
.text-xs {
|
|
@include font-size($font-size-xs !important);
|
|
}
|
|
.text-xxs {
|
|
@include font-size($font-size-xxs !important);
|
|
}
|
|
|
|
p {
|
|
line-height: 1.625;
|
|
font-weight: $font-weight-normal;
|
|
}
|
|
|
|
// stylelint-disable declaration-no-important
|
|
//
|
|
// Text
|
|
//
|
|
.text-sans-serif {
|
|
font-family: $font-family-sans-serif !important;
|
|
}
|
|
.text-monospace {
|
|
font-family: $font-family-monospace !important;
|
|
}
|
|
|
|
// Alignment
|
|
.text-justify {
|
|
text-align: justify !important;
|
|
}
|
|
|
|
.text-wrap {
|
|
white-space: normal !important;
|
|
}
|
|
|
|
.text-nowrap {
|
|
white-space: nowrap !important;
|
|
}
|
|
|
|
.text-truncate {
|
|
@include text-truncate();
|
|
}
|
|
|
|
// Weight and italics
|
|
.font-weight-light {
|
|
font-weight: $font-weight-light !important;
|
|
}
|
|
|
|
.font-weight-lighter {
|
|
font-weight: $font-weight-lighter !important;
|
|
}
|
|
|
|
.font-weight-normal {
|
|
font-weight: $font-weight-normal !important;
|
|
}
|
|
|
|
.font-weight-bold {
|
|
font-weight: $font-weight-bold !important;
|
|
}
|
|
|
|
.font-weight-bolder {
|
|
font-weight: $font-weight-bolder !important;
|
|
}
|
|
|
|
.font-italic {
|
|
font-style: italic !important;
|
|
}
|
|
// Contextual colors
|
|
|
|
.text-gradient {
|
|
background-clip: $text-gradient-bg-clip;
|
|
-webkit-background-clip: $text-gradient-bg-clip;
|
|
-webkit-text-fill-color: $text-gradient-text-fill;
|
|
position: $text-gradient-position;
|
|
z-index: $text-gradient-zindex;
|
|
|
|
&.text-primary {
|
|
background-image: $text-gradient-bg-primary;
|
|
}
|
|
&.text-info {
|
|
background-image: $text-gradient-bg-info;
|
|
}
|
|
&.text-success {
|
|
background-image: $text-gradient-bg-success;
|
|
}
|
|
&.text-warning {
|
|
background-image: $text-gradient-bg-warning;
|
|
}
|
|
&.text-danger {
|
|
background-image: $text-gradient-bg-danger;
|
|
}
|
|
&.text-dark {
|
|
background-image: $text-gradient-bg-dark;
|
|
}
|
|
}
|
|
|
|
.blockquote {
|
|
border-left: 3px solid $text-muted;
|
|
> span {
|
|
font-style: italic;
|
|
}
|
|
}
|
|
|
|
.text-muted {
|
|
color: $text-secondary !important;
|
|
}
|
|
|
|
.text-black-50 {
|
|
color: rgba($black, .5) !important;
|
|
}
|
|
|
|
.text-white-50 {
|
|
color: rgba($white, .5) !important;
|
|
}
|
|
|
|
.text-decoration-none {
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
.text-break {
|
|
word-wrap: break-word !important;
|
|
}
|
|
// Reset
|
|
.text-reset {
|
|
color: inherit !important;
|
|
}
|
|
|
|
// Letter Spacing
|
|
|
|
.letter-wider {
|
|
letter-spacing: $letter-wider;
|
|
}
|
|
.letter-normal {
|
|
letter-spacing: $letter-normal;
|
|
}
|
|
.letter-tighter {
|
|
letter-spacing: $letter-tighter;
|
|
}
|
|
|
|
// Font Weight
|
|
|
|
.text-lighter {
|
|
font-weight: $font-weight-lighter;
|
|
}
|
|
.text-light {
|
|
font-weight: $font-weight-light;
|
|
}
|
|
.text-normal {
|
|
font-weight: $font-weight-normal;
|
|
}
|
|
.text-bold {
|
|
font-weight: $font-weight-bold;
|
|
}
|
|
.text-bolder {
|
|
font-weight: $font-weight-bolder;
|
|
}
|
|
|
|
|
|
// Font Size
|
|
|
|
.text-2xl {
|
|
font-size: $font-size-2xl;
|
|
}
|
|
.text-3xl {
|
|
font-size: $font-size-3xl;
|
|
}
|
|
.text-4xl {
|
|
font-size: $font-size-4xl;
|
|
}
|
|
.text-5xl {
|
|
font-size: $font-size-5xl;
|
|
}
|
|
.text-6xl {
|
|
font-size: $font-size-6xl;
|
|
}
|
|
.text-7xl {
|
|
font-size: $font-size-7xl;
|
|
}
|
|
.text-8xl {
|
|
font-size: $font-size-8xl;
|
|
}
|
|
.text-9xl {
|
|
font-size: $font-size-9xl;
|
|
}
|