Move things to components

[rbdr/canvas] / src / lib / components / palette.svelte

<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>