@medyll/cssfabric 0.0.14 → 0.1.0

package/lib/styles/core/color/color.responsive.css

@@ -1,929 +1,4 @@
-@media only screen and (max-width: 0rem) {
-  /**
-  color ?
-   */
-  .color-palette-xxxl-yellow {
-    color: #ffb900;
-  }
-  .color-palette-xxxl-yellow-light {
-    color: #ffce4d;
-  }
-  .color-palette-xxxl-yellow-lighter {
-    color: #ffe399;
-  }
-  .color-palette-xxxl-yellow-dark {
-    color: #cc9400;
-  }
-  .color-palette-xxxl-yellow-darker {
-    color: #996f00;
-  }
-  .color-palette-xxxl-yellow-complement {
-    color: #0046ff;
-  }
-  .color-palette-xxxl-yellow-invert {
-    color: #0046ff;
-  }
-  .color-palette-xxxl-orange {
-    color: #d83b01;
-  }
-  .color-palette-xxxl-orange-light {
-    color: #fe6127;
-  }
-  .color-palette-xxxl-orange-lighter {
-    color: #fe9974;
-  }
-  .color-palette-xxxl-orange-dark {
-    color: #a52d01;
-  }
-  .color-palette-xxxl-orange-darker {
-    color: #721f01;
-  }
-  .color-palette-xxxl-orange-complement {
-    color: #019ed8;
-  }
-  .color-palette-xxxl-orange-invert {
-    color: #27c4fe;
-  }
-  .color-palette-xxxl-red {
-    color: #d13438;
-  }
-  .color-palette-xxxl-red-light {
-    color: #df7275;
-  }
-  .color-palette-xxxl-red-lighter {
-    color: #edb1b2;
-  }
-  .color-palette-xxxl-red-dark {
-    color: #ab272a;
-  }
-  .color-palette-xxxl-red-darker {
-    color: #821d20;
-  }
-  .color-palette-xxxl-red-complement {
-    color: #34d1cd;
-  }
-  .color-palette-xxxl-red-invert {
-    color: #2ecbc7;
-  }
-  .color-palette-xxxl-magenta {
-    color: #b4009e;
-  }
-  .color-palette-xxxl-magenta-light {
-    color: #ff02e0;
-  }
-  .color-palette-xxxl-magenta-lighter {
-    color: #ff4ee9;
-  }
-  .color-palette-xxxl-magenta-dark {
-    color: #810071;
-  }
-  .color-palette-xxxl-magenta-darker {
-    color: #4e0044;
-  }
-  .color-palette-xxxl-magenta-complement {
-    color: #00b416;
-  }
-  .color-palette-xxxl-magenta-invert {
-    color: #4bff61;
-  }
-  .color-palette-xxxl-purple {
-    color: #5c2d91;
-  }
-  .color-palette-xxxl-purple-light {
-    color: #8145c5;
-  }
-  .color-palette-xxxl-purple-lighter {
-    color: #a980d7;
-  }
-  .color-palette-xxxl-purple-dark {
-    color: #43216a;
-  }
-  .color-palette-xxxl-purple-darker {
-    color: #2b1543;
-  }
-  .color-palette-xxxl-purple-complement {
-    color: #62912d;
-  }
-  .color-palette-xxxl-purple-invert {
-    color: #a3d26e;
-  }
-  .color-palette-xxxl-green {
-    color: #107c10;
-  }
-  .color-palette-xxxl-green-light {
-    color: #19c019;
-  }
-  .color-palette-xxxl-green-lighter {
-    color: #3fe63f;
-  }
-  .color-palette-xxxl-green-dark {
-    color: #0a4f0a;
-  }
-  .color-palette-xxxl-green-darker {
-    color: #042204;
-  }
-  .color-palette-xxxl-green-complement {
-    color: #7c107c;
-  }
-  .color-palette-xxxl-green-invert {
-    color: #ef83ef;
-  }
-  .color-palette-xxxl-teal {
-    color: #008272;
-  }
-  .color-palette-xxxl-teal-light {
-    color: #00cfb5;
-  }
-  .color-palette-xxxl-teal-lighter {
-    color: #1cffe3;
-  }
-  .color-palette-xxxl-teal-dark {
-    color: #004f45;
-  }
-  .color-palette-xxxl-teal-darker {
-    color: #001c19;
-  }
-  .color-palette-xxxl-teal-complement {
-    color: #820010;
-  }
-  .color-palette-xxxl-teal-invert {
-    color: #ff7d8d;
-  }
-  .color-palette-xxxl-blue {
-    color: #0078d4;
-  }
-  .color-palette-xxxl-blue-light {
-    color: #229fff;
-  }
-  .color-palette-xxxl-blue-lighter {
-    color: #6ec0ff;
-  }
-  .color-palette-xxxl-blue-dark {
-    color: #005ba1;
-  }
-  .color-palette-xxxl-blue-darker {
-    color: #003e6e;
-  }
-  .color-palette-xxxl-blue-complement {
-    color: #d45c00;
-  }
-  .color-palette-xxxl-blue-invert {
-    color: #ff872b;
-  }
-  .color-palette-xxxl-dark {
-    color: #323232;
-  }
-  .color-palette-xxxl-dark-light {
-    color: #585858;
-  }
-  .color-palette-xxxl-dark-lighter {
-    color: #7f7f7f;
-  }
-  .color-palette-xxxl-dark-dark {
-    color: #191919;
-  }
-  .color-palette-xxxl-dark-darker {
-    color: black;
-  }
-  .color-palette-xxxl-dark-complement {
-    color: #323232;
-  }
-  .color-palette-xxxl-dark-invert {
-    color: #cdcdcd;
-  }
-
-  /**
-  color ?
-   */
-  .color-scheme-xxxl-discrete {
-    color: #ccc;
-  }
-  .color-scheme-xxxl-success {
-    color: green;
-  }
-  .color-scheme-xxxl-info {
-    color: #ffdd57;
-  }
-  .color-scheme-xxxl-warning {
-    color: #e6b905;
-  }
-  .color-scheme-xxxl-alert {
-    color: #ff7300;
-  }
-  .color-scheme-xxxl-error {
-    color: red;
-  }
-
-  /**
-  color ?
-   */
-  .color-gray-xxxl-100 {
-    color: #f4f4f4;
-  }
-  .color-gray-xxxl-200 {
-    color: #e9e9e9;
-  }
-  .color-gray-xxxl-300 {
-    color: #dddddd;
-  }
-  .color-gray-xxxl-400 {
-    color: #d2d2d2;
-  }
-  .color-gray-xxxl-500 {
-    color: #c7c7c7;
-  }
-  .color-gray-xxxl-600 {
-    color: #bbbbbb;
-  }
-  .color-gray-xxxl-700 {
-    color: #b0b0b0;
-  }
-  .color-gray-xxxl-800 {
-    color: #a4a4a4;
-  }
-  .color-gray-xxxl-900 {
-    color: #999999;
-  }
-
-  /**
-  bg ?
-   */
-  .bg-palette-xxxl-yellow {
-    background-color: #ffb900;
-  }
-  .bg-palette-xxxl-yellow-light {
-    background-color: #ffce4d;
-  }
-  .bg-palette-xxxl-yellow-lighter {
-    background-color: #ffe399;
-  }
-  .bg-palette-xxxl-yellow-dark {
-    background-color: #cc9400;
-  }
-  .bg-palette-xxxl-yellow-darker {
-    background-color: #996f00;
-  }
-  .bg-palette-xxxl-yellow-complement {
-    background-color: #0046ff;
-  }
-  .bg-palette-xxxl-yellow-invert {
-    background-color: #0046ff;
-  }
-  .bg-palette-xxxl-orange {
-    background-color: #d83b01;
-  }
-  .bg-palette-xxxl-orange-light {
-    background-color: #fe6127;
-  }
-  .bg-palette-xxxl-orange-lighter {
-    background-color: #fe9974;
-  }
-  .bg-palette-xxxl-orange-dark {
-    background-color: #a52d01;
-  }
-  .bg-palette-xxxl-orange-darker {
-    background-color: #721f01;
-  }
-  .bg-palette-xxxl-orange-complement {
-    background-color: #019ed8;
-  }
-  .bg-palette-xxxl-orange-invert {
-    background-color: #27c4fe;
-  }
-  .bg-palette-xxxl-red {
-    background-color: #d13438;
-  }
-  .bg-palette-xxxl-red-light {
-    background-color: #df7275;
-  }
-  .bg-palette-xxxl-red-lighter {
-    background-color: #edb1b2;
-  }
-  .bg-palette-xxxl-red-dark {
-    background-color: #ab272a;
-  }
-  .bg-palette-xxxl-red-darker {
-    background-color: #821d20;
-  }
-  .bg-palette-xxxl-red-complement {
-    background-color: #34d1cd;
-  }
-  .bg-palette-xxxl-red-invert {
-    background-color: #2ecbc7;
-  }
-  .bg-palette-xxxl-magenta {
-    background-color: #b4009e;
-  }
-  .bg-palette-xxxl-magenta-light {
-    background-color: #ff02e0;
-  }
-  .bg-palette-xxxl-magenta-lighter {
-    background-color: #ff4ee9;
-  }
-  .bg-palette-xxxl-magenta-dark {
-    background-color: #810071;
-  }
-  .bg-palette-xxxl-magenta-darker {
-    background-color: #4e0044;
-  }
-  .bg-palette-xxxl-magenta-complement {
-    background-color: #00b416;
-  }
-  .bg-palette-xxxl-magenta-invert {
-    background-color: #4bff61;
-  }
-  .bg-palette-xxxl-purple {
-    background-color: #5c2d91;
-  }
-  .bg-palette-xxxl-purple-light {
-    background-color: #8145c5;
-  }
-  .bg-palette-xxxl-purple-lighter {
-    background-color: #a980d7;
-  }
-  .bg-palette-xxxl-purple-dark {
-    background-color: #43216a;
-  }
-  .bg-palette-xxxl-purple-darker {
-    background-color: #2b1543;
-  }
-  .bg-palette-xxxl-purple-complement {
-    background-color: #62912d;
-  }
-  .bg-palette-xxxl-purple-invert {
-    background-color: #a3d26e;
-  }
-  .bg-palette-xxxl-green {
-    background-color: #107c10;
-  }
-  .bg-palette-xxxl-green-light {
-    background-color: #19c019;
-  }
-  .bg-palette-xxxl-green-lighter {
-    background-color: #3fe63f;
-  }
-  .bg-palette-xxxl-green-dark {
-    background-color: #0a4f0a;
-  }
-  .bg-palette-xxxl-green-darker {
-    background-color: #042204;
-  }
-  .bg-palette-xxxl-green-complement {
-    background-color: #7c107c;
-  }
-  .bg-palette-xxxl-green-invert {
-    background-color: #ef83ef;
-  }
-  .bg-palette-xxxl-teal {
-    background-color: #008272;
-  }
-  .bg-palette-xxxl-teal-light {
-    background-color: #00cfb5;
-  }
-  .bg-palette-xxxl-teal-lighter {
-    background-color: #1cffe3;
-  }
-  .bg-palette-xxxl-teal-dark {
-    background-color: #004f45;
-  }
-  .bg-palette-xxxl-teal-darker {
-    background-color: #001c19;
-  }
-  .bg-palette-xxxl-teal-complement {
-    background-color: #820010;
-  }
-  .bg-palette-xxxl-teal-invert {
-    background-color: #ff7d8d;
-  }
-  .bg-palette-xxxl-blue {
-    background-color: #0078d4;
-  }
-  .bg-palette-xxxl-blue-light {
-    background-color: #229fff;
-  }
-  .bg-palette-xxxl-blue-lighter {
-    background-color: #6ec0ff;
-  }
-  .bg-palette-xxxl-blue-dark {
-    background-color: #005ba1;
-  }
-  .bg-palette-xxxl-blue-darker {
-    background-color: #003e6e;
-  }
-  .bg-palette-xxxl-blue-complement {
-    background-color: #d45c00;
-  }
-  .bg-palette-xxxl-blue-invert {
-    background-color: #ff872b;
-  }
-  .bg-palette-xxxl-dark {
-    background-color: #323232;
-  }
-  .bg-palette-xxxl-dark-light {
-    background-color: #585858;
-  }
-  .bg-palette-xxxl-dark-lighter {
-    background-color: #7f7f7f;
-  }
-  .bg-palette-xxxl-dark-dark {
-    background-color: #191919;
-  }
-  .bg-palette-xxxl-dark-darker {
-    background-color: black;
-  }
-  .bg-palette-xxxl-dark-complement {
-    background-color: #323232;
-  }
-  .bg-palette-xxxl-dark-invert {
-    background-color: #cdcdcd;
-  }
-
-  /**
-  bg ?
-   */
-  .bg-scheme-xxxl-discrete {
-    background-color: #ccc;
-  }
-  .bg-scheme-xxxl-success {
-    background-color: green;
-  }
-  .bg-scheme-xxxl-info {
-    background-color: #ffdd57;
-  }
-  .bg-scheme-xxxl-warning {
-    background-color: #e6b905;
-  }
-  .bg-scheme-xxxl-alert {
-    background-color: #ff7300;
-  }
-  .bg-scheme-xxxl-error {
-    background-color: red;
-  }
-
-  /**
-  bg ?
-   */
-  .bg-gray-xxxl-100 {
-    background-color: #f4f4f4;
-  }
-  .bg-gray-xxxl-200 {
-    background-color: #e9e9e9;
-  }
-  .bg-gray-xxxl-300 {
-    background-color: #dddddd;
-  }
-  .bg-gray-xxxl-400 {
-    background-color: #d2d2d2;
-  }
-  .bg-gray-xxxl-500 {
-    background-color: #c7c7c7;
-  }
-  .bg-gray-xxxl-600 {
-    background-color: #bbbbbb;
-  }
-  .bg-gray-xxxl-700 {
-    background-color: #b0b0b0;
-  }
-  .bg-gray-xxxl-800 {
-    background-color: #a4a4a4;
-  }
-  .bg-gray-xxxl-900 {
-    background-color: #999999;
-  }
-
-  /**
-  bg-themed ?
-   */
-  .bg-themed-palette-xxxl-yellow {
-    color: black;
-    text-shadow: 0 0 0.125rem #cc9400;
-    background-color: #ffb900;
-  }
-  .bg-themed-palette-xxxl-yellow-light {
-    color: black;
-    background-color: #ffce4d;
-  }
-  .bg-themed-palette-xxxl-yellow-lighter {
-    color: black;
-    background-color: #ffe399;
-  }
-  .bg-themed-palette-xxxl-yellow-dark {
-    color: black;
-    background-color: #cc9400;
-  }
-  .bg-themed-palette-xxxl-yellow-darker {
-    color: white;
-    background-color: #996f00;
-  }
-  .bg-themed-palette-xxxl-yellow-complement {
-    color: white;
-    background-color: #0046ff;
-  }
-  .bg-themed-palette-xxxl-yellow-invert {
-    color: white;
-    background-color: #0046ff;
-  }
-  .bg-themed-palette-xxxl-orange {
-    color: white;
-    text-shadow: 0 0 0.125rem #a52d01;
-    background-color: #d83b01;
-  }
-  .bg-themed-palette-xxxl-orange-light {
-    color: black;
-    background-color: #fe6127;
-  }
-  .bg-themed-palette-xxxl-orange-lighter {
-    color: black;
-    background-color: #fe9974;
-  }
-  .bg-themed-palette-xxxl-orange-dark {
-    color: white;
-    background-color: #a52d01;
-  }
-  .bg-themed-palette-xxxl-orange-darker {
-    color: white;
-    background-color: #721f01;
-  }
-  .bg-themed-palette-xxxl-orange-complement {
-    color: white;
-    background-color: #019ed8;
-  }
-  .bg-themed-palette-xxxl-orange-invert {
-    color: black;
-    background-color: #27c4fe;
-  }
-  .bg-themed-palette-xxxl-red {
-    color: white;
-    text-shadow: 0 0 0.125rem #ab272a;
-    background-color: #d13438;
-  }
-  .bg-themed-palette-xxxl-red-light {
-    color: black;
-    background-color: #df7275;
-  }
-  .bg-themed-palette-xxxl-red-lighter {
-    color: black;
-    background-color: #edb1b2;
-  }
-  .bg-themed-palette-xxxl-red-dark {
-    color: white;
-    background-color: #ab272a;
-  }
-  .bg-themed-palette-xxxl-red-darker {
-    color: white;
-    background-color: #821d20;
-  }
-  .bg-themed-palette-xxxl-red-complement {
-    color: black;
-    background-color: #34d1cd;
-  }
-  .bg-themed-palette-xxxl-red-invert {
-    color: black;
-    background-color: #2ecbc7;
-  }
-  .bg-themed-palette-xxxl-magenta {
-    color: white;
-    text-shadow: 0 0 0.125rem #810071;
-    background-color: #b4009e;
-  }
-  .bg-themed-palette-xxxl-magenta-light {
-    color: white;
-    background-color: #ff02e0;
-  }
-  .bg-themed-palette-xxxl-magenta-lighter {
-    color: black;
-    background-color: #ff4ee9;
-  }
-  .bg-themed-palette-xxxl-magenta-dark {
-    color: white;
-    background-color: #810071;
-  }
-  .bg-themed-palette-xxxl-magenta-darker {
-    color: white;
-    background-color: #4e0044;
-  }
-  .bg-themed-palette-xxxl-magenta-complement {
-    color: white;
-    background-color: #00b416;
-  }
-  .bg-themed-palette-xxxl-magenta-invert {
-    color: black;
-    background-color: #4bff61;
-  }
-  .bg-themed-palette-xxxl-purple {
-    color: white;
-    text-shadow: 0 0 0.125rem #43216a;
-    background-color: #5c2d91;
-  }
-  .bg-themed-palette-xxxl-purple-light {
-    color: white;
-    background-color: #8145c5;
-  }
-  .bg-themed-palette-xxxl-purple-lighter {
-    color: black;
-    background-color: #a980d7;
-  }
-  .bg-themed-palette-xxxl-purple-dark {
-    color: white;
-    background-color: #43216a;
-  }
-  .bg-themed-palette-xxxl-purple-darker {
-    color: white;
-    background-color: #2b1543;
-  }
-  .bg-themed-palette-xxxl-purple-complement {
-    color: black;
-    background-color: #62912d;
-  }
-  .bg-themed-palette-xxxl-purple-invert {
-    color: black;
-    background-color: #a3d26e;
-  }
-  .bg-themed-palette-xxxl-green {
-    color: white;
-    text-shadow: 0 0 0.125rem #0a4f0a;
-    background-color: #107c10;
-  }
-  .bg-themed-palette-xxxl-green-light {
-    color: black;
-    background-color: #19c019;
-  }
-  .bg-themed-palette-xxxl-green-lighter {
-    color: black;
-    background-color: #3fe63f;
-  }
-  .bg-themed-palette-xxxl-green-dark {
-    color: white;
-    background-color: #0a4f0a;
-  }
-  .bg-themed-palette-xxxl-green-darker {
-    color: white;
-    background-color: #042204;
-  }
-  .bg-themed-palette-xxxl-green-complement {
-    color: white;
-    background-color: #7c107c;
-  }
-  .bg-themed-palette-xxxl-green-invert {
-    color: black;
-    background-color: #ef83ef;
-  }
-  .bg-themed-palette-xxxl-teal {
-    color: white;
-    text-shadow: 0 0 0.125rem #004f45;
-    background-color: #008272;
-  }
-  .bg-themed-palette-xxxl-teal-light {
-    color: black;
-    background-color: #00cfb5;
-  }
-  .bg-themed-palette-xxxl-teal-lighter {
-    color: black;
-    background-color: #1cffe3;
-  }
-  .bg-themed-palette-xxxl-teal-dark {
-    color: white;
-    background-color: #004f45;
-  }
-  .bg-themed-palette-xxxl-teal-darker {
-    color: white;
-    background-color: #001c19;
-  }
-  .bg-themed-palette-xxxl-teal-complement {
-    color: white;
-    background-color: #820010;
-  }
-  .bg-themed-palette-xxxl-teal-invert {
-    color: black;
-    background-color: #ff7d8d;
-  }
-  .bg-themed-palette-xxxl-blue {
-    color: white;
-    text-shadow: 0 0 0.125rem #005ba1;
-    background-color: #0078d4;
-  }
-  .bg-themed-palette-xxxl-blue-light {
-    color: white;
-    background-color: #229fff;
-  }
-  .bg-themed-palette-xxxl-blue-lighter {
-    color: black;
-    background-color: #6ec0ff;
-  }
-  .bg-themed-palette-xxxl-blue-dark {
-    color: white;
-    background-color: #005ba1;
-  }
-  .bg-themed-palette-xxxl-blue-darker {
-    color: white;
-    background-color: #003e6e;
-  }
-  .bg-themed-palette-xxxl-blue-complement {
-    color: black;
-    background-color: #d45c00;
-  }
-  .bg-themed-palette-xxxl-blue-invert {
-    color: black;
-    background-color: #ff872b;
-  }
-  .bg-themed-palette-xxxl-dark {
-    color: white;
-    text-shadow: 0 0 0.125rem #191919;
-    background-color: #323232;
-  }
-  .bg-themed-palette-xxxl-dark-light {
-    color: white;
-    background-color: #585858;
-  }
-  .bg-themed-palette-xxxl-dark-lighter {
-    color: white;
-    background-color: #7f7f7f;
-  }
-  .bg-themed-palette-xxxl-dark-dark {
-    color: white;
-    background-color: #191919;
-  }
-  .bg-themed-palette-xxxl-dark-darker {
-    color: white;
-    background-color: black;
-  }
-  .bg-themed-palette-xxxl-dark-complement {
-    color: white;
-    background-color: #323232;
-  }
-  .bg-themed-palette-xxxl-dark-invert {
-    color: black;
-    background-color: #cdcdcd;
-  }
-
-  /**
-  bg-themed ?
-   */
-  .bg-themed-scheme-xxxl-discrete {
-    color: black;
-    text-shadow: 0 0 0.125rem #b3b3b3;
-    background-color: #ccc;
-  }
-  .bg-themed-scheme-xxxl-success {
-    color: white;
-    text-shadow: 0 0 0.125rem #004d00;
-    background-color: green;
-  }
-  .bg-themed-scheme-xxxl-info {
-    color: black;
-    text-shadow: 0 0 0.125rem #ffd324;
-    background-color: #ffdd57;
-  }
-  .bg-themed-scheme-xxxl-warning {
-    color: black;
-    text-shadow: 0 0 0.125rem #b49104;
-    background-color: #e6b905;
-  }
-  .bg-themed-scheme-xxxl-alert {
-    color: black;
-    text-shadow: 0 0 0.125rem #cc5c00;
-    background-color: #ff7300;
-  }
-  .bg-themed-scheme-xxxl-error {
-    color: white;
-    text-shadow: 0 0 0.125rem #cc0000;
-    background-color: red;
-  }
-
-  /**
-  bg-themed ?
-   */
-  .bg-themed-gray-xxxl-100 {
-    color: black;
-    text-shadow: 0 0 0.125rem #dbdbdb;
-    background-color: #f4f4f4;
-  }
-  .bg-themed-gray-xxxl-200 {
-    color: black;
-    text-shadow: 0 0 0.125rem #d0d0d0;
-    background-color: #e9e9e9;
-  }
-  .bg-themed-gray-xxxl-300 {
-    color: black;
-    text-shadow: 0 0 0.125rem #c4c4c4;
-    background-color: #dddddd;
-  }
-  .bg-themed-gray-xxxl-400 {
-    color: black;
-    text-shadow: 0 0 0.125rem #b9b9b9;
-    background-color: #d2d2d2;
-  }
-  .bg-themed-gray-xxxl-500 {
-    color: black;
-    text-shadow: 0 0 0.125rem #aeaeae;
-    background-color: #c7c7c7;
-  }
-  .bg-themed-gray-xxxl-600 {
-    color: black;
-    text-shadow: 0 0 0.125rem #a2a2a2;
-    background-color: #bbbbbb;
-  }
-  .bg-themed-gray-xxxl-700 {
-    color: black;
-    text-shadow: 0 0 0.125rem #979797;
-    background-color: #b0b0b0;
-  }
-  .bg-themed-gray-xxxl-800 {
-    color: black;
-    text-shadow: 0 0 0.125rem #8b8b8b;
-    background-color: #a4a4a4;
-  }
-  .bg-themed-gray-xxxl-900 {
-    color: black;
-    text-shadow: 0 0 0.125rem gray;
-    background-color: #999999;
-  }
-
-  /**
-  border-color ?
-   */
-  .border-color-palette-xxxl-yellow {
-    border-color: #cc9400 !important;
-  }
-  .border-color-palette-xxxl-orange {
-    border-color: #a52d01 !important;
-  }
-  .border-color-palette-xxxl-red {
-    border-color: #ab272a !important;
-  }
-  .border-color-palette-xxxl-magenta {
-    border-color: #810071 !important;
-  }
-  .border-color-palette-xxxl-purple {
-    border-color: #43216a !important;
-  }
-  .border-color-palette-xxxl-green {
-    border-color: #0a4f0a !important;
-  }
-  .border-color-palette-xxxl-teal {
-    border-color: #004f45 !important;
-  }
-  .border-color-palette-xxxl-blue {
-    border-color: #005ba1 !important;
-  }
-  .border-color-palette-xxxl-dark {
-    border-color: #191919 !important;
-  }
-
-  /**
-  border-color ?
-   */
-  .border-color-scheme-xxxl-discrete {
-    border-color: #b3b3b3 !important;
-  }
-  .border-color-scheme-xxxl-success {
-    border-color: #004d00 !important;
-  }
-  .border-color-scheme-xxxl-info {
-    border-color: #ffd324 !important;
-  }
-  .border-color-scheme-xxxl-warning {
-    border-color: #b49104 !important;
-  }
-  .border-color-scheme-xxxl-alert {
-    border-color: #cc5c00 !important;
-  }
-  .border-color-scheme-xxxl-error {
-    border-color: #cc0000 !important;
-  }
-
-  /**
-  border-color ?
-   */
-  .border-color-gray-xxxl-100 {
-    border-color: #dbdbdb !important;
-  }
-  .border-color-gray-xxxl-200 {
-    border-color: #d0d0d0 !important;
-  }
-  .border-color-gray-xxxl-300 {
-    border-color: #c4c4c4 !important;
-  }
-  .border-color-gray-xxxl-400 {
-    border-color: #b9b9b9 !important;
-  }
-  .border-color-gray-xxxl-500 {
-    border-color: #aeaeae !important;
-  }
-  .border-color-gray-xxxl-600 {
-    border-color: #a2a2a2 !important;
-  }
-  .border-color-gray-xxxl-700 {
-    border-color: #979797 !important;
-  }
-  .border-color-gray-xxxl-800 {
-    border-color: #8b8b8b !important;
-  }
-  .border-color-gray-xxxl-900 {
-    border-color: gray !important;
-  }
-}
-@media only screen and (max-width: 120rem) {
+@media only screen and (max-width: 1300px) {
   /**
   color ?
    */
@@ -1142,31 +217,31 @@
   /**
   color ?
    */
-  .color-gray-xxl-100 {
+  .color-grey-xxl-100 {
     color: #f4f4f4;
   }
-  .color-gray-xxl-200 {
+  .color-grey-xxl-200 {
     color: #e9e9e9;
   }
-  .color-gray-xxl-300 {
+  .color-grey-xxl-300 {
     color: #dddddd;
   }
-  .color-gray-xxl-400 {
+  .color-grey-xxl-400 {
     color: #d2d2d2;
   }
-  .color-gray-xxl-500 {
+  .color-grey-xxl-500 {
     color: #c7c7c7;
   }
-  .color-gray-xxl-600 {
+  .color-grey-xxl-600 {
     color: #bbbbbb;
   }
-  .color-gray-xxl-700 {
+  .color-grey-xxl-700 {
     color: #b0b0b0;
   }
-  .color-gray-xxl-800 {
+  .color-grey-xxl-800 {
     color: #a4a4a4;
   }
-  .color-gray-xxl-900 {
+  .color-grey-xxl-900 {
     color: #999999;
   }
 
@@ -1388,31 +463,31 @@
   /**
   bg ?
    */
-  .bg-gray-xxl-100 {
+  .bg-grey-xxl-100 {
     background-color: #f4f4f4;
   }
-  .bg-gray-xxl-200 {
+  .bg-grey-xxl-200 {
     background-color: #e9e9e9;
   }
-  .bg-gray-xxl-300 {
+  .bg-grey-xxl-300 {
     background-color: #dddddd;
   }
-  .bg-gray-xxl-400 {
+  .bg-grey-xxl-400 {
     background-color: #d2d2d2;
   }
-  .bg-gray-xxl-500 {
+  .bg-grey-xxl-500 {
     background-color: #c7c7c7;
   }
-  .bg-gray-xxl-600 {
+  .bg-grey-xxl-600 {
     background-color: #bbbbbb;
   }
-  .bg-gray-xxl-700 {
+  .bg-grey-xxl-700 {
     background-color: #b0b0b0;
   }
-  .bg-gray-xxl-800 {
+  .bg-grey-xxl-800 {
     background-color: #a4a4a4;
   }
-  .bg-gray-xxl-900 {
+  .bg-grey-xxl-900 {
     background-color: #999999;
   }
 
@@ -1718,47 +793,47 @@
   /**
   bg-themed ?
    */
-  .bg-themed-gray-xxl-100 {
+  .bg-themed-grey-xxl-100 {
     color: black;
     text-shadow: 0 0 0.125rem #dbdbdb;
     background-color: #f4f4f4;
   }
-  .bg-themed-gray-xxl-200 {
+  .bg-themed-grey-xxl-200 {
     color: black;
     text-shadow: 0 0 0.125rem #d0d0d0;
     background-color: #e9e9e9;
   }
-  .bg-themed-gray-xxl-300 {
+  .bg-themed-grey-xxl-300 {
     color: black;
     text-shadow: 0 0 0.125rem #c4c4c4;
     background-color: #dddddd;
   }
-  .bg-themed-gray-xxl-400 {
+  .bg-themed-grey-xxl-400 {
     color: black;
     text-shadow: 0 0 0.125rem #b9b9b9;
     background-color: #d2d2d2;
   }
-  .bg-themed-gray-xxl-500 {
+  .bg-themed-grey-xxl-500 {
     color: black;
     text-shadow: 0 0 0.125rem #aeaeae;
     background-color: #c7c7c7;
   }
-  .bg-themed-gray-xxl-600 {
+  .bg-themed-grey-xxl-600 {
     color: black;
     text-shadow: 0 0 0.125rem #a2a2a2;
     background-color: #bbbbbb;
   }
-  .bg-themed-gray-xxl-700 {
+  .bg-themed-grey-xxl-700 {
     color: black;
     text-shadow: 0 0 0.125rem #979797;
     background-color: #b0b0b0;
   }
-  .bg-themed-gray-xxl-800 {
+  .bg-themed-grey-xxl-800 {
     color: black;
     text-shadow: 0 0 0.125rem #8b8b8b;
     background-color: #a4a4a4;
   }
-  .bg-themed-gray-xxl-900 {
+  .bg-themed-grey-xxl-900 {
     color: black;
     text-shadow: 0 0 0.125rem gray;
     background-color: #999999;
@@ -1820,35 +895,35 @@
   /**
   border-color ?
    */
-  .border-color-gray-xxl-100 {
+  .border-color-grey-xxl-100 {
     border-color: #dbdbdb !important;
   }
-  .border-color-gray-xxl-200 {
+  .border-color-grey-xxl-200 {
     border-color: #d0d0d0 !important;
   }
-  .border-color-gray-xxl-300 {
+  .border-color-grey-xxl-300 {
     border-color: #c4c4c4 !important;
   }
-  .border-color-gray-xxl-400 {
+  .border-color-grey-xxl-400 {
     border-color: #b9b9b9 !important;
   }
-  .border-color-gray-xxl-500 {
+  .border-color-grey-xxl-500 {
     border-color: #aeaeae !important;
   }
-  .border-color-gray-xxl-600 {
+  .border-color-grey-xxl-600 {
     border-color: #a2a2a2 !important;
   }
-  .border-color-gray-xxl-700 {
+  .border-color-grey-xxl-700 {
     border-color: #979797 !important;
   }
-  .border-color-gray-xxl-800 {
+  .border-color-grey-xxl-800 {
     border-color: #8b8b8b !important;
   }
-  .border-color-gray-xxl-900 {
+  .border-color-grey-xxl-900 {
     border-color: gray !important;
   }
 }
-@media only screen and (max-width: 90rem) {
+@media only screen and (max-width: 1200px) {
   /**
   color ?
    */
@@ -2067,31 +1142,31 @@
   /**
   color ?
    */
-  .color-gray-xl-100 {
+  .color-grey-xl-100 {
     color: #f4f4f4;
   }
-  .color-gray-xl-200 {
+  .color-grey-xl-200 {
     color: #e9e9e9;
   }
-  .color-gray-xl-300 {
+  .color-grey-xl-300 {
     color: #dddddd;
   }
-  .color-gray-xl-400 {
+  .color-grey-xl-400 {
     color: #d2d2d2;
   }
-  .color-gray-xl-500 {
+  .color-grey-xl-500 {
     color: #c7c7c7;
   }
-  .color-gray-xl-600 {
+  .color-grey-xl-600 {
     color: #bbbbbb;
   }
-  .color-gray-xl-700 {
+  .color-grey-xl-700 {
     color: #b0b0b0;
   }
-  .color-gray-xl-800 {
+  .color-grey-xl-800 {
     color: #a4a4a4;
   }
-  .color-gray-xl-900 {
+  .color-grey-xl-900 {
     color: #999999;
   }
 
@@ -2313,31 +1388,31 @@
   /**
   bg ?
    */
-  .bg-gray-xl-100 {
+  .bg-grey-xl-100 {
     background-color: #f4f4f4;
   }
-  .bg-gray-xl-200 {
+  .bg-grey-xl-200 {
     background-color: #e9e9e9;
   }
-  .bg-gray-xl-300 {
+  .bg-grey-xl-300 {
     background-color: #dddddd;
   }
-  .bg-gray-xl-400 {
+  .bg-grey-xl-400 {
     background-color: #d2d2d2;
   }
-  .bg-gray-xl-500 {
+  .bg-grey-xl-500 {
     background-color: #c7c7c7;
   }
-  .bg-gray-xl-600 {
+  .bg-grey-xl-600 {
     background-color: #bbbbbb;
   }
-  .bg-gray-xl-700 {
+  .bg-grey-xl-700 {
     background-color: #b0b0b0;
   }
-  .bg-gray-xl-800 {
+  .bg-grey-xl-800 {
     background-color: #a4a4a4;
   }
-  .bg-gray-xl-900 {
+  .bg-grey-xl-900 {
     background-color: #999999;
   }
 
@@ -2643,47 +1718,47 @@
   /**
   bg-themed ?
    */
-  .bg-themed-gray-xl-100 {
+  .bg-themed-grey-xl-100 {
     color: black;
     text-shadow: 0 0 0.125rem #dbdbdb;
     background-color: #f4f4f4;
   }
-  .bg-themed-gray-xl-200 {
+  .bg-themed-grey-xl-200 {
     color: black;
     text-shadow: 0 0 0.125rem #d0d0d0;
     background-color: #e9e9e9;
   }
-  .bg-themed-gray-xl-300 {
+  .bg-themed-grey-xl-300 {
     color: black;
     text-shadow: 0 0 0.125rem #c4c4c4;
     background-color: #dddddd;
   }
-  .bg-themed-gray-xl-400 {
+  .bg-themed-grey-xl-400 {
     color: black;
     text-shadow: 0 0 0.125rem #b9b9b9;
     background-color: #d2d2d2;
   }
-  .bg-themed-gray-xl-500 {
+  .bg-themed-grey-xl-500 {
     color: black;
     text-shadow: 0 0 0.125rem #aeaeae;
     background-color: #c7c7c7;
   }
-  .bg-themed-gray-xl-600 {
+  .bg-themed-grey-xl-600 {
     color: black;
     text-shadow: 0 0 0.125rem #a2a2a2;
     background-color: #bbbbbb;
   }
-  .bg-themed-gray-xl-700 {
+  .bg-themed-grey-xl-700 {
     color: black;
     text-shadow: 0 0 0.125rem #979797;
     background-color: #b0b0b0;
   }
-  .bg-themed-gray-xl-800 {
+  .bg-themed-grey-xl-800 {
     color: black;
     text-shadow: 0 0 0.125rem #8b8b8b;
     background-color: #a4a4a4;
   }
-  .bg-themed-gray-xl-900 {
+  .bg-themed-grey-xl-900 {
     color: black;
     text-shadow: 0 0 0.125rem gray;
     background-color: #999999;
@@ -2745,35 +1820,35 @@
   /**
   border-color ?
    */
-  .border-color-gray-xl-100 {
+  .border-color-grey-xl-100 {
     border-color: #dbdbdb !important;
   }
-  .border-color-gray-xl-200 {
+  .border-color-grey-xl-200 {
     border-color: #d0d0d0 !important;
   }
-  .border-color-gray-xl-300 {
+  .border-color-grey-xl-300 {
     border-color: #c4c4c4 !important;
   }
-  .border-color-gray-xl-400 {
+  .border-color-grey-xl-400 {
     border-color: #b9b9b9 !important;
   }
-  .border-color-gray-xl-500 {
+  .border-color-grey-xl-500 {
     border-color: #aeaeae !important;
   }
-  .border-color-gray-xl-600 {
+  .border-color-grey-xl-600 {
     border-color: #a2a2a2 !important;
   }
-  .border-color-gray-xl-700 {
+  .border-color-grey-xl-700 {
     border-color: #979797 !important;
   }
-  .border-color-gray-xl-800 {
+  .border-color-grey-xl-800 {
     border-color: #8b8b8b !important;
   }
-  .border-color-gray-xl-900 {
+  .border-color-grey-xl-900 {
     border-color: gray !important;
   }
 }
-@media only screen and (max-width: 64rem) {
+@media only screen and (max-width: 960px) {
   /**
   color ?
    */
@@ -2992,31 +2067,31 @@
   /**
   color ?
    */
-  .color-gray-lg-100 {
+  .color-grey-lg-100 {
     color: #f4f4f4;
   }
-  .color-gray-lg-200 {
+  .color-grey-lg-200 {
     color: #e9e9e9;
   }
-  .color-gray-lg-300 {
+  .color-grey-lg-300 {
     color: #dddddd;
   }
-  .color-gray-lg-400 {
+  .color-grey-lg-400 {
     color: #d2d2d2;
   }
-  .color-gray-lg-500 {
+  .color-grey-lg-500 {
     color: #c7c7c7;
   }
-  .color-gray-lg-600 {
+  .color-grey-lg-600 {
     color: #bbbbbb;
   }
-  .color-gray-lg-700 {
+  .color-grey-lg-700 {
     color: #b0b0b0;
   }
-  .color-gray-lg-800 {
+  .color-grey-lg-800 {
     color: #a4a4a4;
   }
-  .color-gray-lg-900 {
+  .color-grey-lg-900 {
     color: #999999;
   }
 
@@ -3238,31 +2313,31 @@
   /**
   bg ?
    */
-  .bg-gray-lg-100 {
+  .bg-grey-lg-100 {
     background-color: #f4f4f4;
   }
-  .bg-gray-lg-200 {
+  .bg-grey-lg-200 {
     background-color: #e9e9e9;
   }
-  .bg-gray-lg-300 {
+  .bg-grey-lg-300 {
     background-color: #dddddd;
   }
-  .bg-gray-lg-400 {
+  .bg-grey-lg-400 {
     background-color: #d2d2d2;
   }
-  .bg-gray-lg-500 {
+  .bg-grey-lg-500 {
     background-color: #c7c7c7;
   }
-  .bg-gray-lg-600 {
+  .bg-grey-lg-600 {
     background-color: #bbbbbb;
   }
-  .bg-gray-lg-700 {
+  .bg-grey-lg-700 {
     background-color: #b0b0b0;
   }
-  .bg-gray-lg-800 {
+  .bg-grey-lg-800 {
     background-color: #a4a4a4;
   }
-  .bg-gray-lg-900 {
+  .bg-grey-lg-900 {
     background-color: #999999;
   }
 
@@ -3568,47 +2643,47 @@
   /**
   bg-themed ?
    */
-  .bg-themed-gray-lg-100 {
+  .bg-themed-grey-lg-100 {
     color: black;
     text-shadow: 0 0 0.125rem #dbdbdb;
     background-color: #f4f4f4;
   }
-  .bg-themed-gray-lg-200 {
+  .bg-themed-grey-lg-200 {
     color: black;
     text-shadow: 0 0 0.125rem #d0d0d0;
     background-color: #e9e9e9;
   }
-  .bg-themed-gray-lg-300 {
+  .bg-themed-grey-lg-300 {
     color: black;
     text-shadow: 0 0 0.125rem #c4c4c4;
     background-color: #dddddd;
   }
-  .bg-themed-gray-lg-400 {
+  .bg-themed-grey-lg-400 {
     color: black;
     text-shadow: 0 0 0.125rem #b9b9b9;
     background-color: #d2d2d2;
   }
-  .bg-themed-gray-lg-500 {
+  .bg-themed-grey-lg-500 {
     color: black;
     text-shadow: 0 0 0.125rem #aeaeae;
     background-color: #c7c7c7;
   }
-  .bg-themed-gray-lg-600 {
+  .bg-themed-grey-lg-600 {
     color: black;
     text-shadow: 0 0 0.125rem #a2a2a2;
     background-color: #bbbbbb;
   }
-  .bg-themed-gray-lg-700 {
+  .bg-themed-grey-lg-700 {
     color: black;
     text-shadow: 0 0 0.125rem #979797;
     background-color: #b0b0b0;
   }
-  .bg-themed-gray-lg-800 {
+  .bg-themed-grey-lg-800 {
     color: black;
     text-shadow: 0 0 0.125rem #8b8b8b;
     background-color: #a4a4a4;
   }
-  .bg-themed-gray-lg-900 {
+  .bg-themed-grey-lg-900 {
     color: black;
     text-shadow: 0 0 0.125rem gray;
     background-color: #999999;
@@ -3670,35 +2745,35 @@
   /**
   border-color ?
    */
-  .border-color-gray-lg-100 {
+  .border-color-grey-lg-100 {
     border-color: #dbdbdb !important;
   }
-  .border-color-gray-lg-200 {
+  .border-color-grey-lg-200 {
     border-color: #d0d0d0 !important;
   }
-  .border-color-gray-lg-300 {
+  .border-color-grey-lg-300 {
     border-color: #c4c4c4 !important;
   }
-  .border-color-gray-lg-400 {
+  .border-color-grey-lg-400 {
     border-color: #b9b9b9 !important;
   }
-  .border-color-gray-lg-500 {
+  .border-color-grey-lg-500 {
     border-color: #aeaeae !important;
   }
-  .border-color-gray-lg-600 {
+  .border-color-grey-lg-600 {
     border-color: #a2a2a2 !important;
   }
-  .border-color-gray-lg-700 {
+  .border-color-grey-lg-700 {
     border-color: #979797 !important;
   }
-  .border-color-gray-lg-800 {
+  .border-color-grey-lg-800 {
     border-color: #8b8b8b !important;
   }
-  .border-color-gray-lg-900 {
+  .border-color-grey-lg-900 {
     border-color: gray !important;
   }
 }
-@media only screen and (max-width: 48rem) {
+@media only screen and (max-width: 760px) {
   /**
   color ?
    */
@@ -3917,31 +2992,31 @@
   /**
   color ?
    */
-  .color-gray-md-100 {
+  .color-grey-md-100 {
     color: #f4f4f4;
   }
-  .color-gray-md-200 {
+  .color-grey-md-200 {
     color: #e9e9e9;
   }
-  .color-gray-md-300 {
+  .color-grey-md-300 {
     color: #dddddd;
   }
-  .color-gray-md-400 {
+  .color-grey-md-400 {
     color: #d2d2d2;
   }
-  .color-gray-md-500 {
+  .color-grey-md-500 {
     color: #c7c7c7;
   }
-  .color-gray-md-600 {
+  .color-grey-md-600 {
     color: #bbbbbb;
   }
-  .color-gray-md-700 {
+  .color-grey-md-700 {
     color: #b0b0b0;
   }
-  .color-gray-md-800 {
+  .color-grey-md-800 {
     color: #a4a4a4;
   }
-  .color-gray-md-900 {
+  .color-grey-md-900 {
     color: #999999;
   }
 
@@ -4163,31 +3238,31 @@
   /**
   bg ?
    */
-  .bg-gray-md-100 {
+  .bg-grey-md-100 {
     background-color: #f4f4f4;
   }
-  .bg-gray-md-200 {
+  .bg-grey-md-200 {
     background-color: #e9e9e9;
   }
-  .bg-gray-md-300 {
+  .bg-grey-md-300 {
     background-color: #dddddd;
   }
-  .bg-gray-md-400 {
+  .bg-grey-md-400 {
     background-color: #d2d2d2;
   }
-  .bg-gray-md-500 {
+  .bg-grey-md-500 {
     background-color: #c7c7c7;
   }
-  .bg-gray-md-600 {
+  .bg-grey-md-600 {
     background-color: #bbbbbb;
   }
-  .bg-gray-md-700 {
+  .bg-grey-md-700 {
     background-color: #b0b0b0;
   }
-  .bg-gray-md-800 {
+  .bg-grey-md-800 {
     background-color: #a4a4a4;
   }
-  .bg-gray-md-900 {
+  .bg-grey-md-900 {
     background-color: #999999;
   }
 
@@ -4493,47 +3568,47 @@
   /**
   bg-themed ?
    */
-  .bg-themed-gray-md-100 {
+  .bg-themed-grey-md-100 {
     color: black;
     text-shadow: 0 0 0.125rem #dbdbdb;
     background-color: #f4f4f4;
   }
-  .bg-themed-gray-md-200 {
+  .bg-themed-grey-md-200 {
     color: black;
     text-shadow: 0 0 0.125rem #d0d0d0;
     background-color: #e9e9e9;
   }
-  .bg-themed-gray-md-300 {
+  .bg-themed-grey-md-300 {
     color: black;
     text-shadow: 0 0 0.125rem #c4c4c4;
     background-color: #dddddd;
   }
-  .bg-themed-gray-md-400 {
+  .bg-themed-grey-md-400 {
     color: black;
     text-shadow: 0 0 0.125rem #b9b9b9;
     background-color: #d2d2d2;
   }
-  .bg-themed-gray-md-500 {
+  .bg-themed-grey-md-500 {
     color: black;
     text-shadow: 0 0 0.125rem #aeaeae;
     background-color: #c7c7c7;
   }
-  .bg-themed-gray-md-600 {
+  .bg-themed-grey-md-600 {
     color: black;
     text-shadow: 0 0 0.125rem #a2a2a2;
     background-color: #bbbbbb;
   }
-  .bg-themed-gray-md-700 {
+  .bg-themed-grey-md-700 {
     color: black;
     text-shadow: 0 0 0.125rem #979797;
     background-color: #b0b0b0;
   }
-  .bg-themed-gray-md-800 {
+  .bg-themed-grey-md-800 {
     color: black;
     text-shadow: 0 0 0.125rem #8b8b8b;
     background-color: #a4a4a4;
   }
-  .bg-themed-gray-md-900 {
+  .bg-themed-grey-md-900 {
     color: black;
     text-shadow: 0 0 0.125rem gray;
     background-color: #999999;
@@ -4595,35 +3670,35 @@
   /**
   border-color ?
    */
-  .border-color-gray-md-100 {
+  .border-color-grey-md-100 {
     border-color: #dbdbdb !important;
   }
-  .border-color-gray-md-200 {
+  .border-color-grey-md-200 {
     border-color: #d0d0d0 !important;
   }
-  .border-color-gray-md-300 {
+  .border-color-grey-md-300 {
     border-color: #c4c4c4 !important;
   }
-  .border-color-gray-md-400 {
+  .border-color-grey-md-400 {
     border-color: #b9b9b9 !important;
   }
-  .border-color-gray-md-500 {
+  .border-color-grey-md-500 {
     border-color: #aeaeae !important;
   }
-  .border-color-gray-md-600 {
+  .border-color-grey-md-600 {
     border-color: #a2a2a2 !important;
   }
-  .border-color-gray-md-700 {
+  .border-color-grey-md-700 {
     border-color: #979797 !important;
   }
-  .border-color-gray-md-800 {
+  .border-color-grey-md-800 {
     border-color: #8b8b8b !important;
   }
-  .border-color-gray-md-900 {
+  .border-color-grey-md-900 {
     border-color: gray !important;
   }
 }
-@media only screen and (max-width: 35.7rem) {
+@media only screen and (max-width: 0px) {
   /**
   color ?
    */
@@ -4842,31 +3917,31 @@
   /**
   color ?
    */
-  .color-gray-sm-100 {
+  .color-grey-sm-100 {
     color: #f4f4f4;
   }
-  .color-gray-sm-200 {
+  .color-grey-sm-200 {
     color: #e9e9e9;
   }
-  .color-gray-sm-300 {
+  .color-grey-sm-300 {
     color: #dddddd;
   }
-  .color-gray-sm-400 {
+  .color-grey-sm-400 {
     color: #d2d2d2;
   }
-  .color-gray-sm-500 {
+  .color-grey-sm-500 {
     color: #c7c7c7;
   }
-  .color-gray-sm-600 {
+  .color-grey-sm-600 {
     color: #bbbbbb;
   }
-  .color-gray-sm-700 {
+  .color-grey-sm-700 {
     color: #b0b0b0;
   }
-  .color-gray-sm-800 {
+  .color-grey-sm-800 {
     color: #a4a4a4;
   }
-  .color-gray-sm-900 {
+  .color-grey-sm-900 {
     color: #999999;
   }
 
@@ -5088,31 +4163,31 @@
   /**
   bg ?
    */
-  .bg-gray-sm-100 {
+  .bg-grey-sm-100 {
     background-color: #f4f4f4;
   }
-  .bg-gray-sm-200 {
+  .bg-grey-sm-200 {
     background-color: #e9e9e9;
   }
-  .bg-gray-sm-300 {
+  .bg-grey-sm-300 {
     background-color: #dddddd;
   }
-  .bg-gray-sm-400 {
+  .bg-grey-sm-400 {
     background-color: #d2d2d2;
   }
-  .bg-gray-sm-500 {
+  .bg-grey-sm-500 {
     background-color: #c7c7c7;
   }
-  .bg-gray-sm-600 {
+  .bg-grey-sm-600 {
     background-color: #bbbbbb;
   }
-  .bg-gray-sm-700 {
+  .bg-grey-sm-700 {
     background-color: #b0b0b0;
   }
-  .bg-gray-sm-800 {
+  .bg-grey-sm-800 {
     background-color: #a4a4a4;
   }
-  .bg-gray-sm-900 {
+  .bg-grey-sm-900 {
     background-color: #999999;
   }
 
@@ -5418,47 +4493,47 @@
   /**
   bg-themed ?
    */
-  .bg-themed-gray-sm-100 {
+  .bg-themed-grey-sm-100 {
     color: black;
     text-shadow: 0 0 0.125rem #dbdbdb;
     background-color: #f4f4f4;
   }
-  .bg-themed-gray-sm-200 {
+  .bg-themed-grey-sm-200 {
     color: black;
     text-shadow: 0 0 0.125rem #d0d0d0;
     background-color: #e9e9e9;
   }
-  .bg-themed-gray-sm-300 {
+  .bg-themed-grey-sm-300 {
     color: black;
     text-shadow: 0 0 0.125rem #c4c4c4;
     background-color: #dddddd;
   }
-  .bg-themed-gray-sm-400 {
+  .bg-themed-grey-sm-400 {
     color: black;
     text-shadow: 0 0 0.125rem #b9b9b9;
     background-color: #d2d2d2;
   }
-  .bg-themed-gray-sm-500 {
+  .bg-themed-grey-sm-500 {
     color: black;
     text-shadow: 0 0 0.125rem #aeaeae;
     background-color: #c7c7c7;
   }
-  .bg-themed-gray-sm-600 {
+  .bg-themed-grey-sm-600 {
     color: black;
     text-shadow: 0 0 0.125rem #a2a2a2;
     background-color: #bbbbbb;
   }
-  .bg-themed-gray-sm-700 {
+  .bg-themed-grey-sm-700 {
     color: black;
     text-shadow: 0 0 0.125rem #979797;
     background-color: #b0b0b0;
   }
-  .bg-themed-gray-sm-800 {
+  .bg-themed-grey-sm-800 {
     color: black;
     text-shadow: 0 0 0.125rem #8b8b8b;
     background-color: #a4a4a4;
   }
-  .bg-themed-gray-sm-900 {
+  .bg-themed-grey-sm-900 {
     color: black;
     text-shadow: 0 0 0.125rem gray;
     background-color: #999999;
@@ -5520,31 +4595,31 @@
   /**
   border-color ?
    */
-  .border-color-gray-sm-100 {
+  .border-color-grey-sm-100 {
     border-color: #dbdbdb !important;
   }
-  .border-color-gray-sm-200 {
+  .border-color-grey-sm-200 {
     border-color: #d0d0d0 !important;
   }
-  .border-color-gray-sm-300 {
+  .border-color-grey-sm-300 {
     border-color: #c4c4c4 !important;
   }
-  .border-color-gray-sm-400 {
+  .border-color-grey-sm-400 {
     border-color: #b9b9b9 !important;
   }
-  .border-color-gray-sm-500 {
+  .border-color-grey-sm-500 {
     border-color: #aeaeae !important;
   }
-  .border-color-gray-sm-600 {
+  .border-color-grey-sm-600 {
     border-color: #a2a2a2 !important;
   }
-  .border-color-gray-sm-700 {
+  .border-color-grey-sm-700 {
     border-color: #979797 !important;
   }
-  .border-color-gray-sm-800 {
+  .border-color-grey-sm-800 {
     border-color: #8b8b8b !important;
   }
-  .border-color-gray-sm-900 {
+  .border-color-grey-sm-900 {
     border-color: gray !important;
   }
 }