blob: 87d049be061348b36038a719e1e0a07101607d92 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
@import "tailwindcss";
/* Forcs Tailwind to look for a .dark class up the HTML tree instead of checking the user's operating system preferences. */
@custom-variant dark (&:where(.dark, .dark *));
/* Base layer customization with Tailwind CSS classes - applies to elements like p, a, img */
@layer base {
a {
@apply text-pink-500;
}
}
/* Components layer - Specify rules for components like btn, card, badge, etc. */
@layer components {
.btn {
@apply inline-block rounded p-2 bg-gray-300 hover:bg-gray-900 hover:text-white transition;
}
}
|
