add default styles for input & button

2026-09-30 20:53:35 +00:00 · 2024-09-21 11:39:17 +02:00
parent b6c2574e74
commit 6a63a875c4
1 changed files with 32 additions and 0 deletions
@@ -1,3 +1,35 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
+
+html {
+    font-size: var(--vscode-font-size);
+}
+
+.btn {
+    @apply cursor-pointer transition-colors;
+
+    &.btn-primary {
+        @apply bg-vscode-button-bg text-vscode-button-fg;
+
+        &:not(:disabled) {
+            @apply hover:bg-vscode-button-hoverBg;
+        }
+    }
+
+    &.btn-secondary {
+        @apply bg-vscode-button-secondary-bg text-vscode-button-secondary-fg;
+
+        &:not(:disabled) {
+            @apply hover:bg-vscode-button-secondary-hoverBg;
+        }
+    }
+
+    &:disabled {
+        @apply opacity-75 cursor-not-allowed;
+    }
+}
+
+.input {
+    @apply bg-vscode-input-bg text-vscode-input-fg border-vscode-input-border;
+}