Initial commit.

CHANGELOG.md

+### Release 1.8
+We have added color configuration for the navbar and secondary navbar. 
+Also the way this is stored is now done via the color module (core package),
+previously it was in improved_theme_settings - social package.
+
+You need to update:
+* __color.inc__ - add the new fields and default scheme
+* __themename_settings.yml__ - prefix the new field with _color_
+ and replace hyphens with underscores. Hex values must 
+ match exactly with you scheme in _color.inc_
+* __brand.scss__ - This file is in the root of the 
+components folder. This file contains the exactly 
+and only the colors (as $vars is fine) you have defined 
+in the _color.inc_. Gulp will generate the css for you.
+* __brand.css__ - this file should be generated via gulp.
+Check that it only contains the hex color values you have 
+listed in the color file.
+
+#### How does this color module work?
+When you have implemented it correctly in your subtheme
+the color module will take a copy of your __brand.css__ file
+and replace the original hex values with the hex values that
+are entered in the theme settings form. That copy is stored
+in your public file directory. Now it can also be cached.
+Each time a Site Manager saves the form, a new copy is generated. 
+
+
+### Release 1.7
+The border radius properties have been split into 
+* Card border radius
+* Form control border radius
+* Button border radius
+
+to allow for more flexibility between these elements.
+
+You need to add the new options to your custom theme-settings.php
+
+### v1.1.3 -- Apr 2017
+* Changed styles for book navigation.
+
+### v1.1.2 -- Mar 2017
+* Contents of the complementary_bottom region will be hidden on mobile screens.
+
+### v1.1.1 -- Feb 2017
+* Listed all mixins and base components in style guide
+* Update readme file
+* Update gulp tasks for correct deployment of style guide
+
+### v1.1.0 -- Feb 2017
+
+Inserted KSS based styleguide
+
+* See gulpfile for options that are passed on
+* The folder os-builder holds the assets and layout for the styleguide
+* Removed hook_theme_suggestions_fieldset_alter and
+hook_theme_suggestions_details_alter overrides which are not needed anymore
+because of social base theme update (2.1.0).
+* Class name updates for changed components in socialbase update 2.1.0
+* Set hover color of button links to remain primary color
+* Remove grid mixins (deprecated)

assets/css/alert.css

+.alert {
+  border-radius: 10px;
+}
+
+.alert-success {
+  background-color: #dff0d8;
+  border-color: #d6e9c6;
+  color: #3c763d;
+}
+
+.alert-success hr {
+  border-top-color: #c9e2b3;
+}
+
+.alert-success .alert-link {
+  color: #2b542c;
+}
+
+.alert-info {
+  background-color: #d9edf7;
+  border-color: #bce8f1;
+  color: #31708f;
+}
+
+.alert-info hr {
+  border-top-color: #a6e1ec;
+}
+
+.alert-info .alert-link {
+  color: #245269;
+}
+
+.alert-warning {
+  background-color: #fcf8e3;
+  border-color: #faebcc;
+  color: #8a6d3b;
+}
+
+.alert-warning hr {
+  border-top-color: #f7e1b5;
+}
+
+.alert-warning .alert-link {
+  color: #66512c;
+}
+
+.alert-danger {
+  background-color: #f2dede;
+  border-color: #ebccd1;
+  color: #a94442;
+}
+
+.alert-danger hr {
+  border-top-color: #e4b9c0;
+}
+
+.alert-danger .alert-link {
+  color: #843534;
+}

assets/css/badge--sky.css

+.socialblue--sky .badge {
+  font-size: 12px;
+}
+
+.socialblue--sky .badge.teaser__badge.badge-default, .socialblue--sky .badge.teaser__badge.badge-primary, .socialblue--sky .badge.teaser__badge.badge-secondary, .socialblue--sky .badge.teaser__badge.badge-accent, .socialblue--sky .badge.teaser__badge.badge-success, .socialblue--sky .badge.teaser__badge.badge-info, .socialblue--sky .badge.teaser__badge.badge-warning, .socialblue--sky .badge.teaser__badge.badge-danger, .socialblue--sky .badge.teaser__badge.badge-active {
+  padding-left: 1em;
+  padding-right: 1em;
+}
+
+@media (min-width: 900px) {
+  .socialblue--sky .badge-status {
+    margin-left: .5rem;
+    padding: 5px .875rem;
+    font-size: .875rem;
+    font-weight: 300;
+  }
+}

assets/css/badge.css

+.badge {
+  border-radius: 0.25em;
+  color: #fff;
+}
+
+.badge__icon {
+  fill: #4d4d4d;
+}
+
+.badge--pill {
+  border-radius: 1em;
+}
+
+.badge-default {
+  background-color: #e6e6e6;
+  color: #4d4d4d;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+}
+
+.badge-default[href]:hover, .badge-default[href]:focus {
+  background-color: #cdcdcd;
+}
+
+.badge-primary {
+  background-color: #29abe2;
+  color: #fff;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+}
+
+.badge-primary[href]:hover, .badge-primary[href]:focus {
+  background-color: #1a8dbe;
+}
+
+.badge-secondary {
+  background-color: #1f80aa;
+  color: #fff;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+}
+
+.badge-secondary[href]:hover, .badge-secondary[href]:focus {
+  background-color: #17607f;
+}
+
+.badge-accent {
+  background-color: #ffc142;
+  color: #4d4d4d;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+}
+
+.badge-accent[href]:hover, .badge-accent[href]:focus {
+  background-color: #ffb00f;
+}
+
+.badge-success {
+  background-color: #5cb85c;
+  color: #fff;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+}
+
+.badge-success[href]:hover, .badge-success[href]:focus {
+  background-color: #449d44;
+}
+
+.badge-info {
+  background-color: #33b5e5;
+  color: #fff;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+}
+
+.badge-info[href]:hover, .badge-info[href]:focus {
+  background-color: #1a9bcb;
+}
+
+.badge-warning {
+  background-color: #f80;
+  color: #fff;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+}
+
+.badge-warning[href]:hover, .badge-warning[href]:focus {
+  background-color: #cc6d00;
+}
+
+.badge-danger {
+  background-color: #d9534f;
+  color: #fff;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+}
+
+.badge-danger[href]:hover, .badge-danger[href]:focus {
+  background-color: #c9302c;
+}
+
+a .badge-default {
+  color: #4d4d4d;
+}
+
+a .badge-default:hover {
+  color: #4d4d4d;
+}

assets/css/base.css

+@font-face {
+  font-family: 'montserrat';
+  src: url("../font/montserrat/montserrat-light.eot") format('embedded-opentype'),
+       url("../font/montserrat/montserrat-light.woff2") format('woff2'),
+       url("../font/montserrat/montserrat-light.woff") format('woff'),
+       url("../font/montserrat/montserrat-light.ttf") format('truetype'),
+       url("../font/montserrat/montserrat-light.svg") format('svg');
+  font-weight: 300;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'montserrat';
+  src: url("../font/montserrat/montserrat-normal.eot") format('embedded-opentype'),
+       url("../font/montserrat/montserrat-normal.woff2") format('woff2'),
+       url("../font/montserrat/montserrat-normal.woff") format('woff'),
+       url("../font/montserrat/montserrat-normal.ttf") format('truetype'),
+       url("../font/montserrat/montserrat-normal.svg") format('svg');
+  font-weight: 500;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'montserrat';
+  src: url("../font/montserrat/montserrat-bold.eot") format('embedded-opentype'),
+       url("../font/montserrat/montserrat-bold.woff2") format('woff2'),
+       url("../font/montserrat/montserrat-bold.woff") format('woff'),
+       url("../font/montserrat/montserrat-bold.ttf") format('truetype'),
+       url("../font/montserrat/montserrat-bold.svg") format('svg');
+  font-weight: 700;
+  font-style: normal;
+}
+
+code,
+kbd,
+pre,
+samp {
+  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+}
+
+code {
+  color: #c7254e;
+  background-color: #f9f2f4;
+  border-radius: 2px;
+}
+
+kbd {
+  color: #fff;
+  background-color: #333;
+  border-radius: 3px;
+  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+
+pre {
+  color: #333333;
+  background-color: #f5f5f5;
+  border: 1px solid #ccc;
+  border-radius: 10px;
+}
+
+blockquote {
+  border-left: 3px solid #29abe2;
+}
+
+strong {
+  font-weight: 500;
+}
+
+.text-primary {
+  color: #29abe2;
+}
+
+a.text-primary:hover,
+a.text-primary:focus {
+  color: #1a8dbe;
+}
+
+.text-success {
+  color: #3c763d;
+}
+
+a.text-success:hover,
+a.text-success:focus {
+  color: #2b542c;
+}
+
+.text-info {
+  color: #31708f;
+}
+
+a.text-info:hover,
+a.text-info:focus {
+  color: #245269;
+}
+
+.text-warning {
+  color: #8a6d3b;
+}
+
+a.text-warning:hover,
+a.text-warning:focus {
+  color: #66512c;
+}
+
+.text-danger {
+  color: #a94442;
+}
+
+a.text-danger:hover,
+a.text-danger:focus {
+  color: #843534;
+}
+
+.text-muted {
+  color: #555555;
+}
+
+a.text-muted:hover,
+a.text-muted:focus {
+  color: #3c3c3c;
+}
+
+.text-gray {
+  color: #555555;
+}
+
+a.text-gray:hover,
+a.text-gray:focus {
+  color: #3c3c3c;
+}
+
+.text-gray-light {
+  color: #777;
+}
+
+a.text-gray-light:hover,
+a.text-gray-light:focus {
+  color: #5e5e5e;
+}
+
+.text-gray-lighter {
+  color: #adadad;
+}
+
+a.text-gray-lighter:hover,
+a.text-gray-lighter:focus {
+  color: #949494;
+}
+
+.text-gray-lightest {
+  color: #e6e6e6;
+}
+
+a.text-gray-lightest:hover,
+a.text-gray-lightest:focus {
+  color: #cdcdcd;
+}
+
+.text-accent {
+  color: #ffc142;
+}
+
+a.text-accent:hover,
+a.text-accent:focus {
+  color: #ffb00f;
+}
+
+.bg-primary {
+  background-color: #29abe2;
+}
+
+.bg-secondary {
+  background-color: #1f80aa;
+}
+
+.bg-accent {
+  background-color: #ffc142;
+}
+
+.bg-success {
+  background-color: #dff0d8;
+}
+
+.bg-warning {
+  background-color: #fcf8e3;
+}
+
+.bg-danger {
+  background-color: #f2dede;
+}
+
+.bg-info {
+  background-color: #d9edf7;
+}
+
+.bg-gray-base {
+  background-color: #000;
+}
+
+.bg-gray-darker {
+  background-color: #222222;
+}
+
+.bg-gray-dark {
+  background-color: #333333;
+}
+
+.bg-gray {
+  background-color: #555555;
+}
+
+.bg-gray-light {
+  background-color: #777;
+}
+
+.bg-gray-light-1 {
+  background-color: #adadad;
+}
+
+.bg-gray-lighter {
+  background-color: #e6e6e6;
+}
+
+.bg-gray-lighter-1 {
+  background-color: #f7f7f7;
+}
+
+.bg-gray-lightest {
+  background-color: #f3f3f3;
+}
+
+.bg-white {
+  background-color: white;
+}
+
+.brand-primary {
+  background-color: #29abe2;
+  border-color: #29abe2;
+  color: white;
+}
+
+a.brand-primary:hover,
+a.brand-primary:focus {
+  background-color: #1a8dbe;
+  border-color: #1a8dbe;
+  color: white;
+}
+
+.brand-secondary {
+  background-color: #1f80aa;
+  border-color: #1f80aa;
+  color: white;
+}
+
+a.brand-secondary:hover,
+a.brand-secondary:focus {
+  background-color: #17607f;
+  border-color: #17607f;
+  color: white;
+}
+
+.brand-accent {
+  background-color: #ffc142;
+  border-color: #ffc142;
+  color: #4d4d4d;
+}
+
+a.brand-accent:hover,
+a.brand-accent:focus {
+  background-color: #ffb00f;
+  border-color: #ffb00f;
+  color: #4d4d4d;
+}
+
+.brand-user {
+  background-color: #222222;
+  border-color: #222222;
+  color: white;
+}
+
+a.brand-user:hover,
+a.brand-user:focus {
+  background-color: #090909;
+  border-color: #090909;
+  color: white;
+}
+
+.default-light {
+  background-color: #e6e6e6;
+  border-color: #e6e6e6;
+  color: #4d4d4d;
+}
+
+a.default-light:hover,
+a.default-light:focus {
+  background-color: #cdcdcd;
+  border-color: #cdcdcd;
+  color: #4d4d4d;
+}
+
+body {
+  font-family: "montserrat", sans-serif;
+  font-weight: 300;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  color: #4d4d4d;
+  background-color: #f3f3f3;
+}
+
+.table-primary,
+.table-primary > th,
+.table-primary > td {
+  background-color: #c3e7f7;
+}
+
+.table-hover .table-primary:hover {
+  background-color: #addef4;
+}
+
+.table-hover .table-primary:hover > td,
+.table-hover .table-primary:hover > th {
+  background-color: #addef4;
+}
+
+.table-secondary,
+.table-secondary > th,
+.table-secondary > td {
+  background-color: #c0dbe7;
+}
+
+.table-hover .table-secondary:hover {
+  background-color: #aed0e0;
+}
+
+.table-hover .table-secondary:hover > td,
+.table-hover .table-secondary:hover > th {
+  background-color: #aed0e0;
+}
+
+.table-accent,
+.table-accent > th,
+.table-accent > td {
+  background-color: #ffeeca;
+}
+
+.table-hover .table-accent:hover {
+  background-color: #ffe6b1;
+}
+
+.table-hover .table-accent:hover > td,
+.table-hover .table-accent:hover > th {
+  background-color: #ffe6b1;
+}
+
+.table-success,
+.table-success > th,
+.table-success > td {
+  background-color: #d1ebd1;
+}
+
+.table-hover .table-success:hover {
+  background-color: #bfe3bf;
+}
+
+.table-hover .table-success:hover > td,
+.table-hover .table-success:hover > th {
+  background-color: #bfe3bf;
+}
+
+.table-info,
+.table-info > th,
+.table-info > td {
+  background-color: #c6eaf8;
+}
+
+.table-hover .table-info:hover {
+  background-color: #afe2f5;
+}
+
+.table-hover .table-info:hover > td,
+.table-hover .table-info:hover > th {
+  background-color: #afe2f5;
+}
+
+.table-warning,
+.table-warning > th,
+.table-warning > td {
+  background-color: #ffdeb8;
+}
+
+.table-hover .table-warning:hover {
+  background-color: #ffd29f;
+}
+