@burh/nuxt-core 1.0.409 → 1.0.411

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

@@ -1,84 +1,84 @@
-<template>
-	<div class="recruitment__user__card">
-		<div
-			class="recruitment__user__card__header"
-		>
-			<skeleton-animate class="user__cover" />
-		</div>
-
-		<div class="recruitment__user__card__content">
-			<skeleton-animate class="user__avatar" :width="120" :height="120" img />
-
-			<skeleton-animate class="user__title" :width="160" :height="20" />
-			<skeleton-animate class="user__age" :width="80" :height="15" />
-
-			<skeleton-animate class="user__city" :width="120" :height="25" />
-
-			<skeleton-animate class="user__text" :width="140" :height="15" />
-			<skeleton-animate class="user__experience" :width="220" :height="20" />
-		</div>
-	</div>
-</template>
-
-<script>
-import SkeletonAnimate from './SkeletonAnimate.vue';
-
-export default {
-	name: 'base-card-user',
-	components: {
-		SkeletonAnimate
-	}
-};
-</script>
-
-<style lang="scss" scoped>
-
-.recruitment__user__card {
-    background: #fff;
-    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
-    border-radius: 4px;
-    overflow: hidden;
-    cursor: pointer;
-    transition: transform 0.25s;
-    padding-bottom: 40px;
-
-    &__header {
-        width: 100%;
-        height: 70px;
-        overflow: hidden;
-        position: relative;
-        .user__cover {
-            width: 100%!important;
-            height: 100%!important;
-        }
-    }
-    &__content {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        .user__avatar {
-            margin-top: -20px;
-            border: 4px solid #fff;
-            z-index: 10;
-        }
-        .user__title {
-            margin-top: 20px;
-        }
-        .user__age {
-            margin-top: 10px;
-        }
-        .user__city {
-            margin-top: 40px;
-        }
-        .user__text {
-            margin-top: 40px;
-        }
-        .user__experience {
-            margin-top: 5px;
-        }
-    }
-}
-
-</style>
-
+<template>
+	<div class="recruitment__user__card">
+		<div
+			class="recruitment__user__card__header"
+		>
+			<skeleton-animate class="user__cover" />
+		</div>
+
+		<div class="recruitment__user__card__content">
+			<skeleton-animate class="user__avatar" :width="120" :height="120" img />
+
+			<skeleton-animate class="user__title" :width="160" :height="20" />
+			<skeleton-animate class="user__age" :width="80" :height="15" />
+
+			<skeleton-animate class="user__city" :width="120" :height="25" />
+
+			<skeleton-animate class="user__text" :width="140" :height="15" />
+			<skeleton-animate class="user__experience" :width="220" :height="20" />
+		</div>
+	</div>
+</template>
+
+<script>
+import SkeletonAnimate from './SkeletonAnimate.vue';
+
+export default {
+	name: 'base-card-user',
+	components: {
+		SkeletonAnimate
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+
+.recruitment__user__card {
+    background: #fff;
+    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
+    border-radius: 4px;
+    overflow: hidden;
+    cursor: pointer;
+    transition: transform 0.25s;
+    padding-bottom: 40px;
+
+    &__header {
+        width: 100%;
+        height: 70px;
+        overflow: hidden;
+        position: relative;
+        .user__cover {
+            width: 100%!important;
+            height: 100%!important;
+        }
+    }
+    &__content {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        .user__avatar {
+            margin-top: -20px;
+            border: 4px solid #fff;
+            z-index: 10;
+        }
+        .user__title {
+            margin-top: 20px;
+        }
+        .user__age {
+            margin-top: 10px;
+        }
+        .user__city {
+            margin-top: 40px;
+        }
+        .user__text {
+            margin-top: 40px;
+        }
+        .user__experience {
+            margin-top: 5px;
+        }
+    }
+}
+
+</style>
+

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

@@ -1,71 +1,71 @@
-<template>
-	<div class="card h-100">
-		<div class="container-fluid container-fluid--bu pt-5">
-			<skeleton-animate :width="220" :height="20" rounded />
-
-			<div class="row card-body px-0">
-				<div
-					class="col-6 col-sm-3 col-md-3 info-box text-center px-0"
-					v-for="index in 3"
-					:key="index"
-				>
-					<skeleton-animate
-						:width="80"
-						:height="80"
-						class="ml-3"
-						rounded
-					/>
-
-					<skeleton-animate
-						:width="120"
-						:height="15"
-						rounded
-						class="mt-2"
-					/>
-				</div>
-			</div>
-			<div class="d-flex align-items-center justify-content-center" v-if="hasExtra">
-				<skeleton-animate :width="80" :height="80" img />
-				<skeleton-animate
-					:width="120"
-					:height="15"
-					rounded
-					class="ml-2"
-				/>
-			</div>
-		</div>
-	</div>
-</template>
-<script>
-import SkeletonAnimate from './SkeletonAnimate.vue';
-export default {
-	name: 'course-info-skeleton',
-	components: { SkeletonAnimate },
-	props: {
-		hasExtra: {
-			type: Boolean,
-			default: false
-		}
-	}
-};
-</script>
-
-<style lang="scss" scoped>
-.card-title {
-    font-size: 1rem;
-}
-.info-box {
-    @media (min-width: 576px) {
-        flex: 0 0 50%;
-        max-width: 50%;
-    }
-    @media (min-width: 768px) {
-        flex: 0 0 50%;
-        max-width: 50%;
-    }
-    @media (min-width: 1024px) {
-        flex: 0 0 33%;
-        max-width: 33%;
-    }
-}
-</style>
+<template>
+	<div class="card h-100">
+		<div class="container-fluid container-fluid--bu pt-5">
+			<skeleton-animate :width="220" :height="20" rounded />
+
+			<div class="row card-body px-0">
+				<div
+					class="col-6 col-sm-3 col-md-3 info-box text-center px-0"
+					v-for="index in 3"
+					:key="index"
+				>
+					<skeleton-animate
+						:width="80"
+						:height="80"
+						class="ml-3"
+						rounded
+					/>
+
+					<skeleton-animate
+						:width="120"
+						:height="15"
+						rounded
+						class="mt-2"
+					/>
+				</div>
+			</div>
+			<div class="d-flex align-items-center justify-content-center" v-if="hasExtra">
+				<skeleton-animate :width="80" :height="80" img />
+				<skeleton-animate
+					:width="120"
+					:height="15"
+					rounded
+					class="ml-2"
+				/>
+			</div>
+		</div>
+	</div>
+</template>
+<script>
+import SkeletonAnimate from './SkeletonAnimate.vue';
+export default {
+	name: 'course-info-skeleton',
+	components: { SkeletonAnimate },
+	props: {
+		hasExtra: {
+			type: Boolean,
+			default: false
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.card-title {
+    font-size: 1rem;
+}
+.info-box {
+    @media (min-width: 576px) {
+        flex: 0 0 50%;
+        max-width: 50%;
+    }
+    @media (min-width: 768px) {
+        flex: 0 0 50%;
+        max-width: 50%;
+    }
+    @media (min-width: 1024px) {
+        flex: 0 0 33%;
+        max-width: 33%;
+    }
+}
+</style>

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

@@ -1,86 +1,86 @@
-<template>
-	<div id="content">
-		<div class="skeleton">
-			<div class="skeleton-wrapper">
-				<div class="skeleton-wrapper-inner">
-					<div class="skeleton-wrapper-body">
-						<skeleton-animate class="skeleton-avatar" :width="60" :height="60" img />
-						<skeleton-animate class="skeleton-author" :width="150" :height="20" />
-						<skeleton-animate class="skeleton-label" :width="100" :height="10" />
-						<skeleton-animate class="skeleton-content-1" :width="500" :height="10" />
-						<skeleton-animate class="skeleton-content-2" :width="500" :height="10" />
-						<skeleton-animate class="skeleton-content-3" :width="500" :height="10" />
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import SkeletonAnimate from './SkeletonAnimate.vue';
-
-export default {
-	name: 'card-skeleton',
-	components: {
-		SkeletonAnimate
-	}
-};
-</script>
-
-<style>
-#content {
-    width: 100%;
-}
-.skeleton-wrapper {
-    background: #fff;
-    border-radius: 4px;
-    -webkit-border-radius: 4px;
-    margin: 10px 15px;
-    box-shadow: 0 0 2rem 0 rgb(136 152 170 / 15%);
-    padding: 40px 20px;
-    border-radius: .375rem;
-}
-
-.skeleton-wrapper-inner {
-    height: 150px;
-    padding: 15px;
-    position: relative;
-}
-
-.skeleton-wrapper-body div {
-    position: absolute;
-    right: 15px;
-    left: 15px;
-    top: 15px;
-}
-
-div.skeleton-avatar {
-    right: auto;
-}
-div.skeleton-author {
-    top: 20px;
-    left: 95px;
-}
-
-div.skeleton-label {
-    left: 95px;
-    top: 50px;
-}
-div.skeleton-content-1,
-div.skeleton-content-2,
-div.skeleton-content-3 {
-    left: 15px;
-    right: 15px;
-    width: 98%!important;
-}
-div.skeleton-content-1 {
-    top: 100px;
-}
-div.skeleton-content-2 {
-    top: 120px;
-}
-div.skeleton-content-3 {
-    top: 140px;
-}
-</style>
+<template>
+	<div id="content">
+		<div class="skeleton">
+			<div class="skeleton-wrapper">
+				<div class="skeleton-wrapper-inner">
+					<div class="skeleton-wrapper-body">
+						<skeleton-animate class="skeleton-avatar" :width="60" :height="60" img />
+						<skeleton-animate class="skeleton-author" :width="150" :height="20" />
+						<skeleton-animate class="skeleton-label" :width="100" :height="10" />
+						<skeleton-animate class="skeleton-content-1" :width="500" :height="10" />
+						<skeleton-animate class="skeleton-content-2" :width="500" :height="10" />
+						<skeleton-animate class="skeleton-content-3" :width="500" :height="10" />
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script>
+import SkeletonAnimate from './SkeletonAnimate.vue';
+
+export default {
+	name: 'card-skeleton',
+	components: {
+		SkeletonAnimate
+	}
+};
+</script>
+
+<style>
+#content {
+    width: 100%;
+}
+.skeleton-wrapper {
+    background: #fff;
+    border-radius: 4px;
+    -webkit-border-radius: 4px;
+    margin: 10px 15px;
+    box-shadow: 0 0 2rem 0 rgb(136 152 170 / 15%);
+    padding: 40px 20px;
+    border-radius: .375rem;
+}
+
+.skeleton-wrapper-inner {
+    height: 150px;
+    padding: 15px;
+    position: relative;
+}
+
+.skeleton-wrapper-body div {
+    position: absolute;
+    right: 15px;
+    left: 15px;
+    top: 15px;
+}
+
+div.skeleton-avatar {
+    right: auto;
+}
+div.skeleton-author {
+    top: 20px;
+    left: 95px;
+}
+
+div.skeleton-label {
+    left: 95px;
+    top: 50px;
+}
+div.skeleton-content-1,
+div.skeleton-content-2,
+div.skeleton-content-3 {
+    left: 15px;
+    right: 15px;
+    width: 98%!important;
+}
+div.skeleton-content-1 {
+    top: 100px;
+}
+div.skeleton-content-2 {
+    top: 120px;
+}
+div.skeleton-content-3 {
+    top: 140px;
+}
+</style>

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

@@ -1,96 +1,96 @@
-<template>
-	<div
-		class="skeleton skeleton--animate"
-		:class="[
-			{ 'rounded': rounded },
-			{ 'img': img }
-		]"
-		:style="`--skeleton-w: ${width}px; --skeleton-h: ${height}px;`"
-	></div>
-</template>
-
-<script>
-export default {
-	name: 'skeleton-animate',
-	props: {
-		width: {
-			type: Number,
-			default: 200
-		},
-		height: {
-			type: Number,
-			default: 15
-		},
-		rounded: {
-			type: Boolean,
-			default: false
-		},
-		img: {
-			type: Boolean,
-			default: false
-		}
-	}
-};
-</script>
-
-<style lang="scss" scoped>
-@-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 {
-    width: var(--skeleton-w);
-    height: var(--skeleton-h);
-    border-radius: 2px;
-    &.rounded {
-        border-radius: 4px;
-    }
-    &.img {
-        border-radius: 1000px;
-    }
-}
-
-$skeletonBaseColor: #e0e3e6;
-$skeletonBaseLineColor: #edeef1;
-
-.skeleton--animate {
-    -webkit-animation-duration: 1s;
-    -webkit-animation-fill-mode: forwards;
-    -webkit-animation-iteration-count: infinite;
-    -webkit-animation-name: placeholderSkeleton;
-    -webkit-animation-timing-function: linear;
-    background: $skeletonBaseColor;
-    background-image: -webkit-gradient(
-        linear,
-        left center,
-        right center,
-        from($skeletonBaseColor),
-        color-stop(0.2, $skeletonBaseLineColor),
-        color-stop(0.4, $skeletonBaseColor),
-        to($skeletonBaseColor)
-    );
-    background-image: -webkit-linear-gradient(
-        left,
-        $skeletonBaseColor 0%,
-        $skeletonBaseLineColor 20%,
-        $skeletonBaseColor 40%,
-        $skeletonBaseColor 100%
-    );
-    background-repeat: no-repeat;
-    background-size: 800px 104px;
-}
-</style>
+<template>
+	<div
+		class="skeleton skeleton--animate"
+		:class="[
+			{ 'rounded': rounded },
+			{ 'img': img }
+		]"
+		:style="`--skeleton-w: ${width}px; --skeleton-h: ${height}px;`"
+	></div>
+</template>
+
+<script>
+export default {
+	name: 'skeleton-animate',
+	props: {
+		width: {
+			type: Number,
+			default: 200
+		},
+		height: {
+			type: Number,
+			default: 15
+		},
+		rounded: {
+			type: Boolean,
+			default: false
+		},
+		img: {
+			type: Boolean,
+			default: false
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+@-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 {
+    width: var(--skeleton-w);
+    height: var(--skeleton-h);
+    border-radius: 2px;
+    &.rounded {
+        border-radius: 4px;
+    }
+    &.img {
+        border-radius: 1000px;
+    }
+}
+
+$skeletonBaseColor: #e0e3e6;
+$skeletonBaseLineColor: #edeef1;
+
+.skeleton--animate {
+    -webkit-animation-duration: 1s;
+    -webkit-animation-fill-mode: forwards;
+    -webkit-animation-iteration-count: infinite;
+    -webkit-animation-name: placeholderSkeleton;
+    -webkit-animation-timing-function: linear;
+    background: $skeletonBaseColor;
+    background-image: -webkit-gradient(
+        linear,
+        left center,
+        right center,
+        from($skeletonBaseColor),
+        color-stop(0.2, $skeletonBaseLineColor),
+        color-stop(0.4, $skeletonBaseColor),
+        to($skeletonBaseColor)
+    );
+    background-image: -webkit-linear-gradient(
+        left,
+        $skeletonBaseColor 0%,
+        $skeletonBaseLineColor 20%,
+        $skeletonBaseColor 40%,
+        $skeletonBaseColor 100%
+    );
+    background-repeat: no-repeat;
+    background-size: 800px 104px;
+}
+</style>