fix: use !important on CSS text utils

ghiscoding · Dec 11, 2023 · 7fdbeb6 · 7fdbeb6
1 parent 0895d89
commit 7fdbeb6
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/examples/vite-demo-vanilla-bundle/src/examples/icons.html b/examples/vite-demo-vanilla-bundle/src/examples/icons.html
@@ -51,6 +51,7 @@ <h5 class="title is-5 section-title">
   Text Utilities
 </h5>
 <div class="text-utilities section-container">
+  <div class="slick-col-medium-2 text-bold padding-2px">text-bold</div>
   <div class="slick-col-medium-2 text-center padding-2px">text-center</div>
   <div class="slick-col-medium-2 text-left padding-2px">text-left</div>
   <div class="slick-col-medium-2 text-right padding-2pxt">text-right</span></div>

diff --git a/packages/common/src/styles/extra-styling.scss b/packages/common/src/styles/extra-styling.scss
@@ -58,13 +58,14 @@ $slick-padding-max-count: 30;
 }
 
 /* Text and Alignment Utilities */
-.text-center { text-align: center; }
-.text-left   { text-align: left;   }
-.text-right  { text-align: right;  }
-.text-lowercase { text-transform: lowercase;  }
-.text-uppercase { text-transform: uppercase;  }
-.text-underline { text-decoration: underline; }
-.text-italic { font-style: italic; }
+.text-bold { font-weight: bold !important; }
+.text-italic { font-style: italic !important; }
+.text-center { text-align: center !important; }
+.text-left   { text-align: left !important; }
+.text-right  { text-align: right !important; }
+.text-lowercase { text-transform: lowercase !important; }
+.text-uppercase { text-transform: uppercase !important; }
+.text-underline { text-decoration: underline !important; }
 
 .vertical-align-bottom {
   display: inline-block;