chore(frontend): migrate Tailwind to Vite plugin
This commit is contained in:
@@ -1,6 +1,20 @@
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
@import "tailwindcss";
|
||||
@custom-variant dark (&:where(.dark, .dark *));
|
||||
|
||||
@theme inline {
|
||||
--color-hBackground: var(--h-background);
|
||||
--color-hOnBackground: var(--h-on-background);
|
||||
--color-hSurface: var(--h-surface);
|
||||
--color-hOnSurface: var(--h-on-surface);
|
||||
--color-hPrimary: var(--h-primary);
|
||||
--color-hOnPrimary: var(--h-on-primary);
|
||||
--color-hSecondary: var(--h-secondary);
|
||||
--color-hOnSecondary: var(--h-on-secondary);
|
||||
--color-hTertiary: var(--h-tertiary);
|
||||
--color-hOnTertiary: var(--h-on-tertiary);
|
||||
--color-hError: var(--h-error);
|
||||
--color-hOnError: var(--h-on-error);
|
||||
}
|
||||
|
||||
:root {
|
||||
--socialize-primary: #172033;
|
||||
@@ -129,13 +143,25 @@ div.card {
|
||||
}
|
||||
|
||||
button.primary {
|
||||
@apply btn;
|
||||
@apply min-w-24 w-full;
|
||||
@apply p-4;
|
||||
@apply flex flex-nowrap gap-4 items-center justify-center;
|
||||
@apply rounded-lg;
|
||||
@apply capitalize text-base font-sans font-medium;
|
||||
@apply px-10;
|
||||
@apply cursor-pointer;
|
||||
@apply bg-hPrimary text-hOnPrimary;
|
||||
@apply hover:brightness-125;
|
||||
}
|
||||
|
||||
button.secondary {
|
||||
@apply btn;
|
||||
@apply min-w-24 w-full;
|
||||
@apply p-4;
|
||||
@apply flex flex-nowrap gap-4 items-center justify-center;
|
||||
@apply rounded-lg;
|
||||
@apply capitalize text-base font-sans font-medium;
|
||||
@apply px-10;
|
||||
@apply cursor-pointer;
|
||||
@apply bg-hSecondary text-hOnSecondary;
|
||||
@apply hover:brightness-125;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user