Merge pull request #743 from mrtrimble/rt/platform-ui#733/consistent-bem-syntax

Update color utilities to more consistent BEM syntax

Author: hougasian

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@ritterim/platform-ui",
-  "version": "1.3.13",
+  "version": "1.4.0",
   "description": "A CSS framework used by Ritter Insurance Marketing (RIM) for our platform of agent tools.",
   "homepage": "https://style.rimdev.io",
   "main": "gulpfile.js",

package.json

@@ -19,7 +19,7 @@
 //      <div class="flex flex--align-center">
 //        This is an accordion header.
 //      </div>
-//      <i class="pi-angle-down accordion__icon text-med-blue"></i>
+//      <i class="pi-angle-down accordion__icon text--med-blue"></i>
 //    </a>
 //    <div class="accordion__content px-3 py-3">
 //      <p>This is the accordion content.</p>
@@ -30,7 +30,7 @@
 //      <div class="flex flex--align-center">
 //        This is an accordion header.
 //      </div>
-//      <i class="pi-angle-down accordion__icon text-med-blue"></i>
+//      <i class="pi-angle-down accordion__icon text--med-blue"></i>
 //    </a>
 //    <div class="accordion__content px-3 py-3">
 //      <p>This is the accordion content.</p>
@@ -49,7 +49,7 @@
 //      <div class="flex flex--align-center">
 //        This is an accordion header.
 //      </div>
-//      <i class="pi-angle-down accordion__icon text-med-blue"></i>
+//      <i class="pi-angle-down accordion__icon text--med-blue"></i>
 //    </a>
 //    <div class="accordion__content px-3 py-3">
 //      <p>This is the accordion content.</p>
@@ -68,7 +68,7 @@
 //      <div class="flex flex--align-center">
 //        This is an accordion header.
 //      </div>
-//      <i class="pi-angle-down accordion__icon text-med-blue"></i>
+//      <i class="pi-angle-down accordion__icon text--med-blue"></i>
 //    </a>
 //   <div class="accordion__content">
 //     <div class="px-3 py-3">
@@ -79,7 +79,7 @@
 //         <div class="flex flex--align-center">
 //           This is a nested accordion header.
 //         </div>
-//         <i class="pi-angle-down accordion__icon text-med-blue"></i>
+//         <i class="pi-angle-down accordion__icon text--med-blue"></i>
 //       </a>
 //       <div class="accordion__content">
 //         <div class="px-3 py-3">