@burh/nuxt-core 1.0.27 → 1.0.29
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/components/burh-ds/Cards/TestCard.vue +0 -1
- package/components/burh-ds/Headings/AppHeader.vue +2 -5
- package/components/burh-ds/Inputs/DoubleInputWithIcon.vue +78 -0
- package/components/burh-ds/Labels/LabelContextIcon.vue +12 -4
- package/components/burh-ds/Modals/AppConfigModal.vue +1 -1
- package/components/burh-ds/Modals/DocsModal.vue +111 -0
- package/package.json +1 -1
- package/assets/sass/argon-panna.scss +0 -106
- package/assets/sass/argon-test-online.scss +0 -106
- package/assets/sass/burh-ds/variables/_colors-panna.scss +0 -303
- package/assets/sass/burh-ds/variables/_colors-test-online.scss +0 -303
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
}
|
|
18
18
|
]"></i>
|
|
19
19
|
|
|
20
|
-
<base-button role="button" @click="$emit('btn-first-click')" size="sm" :type="firstButtonType"
|
|
20
|
+
<base-button v-if="firstButtonText" role="button" @click="$emit('btn-first-click')" size="sm" :type="firstButtonType"
|
|
21
21
|
class="ml-2">{{firstButtonText}}</base-button>
|
|
22
22
|
</div>
|
|
23
23
|
|
|
@@ -45,10 +45,7 @@ export default {
|
|
|
45
45
|
type: String,
|
|
46
46
|
default: 'primary'
|
|
47
47
|
},
|
|
48
|
-
firstButtonText:
|
|
49
|
-
type: String,
|
|
50
|
-
default: 'Enviar Teste'
|
|
51
|
-
},
|
|
48
|
+
firstButtonText: String,
|
|
52
49
|
},
|
|
53
50
|
};
|
|
54
51
|
</script>
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div class="row">
|
|
3
|
+
|
|
4
|
+
<validation-provider tag="div" class="col-5" :vid="`first-input-${id}`"
|
|
5
|
+
:name="firstInput.label" :rules="firstInput.rules" v-slot="{ errors }">
|
|
6
|
+
<base-input
|
|
7
|
+
type="text"
|
|
8
|
+
v-model="firstField"
|
|
9
|
+
v-on:input="$emit('first-input', $event);"
|
|
10
|
+
:error="errors[0]"
|
|
11
|
+
:valid="errors.length ? true : false"
|
|
12
|
+
:label="firstInput.label"/>
|
|
13
|
+
</validation-provider>
|
|
14
|
+
|
|
15
|
+
<validation-provider tag="div" class="col-6" :vid="`second-input-${id}`"
|
|
16
|
+
:name="secondInput.label" :rules="secondInput.rules" v-slot="{ errors }">
|
|
17
|
+
<base-input
|
|
18
|
+
type="text"
|
|
19
|
+
v-model="secondField"
|
|
20
|
+
v-on:input="$emit('second-input', $event);"
|
|
21
|
+
:error="errors[0]"
|
|
22
|
+
:valid="errors.length ? true : false"
|
|
23
|
+
:label="secondInput.label"/>
|
|
24
|
+
</validation-provider>
|
|
25
|
+
|
|
26
|
+
<span class="col-1 pt-4 mt-3 cursor-pointer" @click="$emit(icon.event)">
|
|
27
|
+
<font-awesome-icon :icon="icon.type" :aria-label="'Icone de funcionalidade'" />
|
|
28
|
+
</span>
|
|
29
|
+
</div>
|
|
30
|
+
</template>
|
|
31
|
+
|
|
32
|
+
<script>
|
|
33
|
+
export default {
|
|
34
|
+
props: {
|
|
35
|
+
id: {
|
|
36
|
+
type: String | Number,
|
|
37
|
+
default: 0
|
|
38
|
+
},
|
|
39
|
+
firstInput: {
|
|
40
|
+
type: Object,
|
|
41
|
+
default: () => ({
|
|
42
|
+
label: 'Nome',
|
|
43
|
+
rules: { required: true }
|
|
44
|
+
}),
|
|
45
|
+
description: 'properties of first input in format JSON'
|
|
46
|
+
},
|
|
47
|
+
secondInput: {
|
|
48
|
+
type: Object,
|
|
49
|
+
default: () => ({
|
|
50
|
+
label: 'Email',
|
|
51
|
+
rules: {
|
|
52
|
+
required: true,
|
|
53
|
+
email: true
|
|
54
|
+
}
|
|
55
|
+
}),
|
|
56
|
+
description: 'properties of second input in format JSON'
|
|
57
|
+
},
|
|
58
|
+
icon: {
|
|
59
|
+
type: Object,
|
|
60
|
+
default: () => ({
|
|
61
|
+
type: ['fas', 'trash'],
|
|
62
|
+
event: 'remove'
|
|
63
|
+
}),
|
|
64
|
+
description: 'properties of icon in format JSON'
|
|
65
|
+
}
|
|
66
|
+
},
|
|
67
|
+
data() {
|
|
68
|
+
return {
|
|
69
|
+
firstField: '',
|
|
70
|
+
secondField: ''
|
|
71
|
+
}
|
|
72
|
+
},
|
|
73
|
+
}
|
|
74
|
+
</script>
|
|
75
|
+
|
|
76
|
+
<style>
|
|
77
|
+
|
|
78
|
+
</style>
|
|
@@ -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
|
|
10
|
+
<component :is="titleTag" class="text-muted">{{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: String,
|
|
25
|
+
default: ''
|
|
26
|
+
},
|
|
22
27
|
iconAria: {
|
|
23
28
|
type: String,
|
|
24
29
|
default: 'Icone',
|
|
@@ -29,13 +34,16 @@ export default {
|
|
|
29
34
|
},
|
|
30
35
|
titleTag: {
|
|
31
36
|
type: String,
|
|
32
|
-
default: '
|
|
37
|
+
default: 'h5',
|
|
33
38
|
},
|
|
34
39
|
subtitle: {
|
|
35
40
|
type: String,
|
|
36
41
|
default: 'Subtitulo',
|
|
37
42
|
},
|
|
38
|
-
iconSize:
|
|
43
|
+
iconSize: {
|
|
44
|
+
type: String,
|
|
45
|
+
default: '',
|
|
46
|
+
},
|
|
39
47
|
}
|
|
40
48
|
}
|
|
41
49
|
</script>
|
|
@@ -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
|
-
|
|
161
|
+
|
|
162
162
|
.fixed-button{
|
|
163
163
|
.btn{
|
|
164
164
|
font-size: 0.775rem;
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<modal :show.sync="openModal" v-on:close="closeModal()" class="modal modal-docs">
|
|
3
|
+
<template slot="header">
|
|
4
|
+
<div class="d-flex mx-auto flex-column">
|
|
5
|
+
<i class="display-1 fas fa-file mx-auto primary"></i>
|
|
6
|
+
<h2 class="display-4 mx-auto">Documentos</h2>
|
|
7
|
+
</div>
|
|
8
|
+
</template>
|
|
9
|
+
|
|
10
|
+
<ul class="list-group list-group-flush" data-toggle="checklist">
|
|
11
|
+
<li class="list-group-item px-0"
|
|
12
|
+
v-for="item in modalData.envelopeDocuments.slice((currentPage-1)*pageSize,currentPage*pageSize)"
|
|
13
|
+
:key="item.id"
|
|
14
|
+
>
|
|
15
|
+
<div class="checklist-item checklist-item-info">
|
|
16
|
+
<div class="checklist-info">
|
|
17
|
+
<h5 class="checklist-title mb-0">{{item.name}}</h5>
|
|
18
|
+
</div>
|
|
19
|
+
<div>
|
|
20
|
+
<el-checkbox-group v-model="checkList">
|
|
21
|
+
<el-checkbox
|
|
22
|
+
class="my-auto"
|
|
23
|
+
:type="'info'"
|
|
24
|
+
:label="item.documentId"
|
|
25
|
+
v-on:change="onSelectionChange(item)"
|
|
26
|
+
>
|
|
27
|
+
</el-checkbox>
|
|
28
|
+
</el-checkbox-group>
|
|
29
|
+
</div>
|
|
30
|
+
</div>
|
|
31
|
+
</li>
|
|
32
|
+
</ul>
|
|
33
|
+
<div class="card-footer py-4 d-flex">
|
|
34
|
+
<base-pagination class="mx-auto" v-model="currentPage" :perPage="3" :total=modalData.envelopeDocuments.length></base-pagination>
|
|
35
|
+
</div>
|
|
36
|
+
<template slot="footer">
|
|
37
|
+
<base-button size="sm" class="mr-auto" outline type="primary" @click="$emit('close-modal')">Fechar</base-button>
|
|
38
|
+
<base-button size="sm" @click="$emit('download-doc', modalData, downloadItems)" type="primary">Download</base-button>
|
|
39
|
+
</template>
|
|
40
|
+
|
|
41
|
+
</modal>
|
|
42
|
+
</template>
|
|
43
|
+
<script>
|
|
44
|
+
import swal from 'sweetalert2';
|
|
45
|
+
import { mask } from 'vue-the-mask';
|
|
46
|
+
import { Checkbox, CheckboxGroup } from 'element-ui'
|
|
47
|
+
export default {
|
|
48
|
+
directives: { mask },
|
|
49
|
+
components: {
|
|
50
|
+
[Checkbox.name]: Checkbox,
|
|
51
|
+
[CheckboxGroup.name]: CheckboxGroup,
|
|
52
|
+
},
|
|
53
|
+
data(){
|
|
54
|
+
return{
|
|
55
|
+
filtrarPorTexto: '',
|
|
56
|
+
currentPage: 1,
|
|
57
|
+
pageSize: 3,
|
|
58
|
+
downloadItems: [],
|
|
59
|
+
checkList: []
|
|
60
|
+
}
|
|
61
|
+
},
|
|
62
|
+
props:{
|
|
63
|
+
modalData: null,
|
|
64
|
+
show: false,
|
|
65
|
+
},
|
|
66
|
+
model:{
|
|
67
|
+
prop: 'show'
|
|
68
|
+
},
|
|
69
|
+
computed:{
|
|
70
|
+
openModal:{
|
|
71
|
+
get(){return this.show;},
|
|
72
|
+
set(show){this.$emit('input', show);}
|
|
73
|
+
}
|
|
74
|
+
},
|
|
75
|
+
methods:{
|
|
76
|
+
onSelectionChange(selectedItem){
|
|
77
|
+
if(this.downloadItems.length != 0){
|
|
78
|
+
this.downloadItems.filter((item, index)=>{
|
|
79
|
+
if(item.documentId === selectedItem.documentId){
|
|
80
|
+
this.downloadItems.splice(index, 1)
|
|
81
|
+
}else if(index === this.downloadItems.length - 1){
|
|
82
|
+
this.downloadItems.push(selectedItem)
|
|
83
|
+
}
|
|
84
|
+
})
|
|
85
|
+
}else{
|
|
86
|
+
this.downloadItems.push(selectedItem)
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
},
|
|
90
|
+
closeModal(){
|
|
91
|
+
this.downloadItems = []
|
|
92
|
+
this.checkList = []
|
|
93
|
+
this.$emit('close-modal')
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
</script>
|
|
98
|
+
<style lang="scss">
|
|
99
|
+
.modal-docs{
|
|
100
|
+
.modal-header .close {
|
|
101
|
+
padding: 1.25rem;
|
|
102
|
+
margin: -1rem -1rem -1rem !important;
|
|
103
|
+
}
|
|
104
|
+
.modal-footer{
|
|
105
|
+
padding-top: 0 !important
|
|
106
|
+
}
|
|
107
|
+
.el-checkbox__label{
|
|
108
|
+
display: none !important;
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
</style>
|
package/package.json
CHANGED
|
@@ -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';
|
|
@@ -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';
|
|
@@ -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();
|
|
@@ -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();
|