@burh/nuxt-core 1.0.27 → 1.0.28

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.
Files changed (9) hide show
  1. package/components/burh-ds/Cards/TestCard.vue +0 -1
  2. package/components/burh-ds/Inputs/DoubleInputWithIcon.vue +48 -0
  3. package/components/burh-ds/Labels/LabelContextIcon.vue +7 -2
  4. package/components/burh-ds/Modals/AppConfigModal.vue +1 -1
  5. package/package.json +1 -1
  6. package/assets/sass/argon-panna.scss +0 -106
  7. package/assets/sass/argon-test-online.scss +0 -106
  8. package/assets/sass/burh-ds/variables/_colors-panna.scss +0 -303
  9. package/assets/sass/burh-ds/variables/_colors-test-online.scss +0 -303
package/components/burh-ds/Cards/TestCard.vue CHANGED
@@ -146,7 +146,6 @@ export default {
146
146
  };
147
147
  </script>
148
148
  <style lang="scss" scoped>
149
- @import "@burh/nuxt-core/assets/sass/argon-test-online";
150
149
  .column {
151
150
  display: flex;
152
151
  flex-direction: column;
package/components/burh-ds/Inputs/DoubleInputWithIcon.vue ADDED
@@ -0,0 +1,48 @@
1
+ <template>
2
+ <div class="row">
3
+ <base-input
4
+ class="col-5"
5
+ type="text"
6
+ :label="firstInput.label"/>
7
+ <base-input
8
+ class="col-6"
9
+ type="text"
10
+ :label="secondInput.label"/>
11
+ <span class="col-1 pt-4 mt-3" @click="icon.event">
12
+ <font-awesome-icon :icon="icon.type" :aria-label="'Icone de funcionalidade'" />
13
+ </span>
14
+ </div>
15
+ </template>
16
+
17
+ <script>
18
+ export default {
19
+ props: {
20
+ firstInput: {
21
+ type: Object,
22
+ default: () => ({
23
+ label: 'Nome',
24
+ }),
25
+ description: 'properties of first input in format JSON'
26
+ },
27
+ secondInput: {
28
+ type: Object,
29
+ default: () => ({
30
+ label: 'Email',
31
+ }),
32
+ description: 'properties of second input in format JSON'
33
+ },
34
+ icon: {
35
+ type: Object,
36
+ default: () => ({
37
+ type: ['fas', 'trash'],
38
+ event: 'remove'
39
+ }),
40
+ description: 'properties of icon in format JSON'
41
+ }
42
+ }
43
+ }
44
+ </script>
45
+
46
+ <style>
47
+
48
+ </style>
package/components/burh-ds/Labels/LabelContextIcon.vue CHANGED
@@ -1,12 +1,13 @@
1
1
  <template>
2
2
  <div class="label-context-icon">
3
3
  <span class="d-inline-block" :class="[
4
- `label-context-icon-${iconSize}`
4
+ `label-context-icon-${iconSize}`,
5
+ iconClass
5
6
  ]">
6
7
  <font-awesome-icon :icon="icon" :aria-label="iconAria" />
7
8
  </span>
8
9
  <div class="d-inline-block">
9
- <component :is="titleTag" class="text-muted display-5">{{title}}</component>
10
+ <component :is="titleTag" class="text-muted h5">{{title}}</component>
10
11
  <p>{{subtitle}}</p>
11
12
  </div>
12
13
  </div>
@@ -19,6 +20,10 @@ export default {
19
20
  type: Array,
20
21
  default: () => ['fas', 'paper-plane']
21
22
  },
23
+ iconClass: {
24
+ type: Array,
25
+ default: () => []
26
+ },
22
27
  iconAria: {
23
28
  type: String,
24
29
  default: 'Icone',
package/components/burh-ds/Modals/AppConfigModal.vue CHANGED
@@ -158,7 +158,7 @@ export default {
158
158
  </script>
159
159
  <style lang="scss">
160
160
  @import "node_modules/@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss";
161
- @import "@burh/nuxt-core/assets/sass/argon.scss";
161
+
162
162
  .fixed-button{
163
163
  .btn{
164
164
  font-size: 0.775rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@burh/nuxt-core",
3
- "version": "1.0.27",
3
+ "version": "1.0.28",
4
4
  "description": "Design System and Components.",
5
5
  "author": "Burh",
6
6
  "scripts": {
package/assets/sass/argon-panna.scss DELETED
@@ -1,106 +0,0 @@
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';
package/assets/sass/argon-test-online.scss DELETED
@@ -1,106 +0,0 @@
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';
package/assets/sass/burh-ds/variables/_colors-panna.scss DELETED
@@ -1,303 +0,0 @@
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();
package/assets/sass/burh-ds/variables/_colors-test-online.scss DELETED
@@ -1,303 +0,0 @@
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: #8965e0;
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();