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