Y-SLD/assets/playkit/global/scss/_variables.scss

130 lines
3.3 KiB
SCSS

// Colors
$gray-dark: #373a3c;
$gray: #55595c;
$gray-light: #818a91;
$gray-lighter: #eceeef;
$gray-lightest: #f7f7f9;
$brand-primary: #39527b;
$brand-success: #60c84c;
$brand-info: #58d9e1;
$brand-warning: #ffc952;
$brand-danger: #ff7473;
$brand-lime: #cddb2e;
$brand-inverse: $gray-dark;
$brand-black: #222222;
// social brands
$brand-google-plus: #dd4b39;
$brand-linkedin: #0077b5;
$brand-dribbble: #ea4c89;
$brand-facebook: #3b5998;
$brand-twitter: #1da1f2;
$brand-youtube: #cd201f;
$brand-flickr: #ff0084;
$brand-tumblr: #35465c;
// Components
$border-color-default: $gray-lighter;
$bg-faded: $gray-lightest;
$component-hover-bg: #f7f7f7;
// Spacing
$grid-gutter-width: 1.5rem;
// Menubar
$menubar-width: 240px;
$menubar-width-iconbar: 190px;
$menubar-width-hybrid: 260px;
$menubar-width-fold: 64px;
$menubar-top-height: 64px;
$menubar-dark-bg: $brand-primary;
// Navbar
$navbar-height: 66px;
$navbar-bg-default: #f7f7f7;
$navbar-border-color-default: #e6e6e6;
// header
$header-height: 162px;
// Cards
$card-spacer-x: 1.5rem; // 1.25rem
$card-spacer-y: .75rem; // .75rem
$card-margin-bottom: $grid-gutter-width;
$card-border-color: $border-color-default;
$card-cap-bg: $component-hover-bg;
// Links
$link-hover-decoration: none;
// Tables
$table-bg-accent: $bg-faded;
$table-border-color: $border-color-default;
// Hamburgers
$hamburger-padding-x : 10px;
$hamburger-padding-y : 6px;
$hamburger-layer-width : 22px;
$hamburger-layer-height : 2px;
$hamburger-layer-spacing : 3px;
$hamburger-layer-color : #fff;
$hamburger-layer-border-radius : 4px;
$hamburger-hover-opacity : 1;
// Dropdowns, Media-lists
$dropdown-padding-y: 5px;
$dropdown-item-padding-x: 1rem;
$dropdown-margin-top: .25rem;
$dropdown-border-color: $border-color-default;
$dropdown-divider-bg: $border-color-default;
$dropdown-box-shadow: 0 .25rem .5rem rgba(0,0,0,.08);
$dropdown-link-hover-bg: $component-hover-bg;
$dropdown-cap-bg: #fbfbfb;
$dropdown-cap-border-color: #f0f0f0;
$media-link-hover-bg: $component-hover-bg;
$media-border-color: $border-color-default;
// avatar
$avatar-size-xs: 2rem !default;
$avatar-size-sm: 3rem !default;
$avatar-size-md: 4rem !default;
$avatar-size-lg: 5rem !default;
$avatar-size-xl: 7rem !default;
$avatar-size-default: 2.5rem !default;
$avatar-border-radius: 3px !default;
$avatar-border-radius-xl: .25rem !default;
// circles
$circle-size-xs: $avatar-size-xs;
$circle-size-sm: $avatar-size-sm;
$circle-size-md: $avatar-size-md;
$circle-size-lg: $avatar-size-lg;
$circle-size-xl: $avatar-size-xl;
$circle-size-default: $avatar-size-default;
// List group
$list-group-bg: #fff !default;
$list-group-border-color: $border-color-default !default;
$list-group-hover-bg: $component-hover-bg;
$list-group-item-padding-x: 1.25rem;
$list-group-item-padding-y: .75rem;