for reproduction

LukaHarambasic · Nov 14, 2022 · a792bbf · a792bbf
1 parent e490fa4
commit a792bbf
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 24 deletions.
diff --git a/src/components/Base/BaseToClipboardButton.svelte b/src/components/Base/BaseToClipboardButton.svelte
@@ -7,28 +7,6 @@
 	}
 </script>
 
-<button class="button" on:click|once={copyToClipboard}>
+<button on:click|once={copyToClipboard}>
 	<slot />
 </button>
-
-<style>
-	.button {
-		border: none;
-		background: transparent;
-		font-weight: 500;
-		font-size: 1rem;
-		font-family: 'Source Sans Pro', sans-serif;
-		letter-spacing: 0.2px;
-		line-height: 1.2;
-		border-right: 1px solid rgba(0, 0, 0, 0.05);
-		padding: var(--xs) var(--s);
-		margin: 0;
-		transition: var(--transition);
-		text-decoration: none;
-		color: var(--c-font);
-		&:hover {
-			background: rgba(0, 0, 0, 0.05);
-			cursor: pointer;
-		}
-	}
-</style>
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -151,7 +151,7 @@ const randomLists = getRandomItems(lists, 2);
 				</div>
 				<div class="buttons">
 					<a href="mailto:[email protected]" class="button">Write</a>
-					<BaseToClipboardButton client:idle toClipboard="[email protected]"
+					<BaseToClipboardButton class="button" client:idle toClipboard="[email protected]"
 						>Copy</BaseToClipboardButton
 					>
 				</div>