]>
Commit | Line | Data |
---|---|---|
91e44d91 S |
1 | // |
2 | // Text | |
3 | // | |
4 | ||
5 | // Alignment | |
6 | ||
7 | .text-justify { text-align: justify !important; } | |
8 | .text-nowrap { white-space: nowrap !important; } | |
9 | .text-truncate { @include text-truncate; } | |
10 | ||
11 | // Responsive alignment | |
12 | ||
13 | @each $breakpoint in map-keys($grid-breakpoints) { | |
14 | @include media-breakpoint-up($breakpoint) { | |
15 | $infix: breakpoint-infix($breakpoint, $grid-breakpoints); | |
16 | ||
17 | .text#{$infix}-left { text-align: left !important; } | |
18 | .text#{$infix}-right { text-align: right !important; } | |
19 | .text#{$infix}-center { text-align: center !important; } | |
20 | } | |
21 | } | |
22 | ||
23 | // Transformation | |
24 | ||
25 | .text-lowercase { text-transform: lowercase !important; } | |
26 | .text-uppercase { text-transform: uppercase !important; } | |
27 | .text-capitalize { text-transform: capitalize !important; } | |
28 | ||
29 | // Weight and italics | |
30 | ||
31 | .font-weight-normal { font-weight: $font-weight-normal; } | |
32 | .font-weight-bold { font-weight: $font-weight-bold; } | |
33 | .font-italic { font-style: italic; } | |
34 | ||
35 | // Contextual colors | |
36 | ||
37 | .text-white { | |
38 | color: #fff !important; | |
39 | } | |
40 | ||
41 | @include text-emphasis-variant('.text-muted', $text-muted); | |
42 | ||
43 | @include text-emphasis-variant('.text-primary', $brand-primary); | |
44 | ||
45 | @include text-emphasis-variant('.text-success', $brand-success); | |
46 | ||
47 | @include text-emphasis-variant('.text-info', $brand-info); | |
48 | ||
49 | @include text-emphasis-variant('.text-warning', $brand-warning); | |
50 | ||
51 | @include text-emphasis-variant('.text-danger', $brand-danger); | |
52 | ||
53 | // Font color | |
54 | ||
55 | @include text-emphasis-variant('.text-gray-dark', $gray-dark); | |
56 | ||
57 | // Misc | |
58 | ||
59 | .text-hide { | |
60 | @include text-hide(); | |
61 | } |