|
240 | 240 | h6 { |
241 | 241 | @apply font-anybody font-semibold; |
242 | 242 | } |
243 | | -} |
244 | | - |
245 | | -[data-slot='tabs-list'] { |
246 | | - @apply after:bg-background relative z-0 after:absolute after:inset-y-[3px] after:left-[3px] after:-z-1 after:rounded-md after:shadow-sm after:duration-200; |
247 | | -} |
248 | | - |
249 | | -/* One tab */ |
250 | | -[data-slot='tabs-list']:has([data-slot='tabs-trigger']:only-child) { |
251 | | - @apply after:w-[calc(100%-6px)]; |
252 | | -} |
253 | | - |
254 | | -/* two tabs */ |
255 | | -[data-slot='tabs-list']:has( |
256 | | - [data-slot='tabs-trigger']:first-child:nth-last-child(2) |
257 | | - ) { |
258 | | - @apply grid grid-cols-2 after:w-[calc(50%-3px)]; |
259 | | - &:has([data-slot='tabs-trigger']:nth-child(2)[data-state='active']) { |
260 | | - @apply after:translate-x-full; |
261 | | - } |
262 | | -} |
263 | | - |
264 | | -/* three tabs */ |
265 | | -[data-slot='tabs-list']:has( |
266 | | - [data-slot='tabs-trigger']:first-child:nth-last-child(3) |
267 | | - ) { |
268 | | - @apply grid grid-cols-3 after:w-[calc(33%-1px)]; |
269 | | - &:has([data-slot='tabs-trigger']:nth-child(2)[data-state='active']) { |
270 | | - @apply after:translate-x-full; |
271 | | - } |
272 | | - &:has([data-slot='tabs-trigger']:nth-child(3)[data-state='active']) { |
273 | | - @apply after:translate-x-[200%]; |
274 | | - } |
275 | | -} |
276 | | - |
277 | | -/* four tabs */ |
278 | | -[data-slot='tabs-list']:has( |
279 | | - [data-slot='tabs-trigger']:first-child:nth-last-child(4) |
280 | | - ) { |
281 | | - @apply grid grid-cols-4 after:w-[calc(25%-1.5px)]; |
282 | | - &:has([data-slot='tabs-trigger']:nth-child(2)[data-state='active']) { |
283 | | - @apply after:translate-x-full; |
284 | | - } |
285 | | - &:has([data-slot='tabs-trigger']:nth-child(3)[data-state='active']) { |
286 | | - @apply after:translate-x-[200%]; |
287 | | - } |
288 | | - &:has([data-slot='tabs-trigger']:nth-child(4)[data-state='active']) { |
289 | | - @apply after:translate-x-[300%]; |
| 243 | + button { |
| 244 | + @apply cursor-pointer; |
290 | 245 | } |
291 | 246 | } |
0 commit comments