📘 doc: round

Author: SaltyAom

docs/tailwind.css

@@ -109,6 +109,10 @@ pre.vp-code > code,
 
     --twoslash-border-color: theme(--color-slate-200);
     --vp-c-bg-elv: theme(--color-slate-100);
+
+    --vp-code-copy-code-bg: theme(--color-slate-50);
+    --vp-code-copy-code-hover-bg: #fff;
+    --vp-code-copy-code-border-color: theme(--color-slate-200);
 }
 
 .dark {
@@ -136,6 +140,10 @@ pre.vp-code > code,
     --twoslash-border-color: var(--color-slate-800);
     --vp-c-bg-elv: theme(--color-slate-800);
     --vp-c-neutral-inverse: theme(--color-slate-800);
+
+    --vp-code-copy-code-bg: theme(--color-slate-800);
+    --vp-code-copy-code-hover-bg: theme(--color-slate-700);
+    --vp-code-copy-code-border-color: theme(--color-slate-600);
 }
 
 html,
@@ -850,3 +858,32 @@ button.copy::after {
 		background-color: inherit;
 	}
 }
+
+@utility clicky {
+	@apply hover:scale-[1.03] focus:scale-[1.03] active:scale-[0.98] !transition-all;
+}
+
+#local-search > .DocSearch-Button {
+	@apply rounded-xl backdrop-blur-sm clicky;
+	background-color: color-mix(in srgb, var(--vp-c-bg-soft) 80%, transparent);
+	border: 1px solid color-mix(in srgb, var(--vp-c-bg-soft) 80%, black 1%);
+}
+
+button[title="Copy Code"].copy,
+button[title="Copy Code"].copy::before {
+	@apply !rounded-xl clicky;
+}
+
+button[title="Copy Code"].copy::before {
+	@apply -translate-x-1;
+	border: 1px solid var(--vp-code-copy-code-border-color) !important;
+}
+
+div[class*="language-"] {
+	@apply !rounded-2xl;
+}
+
+.VPSidebarItem.is-link:not(.collapsible),
+.VPSidebarItem.is-link.collapsible > .item {
+	@apply active:scale-[0.98] !transition-all;
+}