diff options
author | statta <statta@research.att.com> | 2019-08-16 12:14:10 -0400 |
---|---|---|
committer | statta <statta@research.att.com> | 2019-08-17 00:41:46 -0400 |
commit | 8429bcdf93e653061e972689774bbab3966742e2 (patch) | |
tree | c1487fd5b645f7e7f40300e1639a8c7aec21874f /ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/styles/bootstrap/utilities/_text.scss | |
parent | be21387983164a03a7b15361f4cc02917d9dd888 (diff) |
Migrating screens to Angular 7
Issue-ID: PORTAL-706
Change-Id: Ic3feb4019923040aafe6e9a97a60b41165be8b40
Signed-off-by: statta <statta@research.att.com>
Diffstat (limited to 'ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/styles/bootstrap/utilities/_text.scss')
-rw-r--r-- | ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/styles/bootstrap/utilities/_text.scss | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/styles/bootstrap/utilities/_text.scss b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/styles/bootstrap/utilities/_text.scss new file mode 100644 index 00000000..f4b6e65e --- /dev/null +++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/styles/bootstrap/utilities/_text.scss @@ -0,0 +1,52 @@ +// stylelint-disable declaration-no-important + +// +// Text +// + +// Alignment + +.text-justify { text-align: justify !important; } +.text-nowrap { white-space: nowrap !important; } +.text-truncate { @include text-truncate; } + +// Responsive alignment + +@each $breakpoint in map-keys($grid-breakpoints) { + @include media-breakpoint-up($breakpoint) { + $infix: breakpoint-infix($breakpoint, $grid-breakpoints); + + .text#{$infix}-left { text-align: left !important; } + .text#{$infix}-right { text-align: right !important; } + .text#{$infix}-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: $font-weight-light !important; } +.font-weight-normal { font-weight: $font-weight-normal !important; } +.font-weight-bold { font-weight: $font-weight-bold !important; } +.font-italic { font-style: italic !important; } + +// Contextual colors + +.text-white { color: #fff !important; } + +@each $color, $value in $theme-colors { + @include text-emphasis-variant(".text-#{$color}", $value); +} + +.text-muted { color: $text-muted !important; } + +// Misc + +.text-hide { + @include text-hide(); +} |