add copy to clipboard button

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "prettier.requireConfig": true
+}

clip.min.js

@@ -1853,3 +1853,15 @@ function codePen() {
 
   $form.submit();
 }
+
+
+async function copyToClipboard() {
+  const code = $unprefixed.text();
+
+  try {
+    await navigator.clipboard.writeText(code);
+    alert('Code copied!');
+  } catch (err) {
+    alert('Failed to copy: ');
+  }
+}

index.html

@@ -70,7 +70,7 @@ <h2>Round edges</h2>
 					-->
 					<code class="unprefixed block show">clip-path: <span class="functions"></span>;</code>
 				</div>
-				<!-- <button class="edit-in-codepen code"></button> -->
+				<button class="code btn-copy" onclick="copyToClipboard();">Copy</button>
 			</section>
 		</div>
 		<div class="side">

style.min.css

@@ -866,6 +866,10 @@ figure figcaption {
   flex: 1;
 }
 
+.btn-copy {
+  cursor: pointer;
+}
+
 @media (min-width: 800px) {
   .css-code {
     margin-right: 0.5vw;