The great button centerification

svelte/src/layout/Button.svelte

@@ -0,0 +1,64 @@
+<script>
+export let highlight = false;
+export let red = false;
+export let round = false;
+export let flat = false;
+export let icon = ""
+export let icon_small = false;
+export let label = ""
+export let link_href = ""
+export let link_target = ""
+export let click = e => {}
+export let style = ""
+export let type = ""
+export let form = ""
+</script>
+
+{#if link_target === ""}
+	<button
+		on:click={click}
+		class="button"
+		class:button_highlight={highlight}
+		class:button_red={red}
+		class:round
+		class:flat
+		style={style}
+		type={type}
+		form={form}
+	>
+		{#if icon !== ""}
+			<i class="icon" class:small={icon_small}>{icon}</i>
+		{/if}
+		{#if label !== ""}
+			<span>{label}</span>
+		{/if}
+	</button>
+{:else}
+	<a
+		href="{link_href}"
+		target={link_target}
+		class="button"
+		class:button_highlight={highlight}
+		class:button_red={red}
+		class:round
+		class:flat
+		style={style}
+	>
+		{#if icon !== ""}
+			<i class="icon" class:small={icon_small}>{icon}</i>
+		{/if}
+		{#if label !== ""}
+			<span>{label}</span>
+		{/if}
+	</a>
+{/if}
+
+<style>
+.button {
+	flex: 0 0 content;
+}
+.flat {
+	background: none;
+	margin: 0;
+}
+</style>