Merge pull request #2 from pepsico-ecommerce/new-colors

Added new colors (black and gray-cool-2) and its helpful classes
pepsico-ecommerce · Apr 23, 2021 · 6e87422 · 6e87422
2 parents 539faba + 928989b
commit 6e87422
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 8 deletions.
diff --git a/css/colors.css b/css/colors.css
@@ -4,14 +4,16 @@
 */
 * {
   --color-white: #fff;
-  --color-black-1: #2a2a2a;
+  --color-black: #000000;
+  --color-black-1: #2A2A2A;
   --color-black-2: #616161;
-  --color-gray-1: #b1b1b1;
-  --color-gray-2: #e8e8e8;
-  --color-gray-3: #f8f8f8;
+  --color-gray-1: #B1B1B1;
+  --color-gray-2: #E8E8E8;
+  --color-gray-3: #F8F8F8;
   --color-gray-cool-1: #BDCCD4;
+  --color-gray-cool-2: #7693AD;
   --color-blue-1: #023E73;
-  --color-blue-2: #0061b6;
+  --color-blue-2: #0061B6;
   --color-blue-3: #0597F2;
   --color-blue-4: #74D8FF;
   --color-blue-5: #D5F2FE;
@@ -41,7 +43,16 @@
   border-color: var(--color-white);
 }
 
-
+/* Black */
+.color-black {
+  color: var(--color-black);
+}
+.bg-color-black {
+  background-color: var(--color-black);
+}
+.border-color-black {
+  border-color: var(--color-black);
+}
 /* Black 1 */
 .color-black-1 {
   color: var(--color-black-1);
@@ -63,7 +74,6 @@
   border-color: var(--color-black-2);
 }
 
-
 /* Gray 1 */
 .color-gray-1 {
   color: var(--color-gray-1);
@@ -104,6 +114,16 @@
 .border-color-gray-cool-1 {
   border-color: var(--color-gray-cool-1);
 }
+/* Gray Cool 2 */
+.color-gray-cool-2 {
+  color: var(--color-gray-cool-2);
+}
+.bg-color-gray-cool-2 {
+  background-color: var(--color-gray-cool-2);
+}
+.border-color-gray-cool-2 {
+  border-color: var(--color-gray-cool-2);
+}
 
 /* Blue 1 */
 .color-blue-1 {

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "compopo-design",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Core Components for PepsiCo Front End",
   "files": "css/*.css",
   "repository": {