Commit 07989bf2 authored by navneet0693's avatar navneet0693
Browse files

Initial commit.

parents
### 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)
.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;
}
.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;
}
}
.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;
}
@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;
}
.table-hover .table-warning:hover > td,