feat(facebook): use global variables

allegorylabs · Apr 20, 2022 · 9c2305c · 9c2305c
1 parent 9f846d9
commit 9c2305c
Show file tree

Hide file tree

Showing 4 changed files with 49 additions and 2 deletions.
diff --git a/packages/facebook/_variables.scss b/packages/facebook/_variables.scss
@@ -2,8 +2,11 @@
 //                                           VARIABLES                                           //
 // ============================================================================================= //
 
-$primary: #1877f2;
-$primary-rgb: rgb(24, 119, 242);
+@use "sass:color";
+@use "brandcolors/variables";
+
+$primary: variables.$facebook;
+$primary-rgb: rgb(color.red($primary), color.green($primary), color.blue($primary));
 
 // ------------------------------------------------------------------------- //
 // PROPERTY VALUES

diff --git a/packages/facebook/package.json b/packages/facebook/package.json
@@ -3,6 +3,9 @@
     "version": "1.3.0",
     "description": "Facebook Brand Colors.",
     "main": "_index.scss",
+    "dependencies": {
+        "brandcolors": "1.3.0"
+    },
     "files": [
         "*.scss"
     ],

diff --git a/packages/facebook/test/test.spec.scss b/packages/facebook/test/test.spec.scss
@@ -0,0 +1,40 @@
+// ============================================================================================= //
+//                                             TEST                                              //
+// ============================================================================================= //
+
+@use "true" as *;
+@use "../index" as facebook;
+
+@include describe("facebook") {
+    @include it("Should return hex color declaration.") {
+        @include assert {
+            @include output(false) {
+                .test {
+                    color: facebook.$primary;
+                }
+            }
+
+            @include expect(false) {
+                .test {
+                    color: #1877f2;
+                }
+            }
+        }
+    }
+
+    @include it("Should return rgb color declaration.") {
+        @include assert {
+            @include output(false) {
+                .test {
+                    color: facebook.$primary-rgb;
+                }
+            }
+
+            @include expect(false) {
+                .test {
+                    color: rgb(24, 119, 242);
+                }
+            }
+        }
+    }
+}
diff --git a/tests/scss.spec.js b/tests/scss.spec.js
@@ -35,6 +35,7 @@ describe('Sass', () => {
             file,
             includePaths: [
                 './node_modules',
+                './packages/facebook/node_modules',
                 './packages/google/node_modules',
             ]
         }, {