|
14 | 14 |
|
15 | 15 | @custom-variant dark (&:where(.dark, .dark *)); |
16 | 16 |
|
17 | | -/* |
18 | | - Force pagination to always use light mode styles |
19 | | - This overrides any dark mode classes on pagination components |
20 | | - Safe from Laravel updates and requires zero maintenance |
21 | | -*/ |
22 | | -@layer utilities { |
23 | | - nav[role="navigation"][aria-label*="Pagination"] *, |
24 | | - nav[aria-label="Pagination Navigation"] * { |
25 | | - --tw-bg-opacity: 1 !important; |
26 | | - --tw-text-opacity: 1 !important; |
27 | | - --tw-border-opacity: 1 !important; |
28 | | - } |
29 | | - |
30 | | - /* Force light backgrounds on pagination elements */ |
31 | | - nav[role="navigation"][aria-label*="Pagination"] span, |
32 | | - nav[role="navigation"][aria-label*="Pagination"] a, |
33 | | - nav[aria-label="Pagination Navigation"] span, |
34 | | - nav[aria-label="Pagination Navigation"] a { |
35 | | - background-color: rgb(255 255 255) !important; |
36 | | - border-color: rgb(209 213 219) !important; |
37 | | - } |
38 | | - |
39 | | - /* Force light text colors */ |
40 | | - nav[role="navigation"][aria-label*="Pagination"] span, |
41 | | - nav[role="navigation"][aria-label*="Pagination"] a, |
42 | | - nav[aria-label="Pagination Navigation"] span, |
43 | | - nav[aria-label="Pagination Navigation"] a { |
44 | | - color: rgb(55 65 81) !important; |
45 | | - } |
46 | | - |
47 | | - /* Disabled state colors */ |
48 | | - nav[role="navigation"][aria-label*="Pagination"] span[aria-disabled="true"], |
49 | | - nav[aria-label="Pagination Navigation"] span[aria-disabled="true"] { |
50 | | - color: rgb(156 163 175) !important; |
51 | | - } |
52 | | -} |
53 | 17 | /* |
54 | 18 | The default border color has changed to `currentcolor` in Tailwind CSS v4, |
55 | 19 | so we've added these compatibility styles to make sure everything still |
|
0 commit comments