@likable-hair/svelte 0.0.9 → 0.0.10

package/buttons/Button.svelte

@@ -13,7 +13,6 @@ $: cssVariables = Object.entries({
     return `${css}${key}: ${value};`;
 }, '');
 import Icon from '../media/Icon.svelte';
-import '$lib/common/tailwind.css';
 </script>
 
 <div 

package/buttons/Button.svelte.d.ts

@@ -1,5 +1,4 @@
 import { SvelteComponentTyped } from "svelte";
-import '$lib/common/tailwind.css';
 declare const __propDef: {
     props: {
         type?: 'default' | 'text' | 'icon';

package/media/Icon.svelte

@@ -1,15 +1,7 @@
 <script >export let name, size = 15, color = '';
 let clazz = '';
 export { clazz as class };
-$: cssVariables = Object.entries({
-    '--size': size + 'pt',
-    '--color': color
-}).filter(([key]) => key.startsWith('--'))
-    .reduce((css, [key, value]) => {
-    return `${css}${key}: ${value};`;
-}, '');
 import '../common/materialDesign.css';
-import '$lib/common/tailwind.css';
 </script>
 
 <style>
@@ -20,7 +12,8 @@ import '$lib/common/tailwind.css';
 </style>
 
 <span
-  style={cssVariables}
+  style:font-size={size + 'pt'}
+  style:color={color}
   class="icon mdi {name} {clazz}"
 ></span>
 

package/media/Icon.svelte.d.ts

@@ -1,6 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
 import '../common/materialDesign.css';
-import '$lib/common/tailwind.css';
 declare const __propDef: {
     props: {
         name: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@likable-hair/svelte",
   "description": "A Svelte component for likablehair",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "devDependencies": {
     "@sveltejs/adapter-auto": "next",
     "@sveltejs/kit": "next",