ADD: WIP Component

2024-01-29 14:03:49 +01:00
parent 34768bbc05
commit 88d06f595c
2 changed files with 47 additions and 23 deletions
--- a/src/components/WIP.vue
+++ b/src/components/WIP.vue
@@ -0,0 +1,20 @@
+<template>
+  <div class="bg-wip w-full text-center p-8 text-zinc-200">
+    <span class="bg-black font-heading p-1">WORK IN PROGRESS</span>
+  </div>
+</template>
+
+<style scoped>
+.bg-wip {
+  --stripe-color-a: rgb(228 228 231);
+  --stripe-color-b: black;
+  --stripe-width: 1em;
+  background: repeating-linear-gradient(
+    45deg,
+    var(--stripe-color-a),
+    var(--stripe-color-a) var(--stripe-width),
+    var(--stripe-color-b) var(--stripe-width),
+    var(--stripe-color-b) calc(var(--stripe-width) * 2)
+  );
+}
+</style>