generated from app-generator/design-core-bootstrap
-
Notifications
You must be signed in to change notification settings - Fork 8
/
variables.scss
99 lines (91 loc) · 2.44 KB
/
variables.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
/*
* Variables
* Copyright AppSeed (https://appseed.us)
* License MIT
*/
$soft-background-color: #ffffff !default;
$font-color : #28282A !default;
$h-color: #344767 !default;
$primary-fonts: 'Ubuntu', sans-serif;
$secondary-fonts: 'Poppins', sans-serif;
// Color system
$white: #fff !default;
$gray-100 : #E4E5EA !default;
$gray-200 : #EEEEEE !default;
$gray-300: #e2e2e2 !default;
$gray-400: #9C9C9C !default;
$gray-500: #747474 !default;
$gray-600: #717171 !default;
$gray-700: #495057 !default;
$gray-800: #151515 !default;
$gray-900: #0D0D11 !default;
$black: #000 !default;
$border-1: #D1D1D1 !default;
$border-2: #3793D1 !default;
$input-text-color: #9F9F9F !default;
// fusv-enable
$blue: #113869 !default;
$primary-blue: #28282A !default;
$dark-blue: #1B4F87 !default;
$indigo: #2D5F84 !default;
$purple: #6f42c1 !default;
$pink: #D081A4 !default;
$red: #FF0000 !default;
$orange: #FF7A00 !default;
$yellow: #FFE759 !default;
$green: #94DB33 !default;
$teal: #20c997 !default;
$cyan: #00B9AC !default;
// scss-docs-start colors-map
$colors: (
"blue": $blue,
"darkBlue":$dark-blue,
"indigo": $indigo,
"purple": $purple,
"pink": $pink,
"red": $red,
"orange": $orange,
"yellow": $yellow,
"green": $green,
"teal": $teal,
"cyan": $cyan,
"white": $white,
"gray": $gray-600,
"gray-dark": $gray-800,
"border-1": $border-1,
) !default;
/*
* Global Styling (edit below variables)
* Warn: once edited, the SCSS needs to be recompiled
*/
$primary: #113869 !default; // primary color
$primary-light: #4281D0 !default; // primary light
$primary-dark: #072448 !default; // primary dark
$secondary: #E0C340 !default; // secondary
$info: #17c1e8 !default;
$success: #82d616 !default;
$warning: #fbcf33 !default;
$danger: #ea0606 !default;
$light: #ffffff !default;
$dark: $h-color !default;
$gray-light: #f3f3f3 !default;
// END Global Styling
// scss-docs-start theme-colors-map
$theme-colors: (
"primary": $primary,
"secondary": $secondary,
"success": $success,
"info": $info,
"warning": $warning,
"danger": $danger,
"light": $light,
"dark": $dark,
"white": $white,
"gray-light":$gray-light) !default;
// scss-docs-end theme-colors-map
@mixin primary-gradient() {
background: linear-gradient(91.02deg, $primary-light 0%, $primary-dark 100%);
}
@mixin text-primary-gradient() {
background: linear-gradient(91.02deg, $primary-light 0%, $primary-dark 85.09%, $primary-light 102.7%);
}