move helper

src/scss/cdb-components/headers.scss

@@ -155,7 +155,7 @@
       </div>
     </div>
 
-    <p class="CDB-Text is-upper CDB-FontSize-small u-altTextColor u-bSpace--m">Histogram</p>
+    <p class="CDB-Text u-upperCase CDB-FontSize-small u-altTextColor u-bSpace--m">Histogram</p>
     <p class="CDB-Text CDB-Size-medium u-altTextColor">Distribution of a numeric variable in a range</p>
   </div>
 </div>

src/scss/cdb-components/typography.scss

@@ -9,7 +9,7 @@
 <p class="CDB-Text CDB-Size-huge is-light">Open Sans 26/34 Light</p>
 <p class="CDB-Text CDB-Size-large">Open Sans 16/22 Regular</p>
 <p class="CDB-Text is-semibold CDB-Size-medium">Open Sans 12/16 Semibold</p>
-<p class="CDB-Text is-semibold is-upper CDB-Size-medium">Open Sans 12/16 Semibold Uppercase</p>
+<p class="CDB-Text is-semibold u-upperCase CDB-Size-medium">Open Sans 12/16 Semibold Uppercase</p>
 <p class="CDB-Text CDB-Size-medium u-secondaryTextColor">Open Sans 12/16 Regular</p>
 <p class="CDB-Text CDB-Size-medium u-altTextColor">Open Sans 12/16 Regular</p>
 <p class="CDB-Text CDB-Size-medium u-hintTextColor">Open Sans 12/16 Regular</p>
@@ -30,9 +30,6 @@
   &.is-light {
     font-weight: $sFontWeight-lighter;
   }
-  &.is-upper {
-    text-transform: uppercase;
-  }
 }
 
 .CDB-Size-huge {

src/scss/cdb-utilities/helpers.scss

@@ -73,6 +73,11 @@
   display: none !important;
 }
 
+/* Decoration */
+.u-upperCase {
+  text-transform: uppercase;
+}
+
 /* Media queries*/
 @include media-query-mobile() {
   .u-showDesktop {