83 lines
1.7 KiB
SCSS
83 lines
1.7 KiB
SCSS
|
//
|
||
|
|
// variables.scss
|
||
|
|
//
|
||
|
|
|
||
|
|
// fonts
|
||
|
|
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap');
|
||
|
|
|
||
|
|
//color
|
||
|
|
$primary: #323232;
|
||
|
|
$success: #34af7a;
|
||
|
|
$info: #49c6e5;
|
||
|
|
$warning: #e9aa39;
|
||
|
|
$danger: #f01414;
|
||
|
|
$white: #ffffff;
|
||
|
|
$dark: #13121d;
|
||
|
|
$light: #f8f9fa;
|
||
|
|
$muted: #8b8e92;
|
||
|
|
$black: #000000;
|
||
|
|
$purple: #9894ff;
|
||
|
|
$cyan: #00e6e6;
|
||
|
|
$blue: #3083DC;
|
||
|
|
$pink: #f13e74;
|
||
|
|
|
||
|
|
// stylelint-disable
|
||
|
|
$gray-100: #f8f9fa;
|
||
|
|
$gray-200: #e9ecef;
|
||
|
|
$gray-300: #f7f7f7;
|
||
|
|
$gray-400: #cacaca;
|
||
|
|
$gray-500: #adb5bd;
|
||
|
|
$gray-600: #6c757d;
|
||
|
|
$gray-700: #444444;
|
||
|
|
$gray-800: #343a40;
|
||
|
|
$gray-900: #1f1f1f;
|
||
|
|
|
||
|
|
// stylelint-disable
|
||
|
|
$gray-dark-100: #505050;
|
||
|
|
$gray-dark-200: #343a40;
|
||
|
|
$gray-dark-300: #495057;
|
||
|
|
$gray-dark-400: #6c757d;
|
||
|
|
$gray-dark-500: #888888;
|
||
|
|
$gray-dark-600: #ced4da;
|
||
|
|
$gray-dark-700: #dee2e6;
|
||
|
|
$gray-dark-800: #e9ecef;
|
||
|
|
$gray-dark-900: #f8f9fa;
|
||
|
|
|
||
|
|
$colors: (
|
||
|
|
"primary": $primary,
|
||
|
|
"success": $success,
|
||
|
|
"info": $info,
|
||
|
|
"warning": $warning,
|
||
|
|
"danger": $danger,
|
||
|
|
"dark": $dark,
|
||
|
|
"cyan": $cyan,
|
||
|
|
"blue": $blue,
|
||
|
|
"muted": $muted,
|
||
|
|
"purple": $purple,
|
||
|
|
"pink": $pink,
|
||
|
|
"light": $light,
|
||
|
|
"white": $white,
|
||
|
|
);
|
||
|
|
|
||
|
|
$theme-colors: (
|
||
|
|
"primary": $primary,
|
||
|
|
"success": $success,
|
||
|
|
"info": $info,
|
||
|
|
"warning": $warning,
|
||
|
|
"danger": $danger,
|
||
|
|
"light": $light,
|
||
|
|
"dark": $dark,
|
||
|
|
"muted": $muted,
|
||
|
|
"white": $white,
|
||
|
|
);
|
||
|
|
|
||
|
|
//box-shadow
|
||
|
|
$box-shadow: rgba($black, 0.05) 0px 8px 24px;
|
||
|
|
|
||
|
|
// font weight
|
||
|
|
$font-weight-medium: 500;
|
||
|
|
$font-weight-semibold: 600;
|
||
|
|
|
||
|
|
// font-family
|
||
|
|
$font-family-base: 'Montserrat', sans-serif;
|