✨ feat(theme.scss): BREAKING Add new black and white colors to theme …

…for util classes

- Add black and white to theme for util classes
- Refactor theme code
- Deprecate .white, use .text-white instead

dist/cirrus-core.css

@@ -36,7 +36,7 @@
 /* Media Queries */
 /* Smaller than the defined pixels are the dimensions for that range */
 /* Variant of mixin that takes in mapping of class name to value */
-/* Color scheme for Cirrus */
+/* v1 Color scheme for Cirrus */
 /* v2 Colors */
 /*
     Global Mixins
@@ -77,7 +77,7 @@
 /* Media Queries */
 /* Smaller than the defined pixels are the dimensions for that range */
 /* Variant of mixin that takes in mapping of class name to value */
-/* Color scheme for Cirrus */
+/* v1 Color scheme for Cirrus */
 /* v2 Colors */
 /* BUTTONS */
 /* Button styling */
@@ -428,7 +428,7 @@
 /* Media Queries */
 /* Smaller than the defined pixels are the dimensions for that range */
 /* Variant of mixin that takes in mapping of class name to value */
-/* Color scheme for Cirrus */
+/* v1 Color scheme for Cirrus */
 /* v2 Colors */
 /* CODE */
 code {
@@ -501,12 +501,12 @@ pre > code {
 /* Media Queries */
 /* Smaller than the defined pixels are the dimensions for that range */
 /* Variant of mixin that takes in mapping of class name to value */
-/* Color scheme for Cirrus */
+/* v1 Color scheme for Cirrus */
 /* v2 Colors */
 :root {
   /* v1 Colors */
   --cirrus-fg: #374054;
-  --cirrus-bg: #fff;
+  --cirrus-bg: #ffffff;
   --cirrus-primary: #f03d4d;
   --cirrus-primary-rgb: 240, 61, 77;
   --cirrus-primary-light: #ffdadd;
@@ -524,6 +524,8 @@ pre > code {
   --cirrus-success-rgb: 13, 209, 87;
   --cirrus-warning: #fab633;
   --cirrus-danger: #fb4143;
+  --cirrus-black: #000000;
+  --cirrus-white: #ffffff;
   --cirrus-light-hover: #d0e0ef;
   --cirrus-dark-hover: #505050;
   --cirrus-info-hover: #1062f9;
@@ -668,7 +670,7 @@ fieldset {
 /* Media Queries */
 /* Smaller than the defined pixels are the dimensions for that range */
 /* Variant of mixin that takes in mapping of class name to value */
-/* Color scheme for Cirrus */
+/* v1 Color scheme for Cirrus */
 /* v2 Colors */
 @import url("https://fonts.googleapis.com/css?family=Nunito:200,300,400,600,700");
 @import url("https://fonts.googleapis.com/css?family=Montserrat:400,700");
@@ -840,9 +842,6 @@ mark,
 .rtl {
   direction: rtl; }
 
-.white {
-  color: #fff !important; }
-
 /* Font Awesome */
 .icon {
   /* Usually used in spans */
@@ -943,7 +942,7 @@ kbd {
 /* Media Queries */
 /* Smaller than the defined pixels are the dimensions for that range */
 /* Variant of mixin that takes in mapping of class name to value */
-/* Color scheme for Cirrus */
+/* v1 Color scheme for Cirrus */
 /* v2 Colors */
 /* FOOTER */
 .footer {
@@ -1011,7 +1010,7 @@ kbd {
 /* Media Queries */
 /* Smaller than the defined pixels are the dimensions for that range */
 /* Variant of mixin that takes in mapping of class name to value */
-/* Color scheme for Cirrus */
+/* v1 Color scheme for Cirrus */
 /* v2 Colors */
 /*
   Functions
@@ -1034,7 +1033,7 @@ kbd {
 /* Media Queries */
 /* Smaller than the defined pixels are the dimensions for that range */
 /* Variant of mixin that takes in mapping of class name to value */
-/* Color scheme for Cirrus */
+/* v1 Color scheme for Cirrus */
 /* v2 Colors */
 /*
     Global Mixins
@@ -1579,7 +1578,7 @@ label:last-child:not(:first-child):not(.form-group-label) {
 /* Media Queries */
 /* Smaller than the defined pixels are the dimensions for that range */
 /* Variant of mixin that takes in mapping of class name to value */
-/* Color scheme for Cirrus */
+/* v1 Color scheme for Cirrus */
 /* v2 Colors */
 /* Separate CSS file, but same part as Layout */
 /* The base container that is similar in structure to a card but more flexible */
@@ -1652,7 +1651,7 @@ label:last-child:not(:first-child):not(.form-group-label) {
 /* Media Queries */
 /* Smaller than the defined pixels are the dimensions for that range */
 /* Variant of mixin that takes in mapping of class name to value */
-/* Color scheme for Cirrus */
+/* v1 Color scheme for Cirrus */
 /* v2 Colors */
 /* These styles can also be used on menus in the body */
 /* HEADER */
@@ -2077,7 +2076,7 @@ label:last-child:not(:first-child):not(.form-group-label) {
 /* Media Queries */
 /* Smaller than the defined pixels are the dimensions for that range */
 /* Variant of mixin that takes in mapping of class name to value */
-/* Color scheme for Cirrus */
+/* v1 Color scheme for Cirrus */
 /* v2 Colors */
 /* Spacing */
 /* Breakpoints */
@@ -2650,7 +2649,7 @@ a button,
 /* Media Queries */
 /* Smaller than the defined pixels are the dimensions for that range */
 /* Variant of mixin that takes in mapping of class name to value */
-/* Color scheme for Cirrus */
+/* v1 Color scheme for Cirrus */
 /* v2 Colors */
 /* Spacing */
 /* Breakpoints */
@@ -6336,7 +6335,7 @@ video.video-fullscreen {
 /* Media Queries */
 /* Smaller than the defined pixels are the dimensions for that range */
 /* Variant of mixin that takes in mapping of class name to value */
-/* Color scheme for Cirrus */
+/* v1 Color scheme for Cirrus */
 /* v2 Colors */
 /* TABLE */
 .table {
@@ -6440,5 +6439,5 @@ video.video-fullscreen {
 /* Media Queries */
 /* Smaller than the defined pixels are the dimensions for that range */
 /* Variant of mixin that takes in mapping of class name to value */
-/* Color scheme for Cirrus */
+/* v1 Color scheme for Cirrus */
 /* v2 Colors */