DS-1136 by peterpolman: Added spinner to styleguide and photo in post template.

assets/css/spinner.css

+.spinner > div {
+  background-color: #29abe2;
+}

components/02-atoms/spinner/spinner.scss

+@import 'settings';
+
+.spinner > div {
+  background-color: $brand-primary;
+}

gulpfile.js

@@ -125,6 +125,7 @@ options.styleGuide = {
     'kss-assets/css/form-controls.css',
     'kss-assets/css/list.css',
     'kss-assets/base/list.css',
+    'kss-assets/css/spinner.css',
     'kss-assets/css/waves.css',
     // Molecule stylesheets
     'kss-assets/base/dropdown.css',

socialblue.info.yml

@@ -27,6 +27,8 @@ libraries-extend:
     - socialblue/form-controls
   socialbase/list:
     - socialblue/list
+  socialbase/spinner:
+    - socialblue/spinner
   # Extend molecules
   socialbase/breadcrumb:
     - socialblue/breadcrumb

socialblue.libraries.yml

@@ -45,6 +45,11 @@ list:
     theme:
       assets/css/list.css: {}
 
+spinner:
+  css:
+    theme:
+      assets/css/spinner.css: {}
+
 ### 2.2 Molecules
 
 breadcrumb: