@burh/nuxt-core 1.0.291 → 1.0.293

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 (31) hide show
  1. package/assets/sass/burh-ds/atoms/_buttons.scss +219 -219
  2. package/assets/sass/burh-ds/content/_interface-spa.scss +306 -306
  3. package/assets/sass/burh-ds/content/_main-content.scss +25 -25
  4. package/assets/sass/burh-ds/variables/_colors.scss +350 -350
  5. package/components/argon-core/BaseDropdown.vue +114 -114
  6. package/components/argon-core/BaseProgress.vue +121 -121
  7. package/components/argon-core/Modal.vue +184 -184
  8. package/components/burh-ds/Cards/FeatureBusinessCard.vue +74 -74
  9. package/components/burh-ds/Cards/PerformanceCard.vue +81 -81
  10. package/components/burh-ds/Cards/RecruitmentCard.vue +214 -214
  11. package/components/burh-ds/Collapse/DefaultCollapse.vue +70 -70
  12. package/components/burh-ds/Curriculum/UserCurriculum/UserCvMiddle.vue +497 -496
  13. package/components/burh-ds/Curriculum/UserCurriculum/index.vue +245 -245
  14. package/components/burh-ds/Dropdown/JobStatusDropdown.vue +145 -145
  15. package/components/burh-ds/Headings/AppHeader.vue +162 -162
  16. package/components/burh-ds/Inputs/SearchInput.vue +64 -64
  17. package/components/burh-ds/Lists/VagasSimple.vue +404 -404
  18. package/components/burh-ds/Loadings/LoadingFullPage.vue +68 -68
  19. package/components/burh-ds/Loads/LoadingBar.vue +83 -83
  20. package/components/burh-ds/Modals/MobileModal.vue +65 -65
  21. package/components/burh-ds/Modals/NewUserModal.vue +87 -87
  22. package/components/burh-ds/Modals/SharedModal.vue +270 -270
  23. package/components/burh-ds/Skeleton/BaseCardUniversity.vue +79 -79
  24. package/components/burh-ds/Skeleton/BaseCardUser.vue +84 -84
  25. package/components/burh-ds/Skeleton/Cards.vue +86 -86
  26. package/components/burh-ds/Skeleton/Home.vue +100 -100
  27. package/components/burh-ds/Skeleton/RecruitmentCard.vue +169 -169
  28. package/components/burh-ds/Skeleton/SkeletonAnimate.vue +96 -96
  29. package/components/layouts/burh-ds/footer/ProductsFooter.vue +330 -330
  30. package/nuxt.config.js +206 -206
  31. package/package.json +1 -1
package/components/burh-ds/Skeleton/SkeletonAnimate.vue CHANGED
@@ -1,96 +1,96 @@
1
- <template>
2
- <div
3
- class="skeleton skeleton--animate"
4
- :class="[
5
- { 'rounded': rounded },
6
- { 'img': img }
7
- ]"
8
- :style="`--skeleton-w: ${width}px; --skeleton-h: ${height}px;`"
9
- ></div>
10
- </template>
11
-
12
- <script>
13
- export default {
14
- name: 'skeleton-animate',
15
- props: {
16
- width: {
17
- type: Number,
18
- default: 200
19
- },
20
- height: {
21
- type: Number,
22
- default: 15
23
- },
24
- rounded: {
25
- type: Boolean,
26
- default: false
27
- },
28
- img: {
29
- type: Boolean,
30
- default: false
31
- }
32
- }
33
- };
34
- </script>
35
-
36
- <style lang="scss" scoped>
37
- @-webkit-keyframes placeholderSkeleton {
38
- 0% {
39
- background-position: -468px 0;
40
- }
41
- 100% {
42
- background-position: 468px 0;
43
- }
44
- }
45
-
46
- @-webkit-keyframes skeletonAnimate {
47
- from {
48
- background-position: top left;
49
- }
50
- to {
51
- background-position: top right;
52
- }
53
- }
54
-
55
- .skeleton {
56
- width: var(--skeleton-w);
57
- height: var(--skeleton-h);
58
- border-radius: 2px;
59
- &.rounded {
60
- border-radius: 4px;
61
- }
62
- &.img {
63
- border-radius: 1000px;
64
- }
65
- }
66
-
67
- $skeletonBaseColor: #e0e3e6;
68
- $skeletonBaseLineColor: #edeef1;
69
-
70
- .skeleton--animate {
71
- -webkit-animation-duration: 1s;
72
- -webkit-animation-fill-mode: forwards;
73
- -webkit-animation-iteration-count: infinite;
74
- -webkit-animation-name: placeholderSkeleton;
75
- -webkit-animation-timing-function: linear;
76
- background: $skeletonBaseColor;
77
- background-image: -webkit-gradient(
78
- linear,
79
- left center,
80
- right center,
81
- from($skeletonBaseColor),
82
- color-stop(0.2, $skeletonBaseLineColor),
83
- color-stop(0.4, $skeletonBaseColor),
84
- to($skeletonBaseColor)
85
- );
86
- background-image: -webkit-linear-gradient(
87
- left,
88
- $skeletonBaseColor 0%,
89
- $skeletonBaseLineColor 20%,
90
- $skeletonBaseColor 40%,
91
- $skeletonBaseColor 100%
92
- );
93
- background-repeat: no-repeat;
94
- background-size: 800px 104px;
95
- }
96
- </style>
1
+ <template>
2
+ <div
3
+ class="skeleton skeleton--animate"
4
+ :class="[
5
+ { 'rounded': rounded },
6
+ { 'img': img }
7
+ ]"
8
+ :style="`--skeleton-w: ${width}px; --skeleton-h: ${height}px;`"
9
+ ></div>
10
+ </template>
11
+
12
+ <script>
13
+ export default {
14
+ name: 'skeleton-animate',
15
+ props: {
16
+ width: {
17
+ type: Number,
18
+ default: 200
19
+ },
20
+ height: {
21
+ type: Number,
22
+ default: 15
23
+ },
24
+ rounded: {
25
+ type: Boolean,
26
+ default: false
27
+ },
28
+ img: {
29
+ type: Boolean,
30
+ default: false
31
+ }
32
+ }
33
+ };
34
+ </script>
35
+
36
+ <style lang="scss" scoped>
37
+ @-webkit-keyframes placeholderSkeleton {
38
+ 0% {
39
+ background-position: -468px 0;
40
+ }
41
+ 100% {
42
+ background-position: 468px 0;
43
+ }
44
+ }
45
+
46
+ @-webkit-keyframes skeletonAnimate {
47
+ from {
48
+ background-position: top left;
49
+ }
50
+ to {
51
+ background-position: top right;
52
+ }
53
+ }
54
+
55
+ .skeleton {
56
+ width: var(--skeleton-w);
57
+ height: var(--skeleton-h);
58
+ border-radius: 2px;
59
+ &.rounded {
60
+ border-radius: 4px;
61
+ }
62
+ &.img {
63
+ border-radius: 1000px;
64
+ }
65
+ }
66
+
67
+ $skeletonBaseColor: #e0e3e6;
68
+ $skeletonBaseLineColor: #edeef1;
69
+
70
+ .skeleton--animate {
71
+ -webkit-animation-duration: 1s;
72
+ -webkit-animation-fill-mode: forwards;
73
+ -webkit-animation-iteration-count: infinite;
74
+ -webkit-animation-name: placeholderSkeleton;
75
+ -webkit-animation-timing-function: linear;
76
+ background: $skeletonBaseColor;
77
+ background-image: -webkit-gradient(
78
+ linear,
79
+ left center,
80
+ right center,
81
+ from($skeletonBaseColor),
82
+ color-stop(0.2, $skeletonBaseLineColor),
83
+ color-stop(0.4, $skeletonBaseColor),
84
+ to($skeletonBaseColor)
85
+ );
86
+ background-image: -webkit-linear-gradient(
87
+ left,
88
+ $skeletonBaseColor 0%,
89
+ $skeletonBaseLineColor 20%,
90
+ $skeletonBaseColor 40%,
91
+ $skeletonBaseColor 100%
92
+ );
93
+ background-repeat: no-repeat;
94
+ background-size: 800px 104px;
95
+ }
96
+ </style>