diff options
Diffstat (limited to 'src/scss/components/_text.scss')
-rwxr-xr-x | src/scss/components/_text.scss | 102 |
1 files changed, 102 insertions, 0 deletions
diff --git a/src/scss/components/_text.scss b/src/scss/components/_text.scss new file mode 100755 index 0000000..1bc5919 --- /dev/null +++ b/src/scss/components/_text.scss @@ -0,0 +1,102 @@ +// Text alignment +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +// Text transformation +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +// Text size +.text-xsmall { + font-size: map-get($font-size, xsmall) !important; +} + +.text-small { + font-size: map-get($font-size, small) !important; +} + +.text-medium { + font-size: map-get($font-size, medium) !important; +} + +.text-base { + font-size: $font-size-base !important; +} + +.text-large { + font-size: map-get($font-size, large) !important; +} + +.text-xlarge { + font-size: map-get($font-size, xlarge) !important; +} + +// Text style +.text-strong { + font-weight: 700 !important; +} + +.text-regular { + font-weight: 400 !important; +} + +.text-light { + font-weight: 300 !important; +} + +.text-italic { + font-style: italic !important; +} + +.text-underline { + text-decoration: underline !important; +} + +.text-underline-hover { + &:hover { + text-decoration: underline !important; + } +} + +// Text coloration +.text-color-base { + color: map-get($colors, base) !important; +} + +.text-color-light { + color: map-get($colors, light) !important; +} + +.text-color-link { + color: map-get($colors, link) !important; +} + +.font-merryweather { + font-family: $merriweather-serif; +}
\ No newline at end of file |