@burh/nuxt-core 1.0.22 → 1.0.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/css/variables.css +3 -0
- package/assets/sass/argon-panna.scss +106 -0
- package/assets/sass/argon-test-online.scss +106 -0
- package/assets/sass/burh-ds/_variables.scss +1 -0
- package/assets/sass/burh-ds/organisms/_cards.scss +36 -4
- package/assets/sass/burh-ds/variables/_colors-panna.scss +303 -0
- package/assets/sass/burh-ds/variables/_colors-test-online.scss +303 -0
- package/assets/sass/burh-ds/variables/_colors.scss +0 -1
- package/assets/sass/custom/_variables.scss +1 -0
- package/components/argon-core/BaseDropdown.vue +1 -1
- package/components/argon-core/Modal.vue +1 -1
- package/components/burh-ds/Avatar/AvatarLink.vue +24 -18
- package/components/burh-ds/Button/ExportButton.vue +3 -8
- package/components/burh-ds/Cards/TestCard.vue +163 -52
- package/components/burh-ds/Cards/WelcomeCard.vue +36 -43
- package/components/burh-ds/Dropdown/AppLinkArea.vue +125 -39
- package/components/burh-ds/Dropdown/DropdownItem.vue +21 -16
- package/components/burh-ds/Dropdown/DropdownSection.vue +26 -26
- package/components/burh-ds/Dropdown/FaqVideoArea.vue +79 -65
- package/components/burh-ds/Dropdown/SignOutItem.vue +6 -6
- package/components/burh-ds/Dropdown/UserMenuDropdown.vue +54 -48
- package/components/burh-ds/Groups/SimpleProductItem.vue +26 -11
- package/components/burh-ds/Headings/AppHeader.vue +46 -47
- package/components/burh-ds/Headings/StepHeader.vue +87 -51
- package/components/burh-ds/Link/DefaultLink.vue +31 -0
- package/components/burh-ds/Lists/ListNavLinks.vue +47 -34
- package/components/burh-ds/Loadings/LoadingFullPage.vue +1 -0
- package/components/burh-ds/Modals/AppConfigModal.vue +157 -159
- package/components/burh-ds/Modals/SendTest.vue +170 -0
- package/components/burh-ds/Modals/VideoModal.vue +15 -5
- package/components/burh-ds/Navbar/BaseNav.vue +2 -2
- package/components/burh-ds/Pagination/NamedPagination.vue +171 -0
- package/components/burh-ds/Questions/Question.vue +86 -50
- package/components/burh-ds/Questions/QuestionAttach.vue +1 -1
- package/components/burh-ds/Questions/QuestionRadio.vue +44 -40
- package/components/burh-ds/Questions/QuestionRadioItem.vue +29 -23
- package/components/burh-ds/Questions/QuestionText.vue +53 -22
- package/components/burh-ds/Tabs/TesteTab.vue +100 -0
- package/components/layouts/burh-ds/navbar/AppNavbar.vue +73 -35
- package/components/layouts/burh-ds/navbar/BusinessGlobalNavbar.vue +385 -241
- package/package.json +2 -2
- package/data/ListNavLinksMock.json +0 -113
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
|
|
2
|
+
/*!
|
|
3
|
+
|
|
4
|
+
=========================================================
|
|
5
|
+
* Nuxt Argon Dashboard PRO - v1.0.0
|
|
6
|
+
=========================================================
|
|
7
|
+
|
|
8
|
+
* Product Page: https://www.creative-tim.com/product/nuxt-argon-dashboard-pro
|
|
9
|
+
* Copyright 2019 Creative Tim (https://www.creative-tim.com)
|
|
10
|
+
|
|
11
|
+
* Coded by www.creative-tim.com and www.binarcode.com
|
|
12
|
+
|
|
13
|
+
=========================================================
|
|
14
|
+
|
|
15
|
+
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
|
16
|
+
|
|
17
|
+
*/
|
|
18
|
+
// Bootstrap functions
|
|
19
|
+
@import '~bootstrap/scss/functions';
|
|
20
|
+
|
|
21
|
+
// Argon functions
|
|
22
|
+
@import "burh-ds/functions";
|
|
23
|
+
@import "burh-ds/variables/colors-panna";
|
|
24
|
+
@import "burh-ds/variables";
|
|
25
|
+
@import "~bootstrap/scss/variables";
|
|
26
|
+
|
|
27
|
+
// Argon mixins
|
|
28
|
+
@import "~bootstrap/scss/mixins";
|
|
29
|
+
@import "burh-ds/mixins";
|
|
30
|
+
|
|
31
|
+
// Bootstrap components
|
|
32
|
+
@import "~bootstrap/scss/root";
|
|
33
|
+
@import "~bootstrap/scss/reboot";
|
|
34
|
+
@import "~bootstrap/scss/type";
|
|
35
|
+
@import "~bootstrap/scss/images";
|
|
36
|
+
@import "~bootstrap/scss/code";
|
|
37
|
+
@import "~bootstrap/scss/grid";
|
|
38
|
+
@import "~bootstrap/scss/tables";
|
|
39
|
+
@import "~bootstrap/scss/forms";
|
|
40
|
+
@import "~bootstrap/scss/buttons";
|
|
41
|
+
@import "~bootstrap/scss/transitions";
|
|
42
|
+
@import "~bootstrap/scss/dropdown";
|
|
43
|
+
@import "~bootstrap/scss/button-group";
|
|
44
|
+
@import "~bootstrap/scss/input-group";
|
|
45
|
+
@import "~bootstrap/scss/custom-forms";
|
|
46
|
+
@import "~bootstrap/scss/nav";
|
|
47
|
+
@import "~bootstrap/scss/navbar";
|
|
48
|
+
@import "~bootstrap/scss/card";
|
|
49
|
+
@import "~bootstrap/scss/breadcrumb";
|
|
50
|
+
@import "~bootstrap/scss/pagination";
|
|
51
|
+
@import "~bootstrap/scss/badge";
|
|
52
|
+
@import "~bootstrap/scss/jumbotron";
|
|
53
|
+
@import "~bootstrap/scss/alert";
|
|
54
|
+
@import "~bootstrap/scss/progress";
|
|
55
|
+
@import "~bootstrap/scss/media";
|
|
56
|
+
@import "~bootstrap/scss/list-group";
|
|
57
|
+
@import "~bootstrap/scss/close";
|
|
58
|
+
@import "~bootstrap/scss/modal";
|
|
59
|
+
@import "~bootstrap/scss/tooltip";
|
|
60
|
+
@import "~bootstrap/scss/popover";
|
|
61
|
+
@import "~bootstrap/scss/carousel";
|
|
62
|
+
@import "~bootstrap/scss/utilities";
|
|
63
|
+
@import "~bootstrap/scss/print";
|
|
64
|
+
|
|
65
|
+
// Argon components
|
|
66
|
+
@import 'burh-ds/components';
|
|
67
|
+
@import 'burh-ds/utilities';
|
|
68
|
+
@import 'burh-ds/vendors';
|
|
69
|
+
@import 'burh-ds/transitions';
|
|
70
|
+
|
|
71
|
+
//Burh
|
|
72
|
+
@import "burh-ds/global";
|
|
73
|
+
@import "burh-ds/helpers";
|
|
74
|
+
|
|
75
|
+
@import 'burh-ds/atoms/buttons';
|
|
76
|
+
@import 'burh-ds/atoms/forms';
|
|
77
|
+
@import 'burh-ds/atoms/type';
|
|
78
|
+
@import 'burh-ds/atoms/tables';
|
|
79
|
+
@import 'burh-ds/atoms/badge';
|
|
80
|
+
|
|
81
|
+
@import 'burh-ds/molecules/breadcrumb';
|
|
82
|
+
@import 'burh-ds/molecules/modal';
|
|
83
|
+
@import 'burh-ds/molecules/notifications';
|
|
84
|
+
@import 'burh-ds/molecules/navbar';
|
|
85
|
+
@import 'burh-ds/molecules/box';
|
|
86
|
+
@import 'burh-ds/molecules/testimonial';
|
|
87
|
+
@import 'burh-ds/molecules/steps-profile';
|
|
88
|
+
|
|
89
|
+
@import 'burh-ds/organisms/subheader';
|
|
90
|
+
@import 'burh-ds/organisms/banner';
|
|
91
|
+
@import 'burh-ds/organisms/footer';
|
|
92
|
+
@import 'burh-ds/organisms/search';
|
|
93
|
+
@import 'burh-ds/organisms/profile-bar';
|
|
94
|
+
@import 'burh-ds/organisms/cards';
|
|
95
|
+
|
|
96
|
+
@import 'burh-ds/organisms/cards/featured-company';
|
|
97
|
+
@import 'burh-ds/organisms/cards/opportunity';
|
|
98
|
+
@import 'burh-ds/organisms/carousel';
|
|
99
|
+
@import 'burh-ds/organisms/tabs-setting';
|
|
100
|
+
|
|
101
|
+
@import 'burh-ds/content/main-content';
|
|
102
|
+
@import 'burh-ds/content/interface-spa';
|
|
103
|
+
|
|
104
|
+
@import 'burh-ds/pages/error';
|
|
105
|
+
@import 'burh-ds/pages/jobs';
|
|
106
|
+
@import 'burh-ds/pages/testes';
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
|
|
2
|
+
/*!
|
|
3
|
+
|
|
4
|
+
=========================================================
|
|
5
|
+
* Nuxt Argon Dashboard PRO - v1.0.0
|
|
6
|
+
=========================================================
|
|
7
|
+
|
|
8
|
+
* Product Page: https://www.creative-tim.com/product/nuxt-argon-dashboard-pro
|
|
9
|
+
* Copyright 2019 Creative Tim (https://www.creative-tim.com)
|
|
10
|
+
|
|
11
|
+
* Coded by www.creative-tim.com and www.binarcode.com
|
|
12
|
+
|
|
13
|
+
=========================================================
|
|
14
|
+
|
|
15
|
+
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
|
16
|
+
|
|
17
|
+
*/
|
|
18
|
+
// Bootstrap functions
|
|
19
|
+
@import '~bootstrap/scss/functions';
|
|
20
|
+
|
|
21
|
+
// Argon functions
|
|
22
|
+
@import "burh-ds/functions";
|
|
23
|
+
@import "burh-ds/variables/colors-test-online";
|
|
24
|
+
@import "burh-ds/variables";
|
|
25
|
+
@import "~bootstrap/scss/variables";
|
|
26
|
+
|
|
27
|
+
// Argon mixins
|
|
28
|
+
@import "~bootstrap/scss/mixins";
|
|
29
|
+
@import "burh-ds/mixins";
|
|
30
|
+
|
|
31
|
+
// Bootstrap components
|
|
32
|
+
@import "~bootstrap/scss/root";
|
|
33
|
+
@import "~bootstrap/scss/reboot";
|
|
34
|
+
@import "~bootstrap/scss/type";
|
|
35
|
+
@import "~bootstrap/scss/images";
|
|
36
|
+
@import "~bootstrap/scss/code";
|
|
37
|
+
@import "~bootstrap/scss/grid";
|
|
38
|
+
@import "~bootstrap/scss/tables";
|
|
39
|
+
@import "~bootstrap/scss/forms";
|
|
40
|
+
@import "~bootstrap/scss/buttons";
|
|
41
|
+
@import "~bootstrap/scss/transitions";
|
|
42
|
+
@import "~bootstrap/scss/dropdown";
|
|
43
|
+
@import "~bootstrap/scss/button-group";
|
|
44
|
+
@import "~bootstrap/scss/input-group";
|
|
45
|
+
@import "~bootstrap/scss/custom-forms";
|
|
46
|
+
@import "~bootstrap/scss/nav";
|
|
47
|
+
@import "~bootstrap/scss/navbar";
|
|
48
|
+
@import "~bootstrap/scss/card";
|
|
49
|
+
@import "~bootstrap/scss/breadcrumb";
|
|
50
|
+
@import "~bootstrap/scss/pagination";
|
|
51
|
+
@import "~bootstrap/scss/badge";
|
|
52
|
+
@import "~bootstrap/scss/jumbotron";
|
|
53
|
+
@import "~bootstrap/scss/alert";
|
|
54
|
+
@import "~bootstrap/scss/progress";
|
|
55
|
+
@import "~bootstrap/scss/media";
|
|
56
|
+
@import "~bootstrap/scss/list-group";
|
|
57
|
+
@import "~bootstrap/scss/close";
|
|
58
|
+
@import "~bootstrap/scss/modal";
|
|
59
|
+
@import "~bootstrap/scss/tooltip";
|
|
60
|
+
@import "~bootstrap/scss/popover";
|
|
61
|
+
@import "~bootstrap/scss/carousel";
|
|
62
|
+
@import "~bootstrap/scss/utilities";
|
|
63
|
+
@import "~bootstrap/scss/print";
|
|
64
|
+
|
|
65
|
+
// Argon components
|
|
66
|
+
@import 'burh-ds/components';
|
|
67
|
+
@import 'burh-ds/utilities';
|
|
68
|
+
@import 'burh-ds/vendors';
|
|
69
|
+
@import 'burh-ds/transitions';
|
|
70
|
+
|
|
71
|
+
//Burh
|
|
72
|
+
@import "burh-ds/global";
|
|
73
|
+
@import "burh-ds/helpers";
|
|
74
|
+
|
|
75
|
+
@import 'burh-ds/atoms/buttons';
|
|
76
|
+
@import 'burh-ds/atoms/forms';
|
|
77
|
+
@import 'burh-ds/atoms/type';
|
|
78
|
+
@import 'burh-ds/atoms/tables';
|
|
79
|
+
@import 'burh-ds/atoms/badge';
|
|
80
|
+
|
|
81
|
+
@import 'burh-ds/molecules/breadcrumb';
|
|
82
|
+
@import 'burh-ds/molecules/modal';
|
|
83
|
+
@import 'burh-ds/molecules/notifications';
|
|
84
|
+
@import 'burh-ds/molecules/navbar';
|
|
85
|
+
@import 'burh-ds/molecules/box';
|
|
86
|
+
@import 'burh-ds/molecules/testimonial';
|
|
87
|
+
@import 'burh-ds/molecules/steps-profile';
|
|
88
|
+
|
|
89
|
+
@import 'burh-ds/organisms/subheader';
|
|
90
|
+
@import 'burh-ds/organisms/banner';
|
|
91
|
+
@import 'burh-ds/organisms/footer';
|
|
92
|
+
@import 'burh-ds/organisms/search';
|
|
93
|
+
@import 'burh-ds/organisms/profile-bar';
|
|
94
|
+
@import 'burh-ds/organisms/cards';
|
|
95
|
+
|
|
96
|
+
@import 'burh-ds/organisms/cards/featured-company';
|
|
97
|
+
@import 'burh-ds/organisms/cards/opportunity';
|
|
98
|
+
@import 'burh-ds/organisms/carousel';
|
|
99
|
+
@import 'burh-ds/organisms/tabs-setting';
|
|
100
|
+
|
|
101
|
+
@import 'burh-ds/content/main-content';
|
|
102
|
+
@import 'burh-ds/content/interface-spa';
|
|
103
|
+
|
|
104
|
+
@import 'burh-ds/pages/error';
|
|
105
|
+
@import 'burh-ds/pages/jobs';
|
|
106
|
+
@import 'burh-ds/pages/testes';
|
|
@@ -1,8 +1,40 @@
|
|
|
1
1
|
.card {
|
|
2
|
+
&-app {
|
|
3
|
+
padding: 3rem 4rem;
|
|
4
|
+
box-shadow: 0 0 1rem 0 rgba(#4a525a, .15);
|
|
5
|
+
border: 2px solid transparent;
|
|
6
|
+
border-radius: 5px;
|
|
7
|
+
margin-bottom: 1rem;
|
|
8
|
+
|
|
9
|
+
&:hover {
|
|
10
|
+
cursor: pointer;
|
|
11
|
+
border: 2px solid $color-primary;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.card__image {
|
|
15
|
+
width: 6rem;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.card-title {
|
|
19
|
+
font-size: .9rem;
|
|
20
|
+
line-height: .9rem;
|
|
21
|
+
color: #3c4858;
|
|
22
|
+
font-weight: 600;
|
|
23
|
+
margin-top: 1rem;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.card__icon {
|
|
27
|
+
font-size: 6rem;
|
|
28
|
+
color: $color-primary;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
|
|
2
34
|
&--shadow {
|
|
3
35
|
border: 1px solid #e5e5e5;
|
|
4
36
|
}
|
|
5
|
-
|
|
37
|
+
|
|
6
38
|
&--job {
|
|
7
39
|
box-shadow: none;
|
|
8
40
|
border: $card-border-width solid $card-border-color;
|
|
@@ -63,7 +95,7 @@
|
|
|
63
95
|
font-size: .8em;
|
|
64
96
|
margin: 0;
|
|
65
97
|
}
|
|
66
|
-
|
|
98
|
+
|
|
67
99
|
&-title {
|
|
68
100
|
display: -webkit-box;
|
|
69
101
|
-webkit-box-orient: vertical;
|
|
@@ -85,7 +117,7 @@
|
|
|
85
117
|
position: relative;
|
|
86
118
|
@extend .bg-responsive;
|
|
87
119
|
overflow: hidden;
|
|
88
|
-
|
|
120
|
+
|
|
89
121
|
.card__bg {
|
|
90
122
|
display: none;
|
|
91
123
|
}
|
|
@@ -182,4 +214,4 @@
|
|
|
182
214
|
}
|
|
183
215
|
}
|
|
184
216
|
}
|
|
185
|
-
}
|
|
217
|
+
}
|
|
@@ -0,0 +1,303 @@
|
|
|
1
|
+
//Burh colors - Main
|
|
2
|
+
$color-default: #13293B;
|
|
3
|
+
$color-default--lighten: #7092A6;
|
|
4
|
+
$color-default--mid-dark: #071E2A;
|
|
5
|
+
$color-default--darken: #0A0C10;
|
|
6
|
+
$color-primary: #FDDF00;
|
|
7
|
+
$color-primary--lighten: #81BFEB;
|
|
8
|
+
$color-primary--mid-dark: #0062AE;
|
|
9
|
+
$color-primary--darken: #004483;
|
|
10
|
+
$color-secondary: #FDDF00;
|
|
11
|
+
$color-secondary--lighten: #FAE871;
|
|
12
|
+
$color-secondary--mid-dark: #F9D100;
|
|
13
|
+
$color-secondary--darken: #FFB200;
|
|
14
|
+
$color-light: #ECF1F5;
|
|
15
|
+
$color-light--lighten: #F9F9F9;
|
|
16
|
+
$color-light--mid-dark: #CCD9DF;
|
|
17
|
+
$color-light--darken: #B8C8D3;
|
|
18
|
+
$color-dark: #485863;
|
|
19
|
+
$color-dark--lighten: #768B9A;
|
|
20
|
+
$color-dark--mid-dark: #3B4B56;
|
|
21
|
+
$color-dark--darken: #040405;
|
|
22
|
+
|
|
23
|
+
//Burh colors - Feedback
|
|
24
|
+
$color-info: #2BB3DC;
|
|
25
|
+
$color-info--ligthen: #CAE7F0;
|
|
26
|
+
$color-info--mid-dark: #56BCD5;
|
|
27
|
+
$color-info--darken: #56BCD5;
|
|
28
|
+
$color-success: #4FA86F;
|
|
29
|
+
$color-success--ligthen: #CADEE3;
|
|
30
|
+
$color-success--mid-dark: #7EBD94;
|
|
31
|
+
$color-success--darken: #35824D;
|
|
32
|
+
$color-danger: #DE214B;
|
|
33
|
+
$color-danger--ligthen: #EFC2CE;
|
|
34
|
+
$color-danger--mid-dark: #E88CA4;
|
|
35
|
+
$color-danger--darken: #C50035;
|
|
36
|
+
$color-warning: #E69E33;
|
|
37
|
+
$color-warning--ligthen: #E69E33;
|
|
38
|
+
$color-warning--mid-dark: #DB8E37;
|
|
39
|
+
$color-warning--darken: #E66433;
|
|
40
|
+
|
|
41
|
+
//Burh Colors - Monochrome Scale
|
|
42
|
+
$color-mono-blue: #004484;
|
|
43
|
+
$color-mono-blue-90: #195690;
|
|
44
|
+
$color-mono-blue-80: #33699C;
|
|
45
|
+
$color-mono-blue-70: #4C7BA8;
|
|
46
|
+
$color-mono-blue-60: #668EB5;
|
|
47
|
+
$color-mono-blue-50: #7FA1C1;
|
|
48
|
+
$color-mono-blue-40: #99B4CE;
|
|
49
|
+
$color-mono-blue-30: #B2C6DA;
|
|
50
|
+
$color-mono-blue-20: #CCD9E6;
|
|
51
|
+
$color-mono-blue-10: #E5ECF2;
|
|
52
|
+
$color-mono-dark: #232C30;
|
|
53
|
+
$color-mono-dark-90: #384044;
|
|
54
|
+
$color-mono-dark-80: #4F5659;
|
|
55
|
+
$color-mono-dark-70: #646A6D;
|
|
56
|
+
$color-mono-dark-60: #7B8082;
|
|
57
|
+
$color-mono-dark-50: #909597;
|
|
58
|
+
$color-mono-dark-40: #A7AAAC;
|
|
59
|
+
$color-mono-dark-30: #BCBFC0;
|
|
60
|
+
$color-mono-dark-20: #D3D4D5;
|
|
61
|
+
$color-mono-dark-10: #E8E9EA;
|
|
62
|
+
|
|
63
|
+
//Burh Colors - Social Media
|
|
64
|
+
|
|
65
|
+
//Burh Colors - Base Duotone
|
|
66
|
+
$base-light: #FFFFFF;
|
|
67
|
+
$base-dark: $color-mono-dark;
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
// Shadows
|
|
71
|
+
|
|
72
|
+
$enable-shadows: true !default;
|
|
73
|
+
|
|
74
|
+
|
|
75
|
+
|
|
76
|
+
// Color system
|
|
77
|
+
|
|
78
|
+
$white: #fff !default;
|
|
79
|
+
$gray-100: #f6f9fc !default;
|
|
80
|
+
$gray-200: #e9ecef !default;
|
|
81
|
+
$gray-300: #dee2e6 !default;
|
|
82
|
+
$gray-400: #ced4da !default;
|
|
83
|
+
$gray-500: #adb5bd !default;
|
|
84
|
+
$gray-600: #8898aa !default; // Line footer color
|
|
85
|
+
$gray-700: #525f7f !default; // Line p color
|
|
86
|
+
$gray-800: #32325d !default; // Line heading color
|
|
87
|
+
$gray-900: #212529 !default;
|
|
88
|
+
$black: #000 !default;
|
|
89
|
+
|
|
90
|
+
$grays: () !default;
|
|
91
|
+
$grays: map-merge((
|
|
92
|
+
"100": $gray-100,
|
|
93
|
+
"200": $gray-200,
|
|
94
|
+
"300": $gray-300,
|
|
95
|
+
"400": $gray-400,
|
|
96
|
+
"500": $gray-500,
|
|
97
|
+
"600": $gray-600,
|
|
98
|
+
"700": $gray-700,
|
|
99
|
+
"800": $gray-800,
|
|
100
|
+
"900": $gray-900
|
|
101
|
+
), $grays);
|
|
102
|
+
|
|
103
|
+
$blue: #5e72e4 !default;
|
|
104
|
+
$indigo: #5603ad !default;
|
|
105
|
+
$purple: #8965e0 !default;
|
|
106
|
+
$pink: #f3a4b5 !default;
|
|
107
|
+
$red: #f5365c !default;
|
|
108
|
+
$orange: #fb6340 !default;
|
|
109
|
+
$yellow: #ffd600 !default;
|
|
110
|
+
$green: #2dce89 !default;
|
|
111
|
+
$teal: #11cdef !default;
|
|
112
|
+
$cyan: #2bffc6 !default;
|
|
113
|
+
|
|
114
|
+
$colors: () !default;
|
|
115
|
+
$colors: map-merge((
|
|
116
|
+
"blue": $blue,
|
|
117
|
+
"indigo": $indigo,
|
|
118
|
+
"purple": $purple,
|
|
119
|
+
"pink": $pink,
|
|
120
|
+
"red": $red,
|
|
121
|
+
"orange": $orange,
|
|
122
|
+
"yellow": $yellow,
|
|
123
|
+
"green": $green,
|
|
124
|
+
"teal": $teal,
|
|
125
|
+
"cyan": $cyan,
|
|
126
|
+
"white": $white,
|
|
127
|
+
"gray": $gray-600,
|
|
128
|
+
"light": $gray-400,
|
|
129
|
+
"lighter": $gray-200,
|
|
130
|
+
"lightest": lighten($gray-200, 5%),
|
|
131
|
+
"gray-dark": $gray-800
|
|
132
|
+
), $colors);
|
|
133
|
+
|
|
134
|
+
$default: $color-default!default;
|
|
135
|
+
$primary: $color-primary !default;
|
|
136
|
+
$secondary: $color-secondary !default;
|
|
137
|
+
$success: $color-success !default;
|
|
138
|
+
$info: $color-info !default;
|
|
139
|
+
$warning: $color-warning !default;
|
|
140
|
+
$danger: $color-danger !default;
|
|
141
|
+
$light: $color-light !default;
|
|
142
|
+
$dark: $gray-900 !default;
|
|
143
|
+
$darker: $base-dark;
|
|
144
|
+
|
|
145
|
+
$facebook: #3b5999 !default;
|
|
146
|
+
$twitter: #1da1f2 !default;
|
|
147
|
+
$google-plus: #dd4b39 !default;
|
|
148
|
+
$instagram: #e4405f !default;
|
|
149
|
+
$pinterest: #bd081c !default;
|
|
150
|
+
$youtube: #cd201f !default;
|
|
151
|
+
$slack: #3aaf85 !default;
|
|
152
|
+
$dribbble: #ea4c89 !default;
|
|
153
|
+
$github: #222222 !default;
|
|
154
|
+
$vimeo: #04A0F0 !default;
|
|
155
|
+
|
|
156
|
+
$theme-colors: () !default;
|
|
157
|
+
$theme-colors: map-merge((
|
|
158
|
+
"default": $default,
|
|
159
|
+
"primary": $primary,
|
|
160
|
+
"secondary": $secondary,
|
|
161
|
+
"success": $success,
|
|
162
|
+
"info": $info,
|
|
163
|
+
"warning": $warning,
|
|
164
|
+
"danger": $danger,
|
|
165
|
+
"white": $white,
|
|
166
|
+
"neutral": $white,
|
|
167
|
+
"dark": $dark,
|
|
168
|
+
"darker": $darker,
|
|
169
|
+
), $theme-colors);
|
|
170
|
+
|
|
171
|
+
$brand-colors: () !default;
|
|
172
|
+
$brand-colors: map-merge((
|
|
173
|
+
"facebook": $facebook,
|
|
174
|
+
"twitter": $twitter,
|
|
175
|
+
"google-plus": $google-plus,
|
|
176
|
+
"instagram": $instagram,
|
|
177
|
+
"pinterest": $pinterest,
|
|
178
|
+
"youtube": $youtube,
|
|
179
|
+
"slack": $slack,
|
|
180
|
+
"dribbble": $dribbble,
|
|
181
|
+
"github": $github,
|
|
182
|
+
"vimeo": $vimeo
|
|
183
|
+
), $brand-colors);
|
|
184
|
+
|
|
185
|
+
$shape-colors: () !default;
|
|
186
|
+
$shape-colors: map-merge((
|
|
187
|
+
"default": #32325d,
|
|
188
|
+
"primary": #5533ff,
|
|
189
|
+
"secondary": #24b47e,
|
|
190
|
+
"neutral": #e9ecef,
|
|
191
|
+
"blue-gray": #b2cbe1,
|
|
192
|
+
"purple-primary": #555abf,
|
|
193
|
+
|
|
194
|
+
), $shape-colors);
|
|
195
|
+
|
|
196
|
+
$shapes-primary-colors: () !default;
|
|
197
|
+
$shapes-primary-colors: map-merge((
|
|
198
|
+
"step-1-gradient-bg": #281483,
|
|
199
|
+
"step-2-gradient-bg": #8f6ed5,
|
|
200
|
+
"step-3-gradient-bg": #d782d9,
|
|
201
|
+
"span-1-bg": #53f,
|
|
202
|
+
"span-2-bg": #4553ff,
|
|
203
|
+
"span-3-bg": #4f40ff,
|
|
204
|
+
"span-4-bg": #25ddf5,
|
|
205
|
+
"span-5-bg": #1fa2ff
|
|
206
|
+
), $shapes-primary-colors);
|
|
207
|
+
|
|
208
|
+
$shapes-default-colors: () !default;
|
|
209
|
+
$shapes-default-colors: map-merge((
|
|
210
|
+
"step-1-gradient-bg": #7795f8,
|
|
211
|
+
"step-2-gradient-bg": #6772e5,
|
|
212
|
+
"step-3-gradient-bg": #555abf,
|
|
213
|
+
"span-1-bg": #7795f8,
|
|
214
|
+
"span-2-bg": #7b9aff,
|
|
215
|
+
"span-3-bg": #6f8ff8,
|
|
216
|
+
"span-4-bg": #76eea7,
|
|
217
|
+
"span-5-bg": #6adaff
|
|
218
|
+
), $shapes-default-colors);
|
|
219
|
+
|
|
220
|
+
$shapes-light-colors: () !default;
|
|
221
|
+
$shapes-light-colors: map-merge((
|
|
222
|
+
"step-1-gradient-bg": #b2cbe1,
|
|
223
|
+
"step-2-gradient-bg": #f6f9fc,
|
|
224
|
+
"step-3-gradient-bg": #f6f9fc,
|
|
225
|
+
"span-1-bg": #b4cce1,
|
|
226
|
+
"span-2-bg": #c5dbef,
|
|
227
|
+
"span-3-bg": #b9d5ed,
|
|
228
|
+
"span-4-bg": #74e4a2,
|
|
229
|
+
"span-5-bg": #008169
|
|
230
|
+
), $shapes-light-colors);
|
|
231
|
+
|
|
232
|
+
$shapes-dark-colors: () !default;
|
|
233
|
+
$shapes-dark-colors: map-merge((
|
|
234
|
+
"step-1-gradient-bg": #32325d,
|
|
235
|
+
"step-2-gradient-bg": #32325d,
|
|
236
|
+
"step-3-gradient-bg": #32325d,
|
|
237
|
+
"span-1-bg": #2e2e57,
|
|
238
|
+
"span-2-bg": #2b2b58,
|
|
239
|
+
"span-3-bg": #25254d,
|
|
240
|
+
"span-4-bg": #d782d9,
|
|
241
|
+
"span-5-bg": #008169
|
|
242
|
+
), $shapes-dark-colors);
|
|
243
|
+
|
|
244
|
+
|
|
245
|
+
// Translucent color variations
|
|
246
|
+
$translucent-color-opacity: .6 !default;
|
|
247
|
+
|
|
248
|
+
// Set a specific jump point for requesting color jumps
|
|
249
|
+
$theme-color-interval: 8% !default;
|
|
250
|
+
|
|
251
|
+
// The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.
|
|
252
|
+
$yiq-contrasted-threshold: 200 !default;
|
|
253
|
+
|
|
254
|
+
// Customize the light and dark text colors for use in our YIQ color contrast function.
|
|
255
|
+
$yiq-text-dark: $gray-900 !default;
|
|
256
|
+
$yiq-text-light: $white !default;
|
|
257
|
+
|
|
258
|
+
// Action colors
|
|
259
|
+
|
|
260
|
+
$star-rating-color: $gray-400 !default;
|
|
261
|
+
$star-rating-color-active: $yellow !default;
|
|
262
|
+
|
|
263
|
+
$favorite-color: $yellow !default;
|
|
264
|
+
$like-color: $blue !default;
|
|
265
|
+
$love-color: $red !default;
|
|
266
|
+
|
|
267
|
+
|
|
268
|
+
// Body
|
|
269
|
+
|
|
270
|
+
$body-bg: #f8f9fe !default;
|
|
271
|
+
$body-color: $gray-700 !default;
|
|
272
|
+
$page-bg: $color-mono-dark-30 !default;
|
|
273
|
+
$bg-default: $gray-100;
|
|
274
|
+
|
|
275
|
+
|
|
276
|
+
// Sections
|
|
277
|
+
|
|
278
|
+
$section-colors: () !default;
|
|
279
|
+
$section-colors: map-merge((
|
|
280
|
+
"primary": $body-bg,
|
|
281
|
+
"secondary": $secondary,
|
|
282
|
+
"light": $gray-400,
|
|
283
|
+
"dark": $dark,
|
|
284
|
+
"darker": $darker
|
|
285
|
+
), $section-colors);
|
|
286
|
+
|
|
287
|
+
// Links
|
|
288
|
+
|
|
289
|
+
$link-color: $primary !default;
|
|
290
|
+
$link-decoration: none !default;
|
|
291
|
+
$link-hover-color: darken($link-color, 15%) !default;
|
|
292
|
+
$link-hover-decoration: none !default;
|
|
293
|
+
|
|
294
|
+
|
|
295
|
+
@mixin generate_backgrounds() {
|
|
296
|
+
@each $key, $color in $colors {
|
|
297
|
+
.bg-#{$key} {
|
|
298
|
+
background-color: $color;
|
|
299
|
+
}
|
|
300
|
+
}
|
|
301
|
+
}
|
|
302
|
+
|
|
303
|
+
@include generate_backgrounds();
|