DS-2001 - Added brand component library.

assets/css/brand.css

+.brand-bg-primary {
+  background-color: #29abe2 !important;
+}
+
+.brand-bg-secondary {
+  background-color: #1f80aa !important;
+}
+
+.brand-bg-accent {
+  background-color: #ffc142 !important;
+}
+
+.brand-text-primary {
+  color: #29abe2 !important;
+}
+
+.brand-text-secondary {
+  color: #1f80aa !important;
+}
+
+.brand-text-accent {
+  color: #ffc142 !important;
+}

color/color.inc

@@ -33,7 +33,7 @@ $info = array(
   // CSS files (excluding @import) to rewrite with new color scheme.
   // @TODO make sure we rewrite the correct color.css
   'css' => array(
-    'assets/css/base.css',
+    'assets/css/brand.css',
   ),
 
   // Files to copy.

components/01-base/brand/brand.scss

+@import 'settings';
+
+.brand-bg-primary {
+  background-color: $brand-primary !important;
+}
+
+.brand-bg-secondary {
+  background-color: $brand-secondary !important;
+}
+
+.brand-bg-accent {
+  background-color: $brand-accent !important;
+}
+
+.brand-text-primary {
+  color: $brand-primary !important;
+}
+
+.brand-text-secondary {
+  color: $brand-secondary !important;
+}
+
+.brand-text-accent {
+  color: $brand-accent !important;
+}

socialblue.info.yml

@@ -8,6 +8,9 @@ base theme: socialbase
 core: 8.x
 version: '1.0'
 
+libraries:
+  - socialblue/brand
+
 libraries-extend:
   socialbase/base:
     - socialblue/base

socialblue.libraries.yml

@@ -3,6 +3,10 @@ base:
   css:
     base:
       assets/css/base.css: {}
+brand:
+  css:
+    brand:
+      assets/css/brand.css: {}
 
 ## 2. The SMACSS category Component — discrete, reusable UI elements
 
@@ -156,4 +160,4 @@ color.preview:
   js:
     color/preview.js: {}
   dependencies:
-    - color/drupal.color
\ No newline at end of file
+    - color/drupal.color