93 lines
2.2 KiB
SCSS
93 lines
2.2 KiB
SCSS
|
|
// Colors
|
|
|
|
$gray-dark-text: #bebebe;
|
|
$gray-dark-title: #bbcdd1;
|
|
$gray-dark-hover: #282b30;
|
|
$background-grey: #eaebec;
|
|
$gray-dark-text-hover: #ffffff;
|
|
$color-separator: #dfdfdf;
|
|
|
|
// Sizes
|
|
|
|
$size-navbar-width: 13.13rem;
|
|
$size-navbar-width-mini: 3.125rem;
|
|
$size-navbar-link-height: 1.75rem;
|
|
$size-header-height: 2.5rem;
|
|
$size-header-toolbar-height: 5.313rem;
|
|
$header-mobile-padding-y: .625rem;
|
|
|
|
// Imported from bootstrap
|
|
|
|
$grid-gutter-width: 1.875rem !default;
|
|
|
|
$border-radius: 0;
|
|
|
|
//UI Kit variables - to be removed
|
|
$gray-soft: #FAFBFC;
|
|
$gray-light: #BBCDD2;
|
|
$medium-gray: #6c868e;
|
|
$gray-medium: $medium-gray;
|
|
$gray-dark: #363a41;
|
|
$primary: #25b9d7;
|
|
$primary-hover: #3ED2F0;
|
|
$secondary: $medium-gray;
|
|
$secondary-hover: $gray-dark;
|
|
$notice: #DFF5F9;
|
|
$success: #78D07D;
|
|
$warning: #CD9321;
|
|
$warning-hover: #FDE7BB;
|
|
$danger: #c05c67;
|
|
$danger-hover: #fde1e1;
|
|
$brand-primary: $primary;
|
|
$brand-secondary: $secondary;
|
|
$brand-info: #5bc0de !default;
|
|
$brand-warning: #f0ad4e !default;
|
|
$font-size-base: .875rem;
|
|
$font-weight-normal: 400;
|
|
$font-weight-semibold: 600;
|
|
$font-size-xs: 0.625rem;
|
|
$font-size-h1: 1.5rem;
|
|
$nav-tabs-active-link-hover-border-color: $brand-primary;
|
|
$link-color: $brand-primary;
|
|
$brand-success: $success;
|
|
$brand-danger: $danger;
|
|
$dropdown-link-hover-color: $primary;
|
|
$dropdown-link-hover-bg: #fff;
|
|
$spacing-base: 30px;
|
|
$spacing-widths: (
|
|
xxs: $spacing-base / 6,
|
|
xs: $spacing-base / 3,
|
|
s: $spacing-base / 2,
|
|
n: $spacing-base,
|
|
l: $spacing-base * 2
|
|
);
|
|
$grid-breakpoints: (
|
|
xs: 0,
|
|
sm: 34em, // 544px
|
|
md: 48em, // 768px
|
|
lg: 64em, // 1024px
|
|
xl: 81.25em // 1300px
|
|
);
|
|
|
|
$card-border-color: #dbe6e9 !default;
|
|
$module-logo-size: 45px;
|
|
|
|
$card-spacer-x: .625rem !default;
|
|
$card-spacer-y: .625rem !default;
|
|
$card-border-width: 1px !default;
|
|
$card-border-radius: 5px !default;
|
|
$card-border-radius-inner: $card-border-radius !default;
|
|
$card-cap-bg: $gray-soft !default;
|
|
$card-bg: #fff !default;
|
|
$card-link-hover-color: #fff !default;
|
|
$enable-rounded: true !default;
|
|
$enable-hover-media-query: true;
|
|
|
|
$btn-primary-bg: $primary-hover;
|
|
$btn-secondary-border: #000;
|
|
$btn-info-bg: $brand-info !default;
|
|
$btn-success-bg: $brand-success !default;
|
|
$btn-warning-bg: $brand-warning !default;
|
|
$btn-danger-bg: $brand-danger !default;
|