text rules

src/scss/main.scss

@@ -20,3 +20,4 @@
 // Style rules
 @import 'spacers/rules';
 @import 'typography/rules';
+@import 'text/rules';

src/scss/text/_font-style.scss

@@ -0,0 +1,12 @@
+.italic {
+  font-style: italic;
+}
+.not-italic {
+  font-style: normal;
+}
+.\!italic {
+  font-style: italic !important;
+}
+.\!not-italic {
+  font-style: normal !important;
+}

src/scss/text/_font-weight.scss

@@ -0,0 +1,54 @@
+.font-thin {
+  font-weight: 100;
+}
+.font-extralight {
+  font-weight: 200;
+}
+.font-light {
+  font-weight: 300;
+}
+.font-normal {
+  font-weight: 400;
+}
+.font-medium {
+  font-weight: 500;
+}
+.font-semibold {
+  font-weight: 600;
+}
+.font-bold {
+  font-weight: 700;
+}
+.font-extrabold {
+  font-weight: 800;
+}
+.font-black {
+  font-weight: 900;
+}
+.\!font-thin {
+  font-weight: 100 !important;
+}
+.\!font-extralight {
+  font-weight: 200 !important;
+}
+.\!font-light {
+  font-weight: 300 !important;
+}
+.\!font-normal {
+  font-weight: 400 !important;
+}
+.\!font-medium {
+  font-weight: 500 !important;
+}
+.\!font-semibold {
+  font-weight: 600 !important;
+}
+.\!font-bold {
+  font-weight: 700 !important;
+}
+.\!font-extrabold {
+  font-weight: 800 !important;
+}
+.\!font-black {
+  font-weight: 900 !important;
+}

src/scss/text/_rules.scss

@@ -0,0 +1,7 @@
+@import 'font-style';
+@import 'font-weight';
+@import 'text-align';
+@import 'text-decoration';
+@import 'text-transform';
+@import 'white-space';
+@import 'word-break';

src/scss/text/_text-align.scss

@@ -0,0 +1,36 @@
+.text-left {
+  text-align: left;
+}
+.text-center {
+  text-align: center;
+}
+.text-right {
+  text-align: right;
+}
+.text-justify {
+  text-align: justify;
+}
+.text-start {
+  text-align: start;
+}
+.text-end {
+  text-align: end !important;
+}
+.\!text-left {
+  text-align: left !important;
+}
+.\!text-center {
+  text-align: center !important;
+}
+.\!text-right {
+  text-align: right !important;
+}
+.\!text-justify {
+  text-align: justify !important;
+}
+.\!text-start {
+  text-align: start !important;
+}
+.\!text-end {
+  text-align: end !important;
+}

src/scss/text/_text-decoration.scss

@@ -0,0 +1,24 @@
+.underline {
+  text-decoration-line: underline;
+}
+.overline {
+  text-decoration-line: overline;
+}
+.line-through {
+  text-decoration-line: line-through;
+}
+.no-underline {
+  text-decoration-line: none;
+}
+.\!underline {
+  text-decoration-line: underline !important;
+}
+.\!overline {
+  text-decoration-line: overline !important;
+}
+.\!line-through {
+  text-decoration-line: line-through !important;
+}
+.\!no-underline {
+  text-decoration-line: none !important;
+}

src/scss/text/_text-transform.scss

@@ -0,0 +1,12 @@
+.uppercase {
+  text-transform: uppercase;
+}
+.lowercase {
+  text-transform: lowercase;
+}
+.\!uppercase {
+  text-transform: uppercase !important;
+}
+.\!lowercase {
+  text-transform: lowercase !important;
+}

src/scss/text/_white-space.scss

@@ -0,0 +1,12 @@
+.whitespace-normal {
+  white-space: normal;
+}
+.whitespace-nowrap {
+  white-space: nowrap;
+}
+.\!whitespace-normal {
+  white-space: normal !important;
+}
+.\!whitespace-nowrap {
+  white-space: nowrap !important;
+}

src/scss/text/_word-break.scss

@@ -0,0 +1,14 @@
+.break-normal {
+  overflow-wrap: normal;
+  word-break: normal;
+}
+.break-words {
+  overflow-wrap: break-word;
+}
+.\!break-normal {
+  overflow-wrap: normal !important;
+  word-break: normal !important;
+}
+.\!break-words {
+  overflow-wrap: break-word !important;
+}