@burh/nuxt-core 1.0.500 → 1.0.502

package/components/burh-ds/Skeleton/Home.vue

@@ -1,100 +1,100 @@
-<template>
-	<div class="card-body">
-		<h4 class="aria-text">Funcionalidades</h4>
-		<ul class="list-unstyled list line-card">
-			<li class="functionality-item text-center cursor-pointer card-item">
-				<skeleton-animate class="functionality-item--icone mb-2" :width="50" :height="50" rounded />
-				<skeleton-animate class="functionality-item--value mb-2" :width="80" :height="20" />
-			</li>
-			<li
-				class="functionality-item text-center  cursor-pointer border-left card-item"
-			>
-				<skeleton-animate class="functionality-item--icone mb-2" :width="50" :height="50" rounded />
-				<skeleton-animate class="functionality-item--value mb-2" :width="80" :height="20" />
-			</li>
-		</ul>
-		<hr />
-		<skeleton-animate class="functionality-item--text" :width="100" :height="20" />
-		<ul class="list-unstyled list line-card">
-			<li class="performance-item  primary">
-				<skeleton-animate class="functionality-item--value mb-2" :width="80" :height="15" />
-				<skeleton-animate class="functionality-item--icone" :width="38" :height="38" rounded />
-			</li>
-			<li class="performance-item">
-				<skeleton-animate class="functionality-item--value mb-2" :width="80" :height="15" />
-				<skeleton-animate class="functionality-item--icone" :width="38" :height="38" rounded />
-			</li>
-			<li class="performance-item">
-				<skeleton-animate class="functionality-item--value mb-2" :width="80" :height="15" />
-				<skeleton-animate class="functionality-item--icone" :width="38" :height="38" rounded />
-			</li>
-		</ul>
-		<skeleton-animate class="functionality-item--text top" :width="250" :height="20" />
-	</div>
-</template>
-
-<script>
-import SkeletonAnimate from './SkeletonAnimate.vue';
-
-export default {
-	name: 'home-skeleton',
-	components: {
-		SkeletonAnimate
-	}
-};
-</script>
-
-<style lang="scss" scoped>
-
-.top {
-    margin-top: 30px;
-}
-.functionality-item {
-    display: flex;
-    flex-direction: column;
-    color: #5865F2;
-    line-height: 2.5;
-    align-items: center;
-
-    &--icone {
-        font-size: 1.75rem;
-    }
-
-    &--text {
-        font-size: 1rem;
-    }
-}
-
-.performance-item {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    width: calc(100% / 3);
-    &--title {
-        font-size: 1rem;
-    }
-
-    &--value {
-        font-size: 1.75rem;
-        align-self: center;
-    }
-}
-
-.list {
-    margin: 1.8rem 0;
-    display: flex;
-    justify-content: space-evenly;
-}
-
-.line-card {
-    ul {
-        &:not(:first-child) {
-            border: 2px solid #e9ecef;
-        }
-    }
-}
-
-.card-item {
-    width: 50%;
-}
-</style>
+<template>
+	<div class="card-body">
+		<h4 class="aria-text">Funcionalidades</h4>
+		<ul class="list-unstyled list line-card">
+			<li class="functionality-item text-center cursor-pointer card-item">
+				<skeleton-animate class="functionality-item--icone mb-2" :width="50" :height="50" rounded />
+				<skeleton-animate class="functionality-item--value mb-2" :width="80" :height="20" />
+			</li>
+			<li
+				class="functionality-item text-center  cursor-pointer border-left card-item"
+			>
+				<skeleton-animate class="functionality-item--icone mb-2" :width="50" :height="50" rounded />
+				<skeleton-animate class="functionality-item--value mb-2" :width="80" :height="20" />
+			</li>
+		</ul>
+		<hr />
+		<skeleton-animate class="functionality-item--text" :width="100" :height="20" />
+		<ul class="list-unstyled list line-card">
+			<li class="performance-item  primary">
+				<skeleton-animate class="functionality-item--value mb-2" :width="80" :height="15" />
+				<skeleton-animate class="functionality-item--icone" :width="38" :height="38" rounded />
+			</li>
+			<li class="performance-item">
+				<skeleton-animate class="functionality-item--value mb-2" :width="80" :height="15" />
+				<skeleton-animate class="functionality-item--icone" :width="38" :height="38" rounded />
+			</li>
+			<li class="performance-item">
+				<skeleton-animate class="functionality-item--value mb-2" :width="80" :height="15" />
+				<skeleton-animate class="functionality-item--icone" :width="38" :height="38" rounded />
+			</li>
+		</ul>
+		<skeleton-animate class="functionality-item--text top" :width="250" :height="20" />
+	</div>
+</template>
+
+<script>
+import SkeletonAnimate from './SkeletonAnimate.vue';
+
+export default {
+	name: 'home-skeleton',
+	components: {
+		SkeletonAnimate
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+
+.top {
+    margin-top: 30px;
+}
+.functionality-item {
+    display: flex;
+    flex-direction: column;
+    color: #5865F2;
+    line-height: 2.5;
+    align-items: center;
+
+    &--icone {
+        font-size: 1.75rem;
+    }
+
+    &--text {
+        font-size: 1rem;
+    }
+}
+
+.performance-item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: calc(100% / 3);
+    &--title {
+        font-size: 1rem;
+    }
+
+    &--value {
+        font-size: 1.75rem;
+        align-self: center;
+    }
+}
+
+.list {
+    margin: 1.8rem 0;
+    display: flex;
+    justify-content: space-evenly;
+}
+
+.line-card {
+    ul {
+        &:not(:first-child) {
+            border: 2px solid #e9ecef;
+        }
+    }
+}
+
+.card-item {
+    width: 50%;
+}
+</style>

package/components/burh-ds/Skeleton/RecruitmentCard.vue

@@ -1,203 +1,203 @@
-<template>
-	<div class="recruitment__card">
-		<div>
-			<div class="recruitment__card__header">
-				<div class="recruitment__card__header__status">
-					<skeleton-animate class="skeleton-mb" :width="100" :height="20" />
-				</div>
-			</div>
-
-			<div class="recruitment__card__content">
-				<span class="recruitment__card__content__date">
-					<skeleton-animate class="skeleton-mb" :width="150" :height="10" />
-				</span>
-				<h2 class="recruitment__card__content__title">
-					<skeleton-animate class="skeleton-mb" :width="250" :height="20" />
-				</h2>
-				<span class="recruitment__card__content__city">
-					<skeleton-animate class="skeleton-mb" :width="110" :height="15" />
-				</span>
-				<span class="recruitment__card__content__id">
-					<skeleton-animate class="skeleton-mb" :width="110" :height="15" />
-				</span>
-
-				<div class="recruitment__card__info">
-					<div class="recruitment__card__info__text">
-						<skeleton-animate class="skeleton-mb" :width="120" :height="15" />
-					</div>
-					<div class="recruitment__card__info__text">
-						<skeleton-animate class="skeleton-mb" :width="120" :height="15" />
-					</div>
-					<div class="recruitment__card__info__text">
-						<skeleton-animate class="skeleton-mb" :width="120" :height="15" />
-					</div>
-					<div class="recruitment__card__info__text">
-						<skeleton-animate class="skeleton-mb" :width="120" :height="15" />
-					</div>
-				</div>
-			</div>
-
-			<div class="recruitment__card__footer">
-				<p class="recruitment__card__footer__title">EQUIPE RESPONSÁVEL</p>
-				<div class="recruitment__card__footer__images">
-					<skeleton-animate class="skeleton-mt" :width="32" :height="32" img />
-				</div>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import SkeletonAnimate from './SkeletonAnimate.vue';
-export default {
-	name: 'recruitment-card-skeleton',
-	components: {
-		SkeletonAnimate
-	}
-};
-</script>
-
-<style lang="scss" scoped>
-@keyframes placeholderSkeleton {
-    0% {
-        background-position: -468px 0;
-    }
-    100% {
-        background-position: 468px 0;
-    }
-}
-
-@keyframes skeletonAnimate {
-    from {
-        background-position: top left;
-    }
-    to {
-        background-position: top right;
-    }
-}
-
-@-webkit-keyframes placeholderSkeleton {
-    0% {
-        background-position: -468px 0;
-    }
-    100% {
-        background-position: 468px 0;
-    }
-}
-
-@-webkit-keyframes skeletonAnimate {
-    from {
-        background-position: top left;
-    }
-    to {
-        background-position: top right;
-    }
-}
-
-.skeleton-mb {
-    margin-bottom: 10px;
-}
-
-.skeleton-mt {
-    margin-top: 10px;
-}
-
-.skeleton--animate {
-    animation-duration: 1s;
-    animation-fill-mode: forwards;
-    animation-iteration-count: infinite;
-    animation-name: placeholderSkeleton;
-    animation-timing-function: linear;
-
-    -webkit-animation-duration: 1s;
-    -webkit-animation-fill-mode: forwards;
-    -webkit-animation-iteration-count: infinite;
-    -webkit-animation-name: placeholderSkeleton;
-    -webkit-animation-timing-function: linear;
-    background: #e0e3e6;
-    background-image: -webkit-gradient(
-        linear,
-        left center,
-        right center,
-        from(#e0e3e6),
-        color-stop(0.2, #edeef1),
-        color-stop(0.4, #e0e3e6),
-        to(#e0e3e6)
-    );
-    background-image: -webkit-linear-gradient(
-        left,
-        #e0e3e6 0%,
-        #edeef1 20%,
-        #e0e3e6 40%,
-        #e0e3e6 100%
-    );
-    background-repeat: no-repeat;
-    background-size: 800px 104px;
-}
-
-.recruitment__card {
-    cursor: pointer;
-    background: #fff;
-    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
-    padding: 20px;
-    border-radius: 4px;
-    border: none;
-    text-align: initial;
-    color: #1D364B;
-    transition: transform 0.25s;
-
-    &__header {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        padding: 5px 0;
-    }
-
-    &__content {
-        &__date {
-            font-size: 0.875rem;
-            font-weight: 400;
-            color: #AEB6BE;
-        }
-        &__title {
-            font-size: 1.275rem;
-            color: #1D364B;
-            margin-bottom: 0;
-        }
-        &__id, &__city {
-            font-size: 0.875rem;
-            font-weight: 600;
-            color: #525F7F;
-			display: block;
-        }
-		&__city {
-			font-size: 1rem;
-		}
-    }
-
-    &__info {
-        padding: 20px 0;
-        &__text {
-            margin-bottom: 0;
-            font-size: 1rem;
-            font-weight: 500;
-        }
-    }
-
-    &__footer {
-        border-top: 1px solid #E9E9E9;
-        padding-top: 10px;
-        &__title {
-            color: #525F7F;
-            font-size: 0.875rem;
-            font-weight: 600;
-            margin-bottom: 0;
-        }
-        &__images {
-            display: flex;
-            align-items: center;
-            user-select: none;
-        }
-    }
-}
-</style>
+<template>
+	<div class="recruitment__card">
+		<div>
+			<div class="recruitment__card__header">
+				<div class="recruitment__card__header__status">
+					<skeleton-animate class="skeleton-mb" :width="100" :height="20" />
+				</div>
+			</div>
+
+			<div class="recruitment__card__content">
+				<span class="recruitment__card__content__date">
+					<skeleton-animate class="skeleton-mb" :width="150" :height="10" />
+				</span>
+				<h2 class="recruitment__card__content__title">
+					<skeleton-animate class="skeleton-mb" :width="250" :height="20" />
+				</h2>
+				<span class="recruitment__card__content__city">
+					<skeleton-animate class="skeleton-mb" :width="110" :height="15" />
+				</span>
+				<span class="recruitment__card__content__id">
+					<skeleton-animate class="skeleton-mb" :width="110" :height="15" />
+				</span>
+
+				<div class="recruitment__card__info">
+					<div class="recruitment__card__info__text">
+						<skeleton-animate class="skeleton-mb" :width="120" :height="15" />
+					</div>
+					<div class="recruitment__card__info__text">
+						<skeleton-animate class="skeleton-mb" :width="120" :height="15" />
+					</div>
+					<div class="recruitment__card__info__text">
+						<skeleton-animate class="skeleton-mb" :width="120" :height="15" />
+					</div>
+					<div class="recruitment__card__info__text">
+						<skeleton-animate class="skeleton-mb" :width="120" :height="15" />
+					</div>
+				</div>
+			</div>
+
+			<div class="recruitment__card__footer">
+				<p class="recruitment__card__footer__title">EQUIPE RESPONSÁVEL</p>
+				<div class="recruitment__card__footer__images">
+					<skeleton-animate class="skeleton-mt" :width="32" :height="32" img />
+				</div>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script>
+import SkeletonAnimate from './SkeletonAnimate.vue';
+export default {
+	name: 'recruitment-card-skeleton',
+	components: {
+		SkeletonAnimate
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+@keyframes placeholderSkeleton {
+    0% {
+        background-position: -468px 0;
+    }
+    100% {
+        background-position: 468px 0;
+    }
+}
+
+@keyframes skeletonAnimate {
+    from {
+        background-position: top left;
+    }
+    to {
+        background-position: top right;
+    }
+}
+
+@-webkit-keyframes placeholderSkeleton {
+    0% {
+        background-position: -468px 0;
+    }
+    100% {
+        background-position: 468px 0;
+    }
+}
+
+@-webkit-keyframes skeletonAnimate {
+    from {
+        background-position: top left;
+    }
+    to {
+        background-position: top right;
+    }
+}
+
+.skeleton-mb {
+    margin-bottom: 10px;
+}
+
+.skeleton-mt {
+    margin-top: 10px;
+}
+
+.skeleton--animate {
+    animation-duration: 1s;
+    animation-fill-mode: forwards;
+    animation-iteration-count: infinite;
+    animation-name: placeholderSkeleton;
+    animation-timing-function: linear;
+
+    -webkit-animation-duration: 1s;
+    -webkit-animation-fill-mode: forwards;
+    -webkit-animation-iteration-count: infinite;
+    -webkit-animation-name: placeholderSkeleton;
+    -webkit-animation-timing-function: linear;
+    background: #e0e3e6;
+    background-image: -webkit-gradient(
+        linear,
+        left center,
+        right center,
+        from(#e0e3e6),
+        color-stop(0.2, #edeef1),
+        color-stop(0.4, #e0e3e6),
+        to(#e0e3e6)
+    );
+    background-image: -webkit-linear-gradient(
+        left,
+        #e0e3e6 0%,
+        #edeef1 20%,
+        #e0e3e6 40%,
+        #e0e3e6 100%
+    );
+    background-repeat: no-repeat;
+    background-size: 800px 104px;
+}
+
+.recruitment__card {
+    cursor: pointer;
+    background: #fff;
+    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
+    padding: 20px;
+    border-radius: 4px;
+    border: none;
+    text-align: initial;
+    color: #1D364B;
+    transition: transform 0.25s;
+
+    &__header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 5px 0;
+    }
+
+    &__content {
+        &__date {
+            font-size: 0.875rem;
+            font-weight: 400;
+            color: #AEB6BE;
+        }
+        &__title {
+            font-size: 1.275rem;
+            color: #1D364B;
+            margin-bottom: 0;
+        }
+        &__id, &__city {
+            font-size: 0.875rem;
+            font-weight: 600;
+            color: #525F7F;
+			display: block;
+        }
+		&__city {
+			font-size: 1rem;
+		}
+    }
+
+    &__info {
+        padding: 20px 0;
+        &__text {
+            margin-bottom: 0;
+            font-size: 1rem;
+            font-weight: 500;
+        }
+    }
+
+    &__footer {
+        border-top: 1px solid #E9E9E9;
+        padding-top: 10px;
+        &__title {
+            color: #525F7F;
+            font-size: 0.875rem;
+            font-weight: 600;
+            margin-bottom: 0;
+        }
+        &__images {
+            display: flex;
+            align-items: center;
+            user-select: none;
+        }
+    }
+}
+</style>