22 lines
436 B
CSS
22 lines
436 B
CSS
:root {
|
|
--reach-tabs: 1;
|
|
}
|
|
|
|
[data-reach-tabs] {
|
|
@apply relative pb-[3px];
|
|
}
|
|
|
|
[data-reach-tab-list] {
|
|
@apply flex;
|
|
}
|
|
|
|
[data-reach-tab] {
|
|
@apply flex-1 flex justify-center items-center
|
|
py-4 px-1 text-center font-medium text-sm text-gray-700
|
|
dark:text-gray-600 hover:text-gray-800 dark:hover:text-gray-500
|
|
focus:ring-primary-300 focus:ring-2;
|
|
}
|
|
|
|
[data-reach-tab][data-selected] {
|
|
@apply text-gray-900 dark:text-gray-100;
|
|
}
|