feat(svelte): cleanup styling, use css variables

2023-06-06 19:44:39 +02:00
parent 32ddd6fac9
commit 98d9d3e51a
20 changed files with 190 additions and 101 deletions
@@ -1,6 +1,12 @@
 <script lang="ts">
  export let radius = 5;
-  export let color = '#000';
+  export let color: string | undefined = undefined;
 </script>

-<circle cx={radius} cy={radius} r={radius} fill={color} />
+<circle cx={radius} cy={radius} r={radius} style:--pattern-color-props={color} />
+
+<style>
+  circle {
+    fill: var(--pattern-color-props, var(--background-pattern-color));
+  }
+</style>