Browse Source

switch method of applying color style

gh-pages
kevmodrome 6 years ago
parent
commit
6cbca0aab9
No known key found for this signature in database GPG Key ID: 828D8FE4D235B551
  1. 16
      packages/standard-components/src/Icon.svelte

16
packages/standard-components/src/Icon.svelte

@ -6,11 +6,15 @@
export let icon = "" export let icon = ""
export let size = "fa-lg" export let size = "fa-lg"
export let color = "#000" export let color = "#f00"
$: styles = {
...$component.styles,
normal: {
...$component.styles.normal,
color
}
}
</script> </script>
<div style="color: {color}; display: contents"> <i use:styleable={styles}
<i class="{icon} {size}" />
use:styleable={$component.styles}
class="{icon} {size}" />
</div>
Loading…
Cancel
Save