130 lines
3.3 KiB
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;
|