|
1 |
| -@import "tailwindcss"; |
2 |
| -@custom-variant dark (&:where(.dark, .dark *)); |
| 1 | +@tailwind base; |
| 2 | +@tailwind components; |
| 3 | +@tailwind utilities; |
3 | 4 |
|
4 | 5 | /* chart styles */
|
5 | 6 | .apexcharts-tooltip {
|
6 |
| - @apply !bg-white dark:!bg-gray-700 !text-gray-500 dark:!text-gray-400 !border-0 !rounded-lg !shadow-lg; |
| 7 | + @apply bg-white dark:bg-gray-700 text-gray-500 dark:text-gray-400 border-0 rounded-lg shadow-lg !important; |
7 | 8 | }
|
8 | 9 |
|
9 | 10 | .apexcharts-tooltip .apexcharts-tooltip-title {
|
10 |
| - @apply !py-2 !px-4 !bg-gray-100 dark:!bg-gray-600 !border-b !border-gray-200 dark:!border-gray-500; |
| 11 | + @apply py-2 px-4 bg-gray-100 dark:bg-gray-600 border-b border-gray-200 dark:border-gray-500 !important; |
11 | 12 | }
|
12 | 13 |
|
13 | 14 | .apexcharts-xaxistooltip {
|
14 |
| - @apply !text-gray-500 !border-0 !bg-white dark:!bg-gray-700 dark:!text-gray-300 !rounded-lg !shadow-lg; |
| 15 | + @apply text-gray-500 border-0 bg-white dark:bg-gray-700 dark:text-gray-300 rounded-lg shadow-lg !important; |
15 | 16 | }
|
16 | 17 |
|
17 | 18 | .apexcharts-tooltip .apexcharts-tooltip-text-y-value {
|
18 |
| - @apply dark:!text-white; |
| 19 | + @apply dark:text-white; |
19 | 20 | }
|
20 | 21 |
|
21 | 22 | .apexcharts-xaxistooltip-text {
|
22 |
| - @apply !font-medium !text-sm; |
| 23 | + @apply font-medium text-sm !important; |
23 | 24 | }
|
24 | 25 |
|
25 | 26 | .apexcharts-xaxistooltip:before,
|
26 | 27 | .apexcharts-xaxistooltip:after {
|
27 |
| - @apply !border-0; |
| 28 | + @apply border-0 !important; |
28 | 29 | }
|
29 | 30 |
|
30 | 31 | /* SVG map styles */
|
31 | 32 | .svgMap-map-wrapper {
|
32 |
| - @apply !bg-white; |
| 33 | + @apply bg-white !important; |
33 | 34 | }
|
34 | 35 |
|
35 | 36 | .svgMap-map-image {
|
36 |
| - @apply dark:!bg-gray-800; |
| 37 | + @apply dark:bg-gray-800; |
37 | 38 | }
|
38 | 39 |
|
39 | 40 | .svgMap-map-controls-wrapper {
|
40 |
| - @apply !shadow-none !left-0 !bottom-0 dark:!bg-gray-800; |
| 41 | + @apply shadow-none left-0 bottom-0 dark:bg-gray-800 !important; |
41 | 42 | }
|
42 | 43 |
|
43 | 44 | .svgMap-map-controls-zoom {
|
44 |
| - @apply dark:!bg-gray-800; |
| 45 | + @apply dark:bg-gray-800 !important; |
45 | 46 | }
|
46 | 47 |
|
47 |
| -.svgMap-map-wrapper .svgMap-control-button { |
48 |
| - @apply !rounded-lg !border-solid !border !border-gray-300 hover:!bg-gray-100 dark:!border-gray-600 dark:hover:!bg-gray-600; |
| 48 | +.svgMap-map-wrapper .svgMap-control-button { |
| 49 | + @apply rounded-lg border-solid border border-gray-300 hover:bg-gray-100 dark:border-gray-600 dark:hover:bg-gray-600 !important; |
49 | 50 | }
|
50 | 51 |
|
51 | 52 | .svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button:after,
|
52 | 53 | .svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button:before {
|
53 |
| - @apply dark:!bg-gray-600 dark:hover:!bg-gray-500; |
| 54 | + @apply dark:bg-gray-600 dark:hover:bg-gray-500; |
54 | 55 | }
|
55 | 56 |
|
56 | 57 | .svgMap-map-wrapper .svgMap-control-button:first-child {
|
57 |
| - @apply !mr-2; |
| 58 | + @apply mr-2 !important; |
58 | 59 | }
|
59 | 60 |
|
60 | 61 | .svgMap-tooltip {
|
61 |
| - @apply !bg-white dark:!bg-gray-700 !shadow-lg !rounded-lg !border-0 !text-left; |
| 62 | + @apply bg-white dark:bg-gray-700 shadow-lg rounded-lg border-0 text-left !important; |
62 | 63 | }
|
63 | 64 |
|
64 | 65 | .svgMap-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container {
|
65 |
| - @apply !inline-block !mr-2 !text-left !border-0 !p-0; |
| 66 | + @apply inline-block mr-2 text-left border-0 p-0 !important; |
66 | 67 | }
|
67 | 68 |
|
68 | 69 | .svgMap-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container .svgMap-tooltip-flag {
|
69 |
| - @apply !inline-block !border-0 !h-4 !p-0; |
| 70 | + @apply inline-block border-0 h-4 p-0 !important; |
70 | 71 | }
|
71 | 72 |
|
72 | 73 | .svgMap-tooltip .svgMap-tooltip-title {
|
73 |
| - @apply !inline-block !pt-2 !text-gray-900 dark:!text-white !font-semibold !text-sm; |
| 74 | + @apply inline-block pt-2 text-gray-900 dark:text-white font-semibold text-sm !important; |
74 | 75 | }
|
75 | 76 |
|
76 | 77 | .svgMap-tooltip .svgMap-tooltip-content {
|
77 |
| - @apply !mt-0; |
| 78 | + @apply mt-0 !important; |
78 | 79 | }
|
79 | 80 |
|
80 | 81 | .svgMap-tooltip .svgMap-tooltip-content table td {
|
81 |
| - @apply !text-sm !text-left !text-gray-500 dark:!text-gray-400 !font-normal; |
| 82 | + @apply text-sm text-left text-gray-500 dark:text-gray-400 font-normal !important; |
82 | 83 | }
|
83 | 84 |
|
84 | 85 | .svgMap-tooltip .svgMap-tooltip-content table td span {
|
85 |
| - @apply !text-sm !text-left !text-gray-900 dark:!text-white !font-semibold; |
| 86 | + @apply text-sm text-left text-gray-900 dark:text-white font-semibold !important; |
86 | 87 | }
|
87 | 88 |
|
88 | 89 | .svgMap-tooltip .svgMap-tooltip-pointer {
|
89 |
| - @apply !hidden; |
| 90 | + @apply hidden !important; |
90 | 91 | }
|
91 | 92 |
|
92 | 93 | .svgMap-map-wrapper .svgMap-country {
|
93 |
| - @apply dark:!stroke-gray-800; |
| 94 | + @apply dark:stroke-gray-800; |
94 | 95 | }
|
95 | 96 |
|
96 | 97 | /* kanban styles */
|
97 | 98 |
|
98 | 99 | .drag-card {
|
99 |
| - @apply !opacity-100; |
100 |
| - @apply !rotate-6; |
| 100 | + @apply opacity-100 !important; |
| 101 | + @apply rotate-6; |
101 | 102 | }
|
102 | 103 |
|
103 | 104 | .ghost-card {
|
104 |
| - @apply !bg-gray-100/40 dark:!bg-gray-600/40; |
| 105 | + @apply bg-gray-100/40 dark:bg-gray-600/40 !important; |
105 | 106 | }
|
106 | 107 |
|
107 | 108 | /* calendar styles */
|
108 | 109 |
|
109 | 110 | .fc .fc-toolbar {
|
110 |
| - @apply !flex-row-reverse !justify-end !px-4; |
| 111 | + @apply flex-row-reverse justify-end px-4 !important; |
111 | 112 | }
|
112 | 113 |
|
113 | 114 | .fc .fc-toolbar.fc-header-toolbar {
|
114 |
| - @apply !mb-5; |
| 115 | + @apply mb-5 !important; |
115 | 116 | }
|
116 | 117 |
|
117 | 118 | .fc .fc-toolbar-title {
|
118 |
| - @apply !text-lg !text-gray-900 !font-semibold; |
| 119 | + @apply text-lg text-gray-900 font-semibold !important; |
119 | 120 | }
|
120 | 121 |
|
121 | 122 | .fc .fc-today-button {
|
122 |
| - @apply !rounded-lg !border !border-gray-200 !bg-white !text-sm !font-medium !px-4 !py-2 !text-gray-900 hover:!bg-gray-100 hover:!text-blue-700 focus:!z-10 focus:!ring-2 focus:!ring-blue-700 focus:!text-blue-700; |
| 123 | + @apply rounded-lg border border-gray-200 bg-white text-sm font-medium px-4 py-2 text-gray-900 hover:bg-gray-100 hover:text-primary-700 focus:z-10 focus:ring-2 focus:ring-primary-700 focus:text-primary-700 !important; |
123 | 124 | }
|
124 | 125 |
|
125 | 126 | .fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
|
126 |
| - @apply !mx-2; |
| 127 | + @apply mx-2 !important; |
127 | 128 | }
|
128 | 129 |
|
129 | 130 | .fc .fc-button-group .fc-prev-button,
|
130 | 131 | .fc .fc-button-group .fc-next-button {
|
131 |
| - @apply !bg-white !border-0 !text-gray-500 hover:!text-gray-900 !cursor-pointer !p-2 hover:!bg-gray-100 !rounded !inline-flex focus:!bg-gray-100 focus:!ring-1 focus:!ring-gray-100 !justify-center; |
| 132 | + @apply bg-white border-0 text-gray-500 hover:text-gray-900 cursor-pointer p-2 hover:bg-gray-100 rounded inline-flex focus:bg-gray-100 focus:ring-1 focus:ring-gray-100 justify-center !important; |
132 | 133 | }
|
133 | 134 |
|
134 | 135 | .fc .fc-scrollgrid {
|
135 |
| - @apply !border-l-0 !border-gray-200; |
| 136 | + @apply border-l-0 border-gray-200 !important; |
136 | 137 | }
|
137 | 138 |
|
138 | 139 | .fc .fc-daygrid-day-frame {
|
139 |
| - @apply !border-gray-200; |
| 140 | + @apply border-gray-200 !important; |
140 | 141 | }
|
141 | 142 |
|
142 | 143 | .fc .fc-col-header-cell-cushion {
|
143 |
| - @apply !py-3 !text-base !text-gray-900 !font-semibold; |
| 144 | + @apply py-3 text-base text-gray-900 font-semibold !important; |
144 | 145 | }
|
145 | 146 |
|
146 | 147 | .fc-theme-standard th {
|
147 |
| - @apply !border-0 !border-b !border-gray-200; |
| 148 | + @apply border-0 border-b border-gray-200 !important; |
148 | 149 | }
|
149 | 150 |
|
150 | 151 | .fc-direction-ltr .fc-daygrid-event.fc-event-end {
|
151 |
| - @apply !mr-2; |
| 152 | + @apply mr-2 !important; |
152 | 153 | }
|
153 | 154 |
|
154 | 155 | .fc-direction-ltr .fc-daygrid-event.fc-event-start {
|
155 |
| - @apply !ml-2; |
| 156 | + @apply ml-2 !important; |
156 | 157 | }
|
157 | 158 |
|
158 | 159 | .fc .fc-event .fc-event-main {
|
159 |
| - @apply !p-2 !bg-blue-700 hover:!bg-blue-800; |
| 160 | + @apply p-2 bg-primary-700 hover:bg-primary-800 !important; |
160 | 161 | }
|
161 | 162 |
|
162 | 163 | .fc .fc-h-event .fc-event-main-frame {
|
163 |
| - @apply !text-xs !font-semibold; |
| 164 | + @apply text-xs font-semibold !important; |
164 | 165 | }
|
165 | 166 |
|
166 | 167 | .fc .fc-daygrid-day-frame {
|
167 |
| - @apply hover:!bg-gray-50 !cursor-pointer; |
| 168 | + @apply hover:bg-gray-50 cursor-pointer !important; |
168 | 169 | }
|
169 | 170 |
|
170 | 171 | /* feed styles */
|
| 172 | + |
171 | 173 | @media (min-width: 1280px) {
|
172 | 174 | .feed-container {
|
173 | 175 | height: calc(100vh - 4rem);
|
|
0 commit comments