aboutsummaryrefslogtreecommitdiff
path: root/src/lib/components/palette.svelte
diff options
context:
space:
mode:
authorRuben Beltran del Rio <ruben@unlimited.pizza>2022-07-05 19:11:31 +0200
committerRuben Beltran del Rio <ruben@unlimited.pizza>2022-07-05 19:11:31 +0200
commit3717f7fbf9ec110b51fe002cdced5d73ebd6136b (patch)
tree6caa301bddd630dddfcc524c33c8d35d78baa05d /src/lib/components/palette.svelte
parentf106543fe9cf1def42f2af9f011acf0c83ddd411 (diff)
Move things to components
Diffstat (limited to 'src/lib/components/palette.svelte')
-rw-r--r--src/lib/components/palette.svelte25
1 files changed, 25 insertions, 0 deletions
diff --git a/src/lib/components/palette.svelte b/src/lib/components/palette.svelte
new file mode 100644
index 0000000..94ba3db
--- /dev/null
+++ b/src/lib/components/palette.svelte
@@ -0,0 +1,25 @@
+<script>
+ import { blink } from '$lib/animations/blink';
+</script>
+
+<div class="palette" transition:blink>
+ <p>
+ palette palette palette palette palette palette <br/>
+ palette palette palette palette palette palette <br/>
+ palette palette palette palette palette palette <br/>
+ palette palette palette palette palette palette <br/>
+ palette palette palette palette palette palette <br/>
+ palette palette palette palette palette palette <br/>
+ </p>
+</div>
+
+<style>
+ .palette {
+ position: fixed;
+ top: var(--palette-y);
+ left: var(--palette-x);
+ border: 1px solid black;
+ background-color: #fff;
+ overflow: hidden;
+ }
+</style>