color: var(--accent);
}
+.text-accent2 {
+ color: var(--accent2);
+}
+
.text-text {
color: var(--text);
}
/* Icon button (for icons without text) */
+.btn-icon {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ border-radius: 9999px;
+ padding: 0.5rem;
+ width: 40px;
+ height: 40px;
+}
+
+.btn-icon svg {
+ width: 20px;
+ height: 20px;
+}
+
/* Badge base style */
.badge {
display: block;
}
+.inline {
+ display: inline;
+}
+
.flex {
display: flex;
}
grid-template-columns: repeat(1, minmax(0, 1fr));
}
+.grid-cols-2 {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.grid-cols-5 {
+ grid-template-columns: repeat(5, minmax(0, 1fr));
+}
+
.flex-col {
flex-direction: column;
}
justify-content: space-between;
}
+.justify-items-center {
+ justify-items: center;
+}
+
.gap-1 {
gap: 0.25rem;
}
color: var(--accent);
}
+.text-accent2 {
+ color: var(--accent2);
+}
+
.text-bg {
color: var(--bg);
}
--tw-ring-color: var(--accent);
}
+.focus-visible\:ring-2:focus-visible {
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.focus-visible\:ring-accent:focus-visible {
+ --tw-ring-color: var(--accent);
+}
+
.disabled\:cursor-not-allowed:disabled {
cursor: not-allowed;
}