tabs.scss

.tw-tabs-container {
    @apply flex text-left mb-4 border-b border-grey-400;
}
.tw-tab {
    @apply border border-b-0 border-grey-400 rounded-t-lg px-4 py-2 bg-white .cursor-pointer .bg-white .inline-block .py-2 .px-4 .text-blue-500 .font-semibold .no-underline;
}
.tw-tab:hover {
    @apply .text-blue-800;
}
.tw-tab:focus {
    @apply outline-none;
}
.tw-tab.active {
    @apply border border-b-0 border-grey-400 rounded-t-lg px-4 py-2 bg-blue-500;
}
.tw-tab.active {
    @apply text-white;
}
.active--tab {
    @apply .cursor-pointer .bg-blue-500 .inline-block .border-l .border-t .border-r .rounded-t .py-2 .px-4 .text-white .font-semibold .no-underline;
}