65 lines
1.8 KiB
SCSS
65 lines
1.8 KiB
SCSS
// stylelint-disable declaration-no-important
|
|
|
|
//
|
|
// Text
|
|
//
|
|
|
|
.text-monospace { font-family: var(--mdl-typography-monospace-font) !important; }
|
|
|
|
// Alignment
|
|
|
|
.text-justify { text-align: justify !important; }
|
|
.text-wrap { white-space: normal !important; }
|
|
.text-nowrap { white-space: nowrap !important; }
|
|
.text-truncate { @include global.ellipsis(); }
|
|
|
|
// Responsive alignment
|
|
|
|
.text-left { text-align: left !important; }
|
|
.text-right { text-align: right !important; }
|
|
.text-center { text-align: center !important; }
|
|
|
|
// Transformation
|
|
|
|
.text-lowercase { text-transform: lowercase !important; }
|
|
.text-uppercase { text-transform: uppercase !important; }
|
|
.text-capitalize { text-transform: capitalize !important; }
|
|
|
|
// Weight and italics
|
|
|
|
.font-weight-light { font-weight: 300 !important; }
|
|
.font-weight-lighter { font-weight: lighter !important; }
|
|
.font-weight-normal { font-weight: 400 !important; }
|
|
.font-weight-bold { font-weight: 700 !important; }
|
|
.font-weight-bolder { font-weight: bolder !important; }
|
|
.font-italic { font-style: italic !important; }
|
|
|
|
// Contextual colors
|
|
|
|
.text-white { color: var(--white) !important; }
|
|
|
|
@each $color-name, $unused in global.$colors {
|
|
.text-#{$color-name} {
|
|
color: var(--#{$color-name});
|
|
}
|
|
}
|
|
|
|
.text-body { color: var(--ion-text-color) !important; }
|
|
.text-muted { color: var(--subdued-text-color) !important; }
|
|
|
|
.text-black-50 { color: rgb(0 0 0 / 50%) !important; }
|
|
.text-white-50 { color: rgb(255 255 255 / 50%) !important; }
|
|
|
|
// Misc
|
|
|
|
.text-decoration-none { text-decoration: none !important; }
|
|
|
|
.text-break {
|
|
word-break: break-word !important; // Deprecated, but avoids issues with flex containers
|
|
word-wrap: break-word !important; // Used instead of `overflow-wrap` for IE & Edge Legacy
|
|
}
|
|
|
|
// Reset
|
|
|
|
.text-reset { color: inherit !important; }
|