tailwind.css

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {

    [x-cloak] {
        display: none !important;
    }

    html,
    body {
    @apply min-h-screen;
    }

    /* style all links with these styles except for buttons and pagination items */
    a:not(.btn, .nolink, .paginate_button, .paginate_button a, .custom-select-options a) {
        @apply link link-hover link-primary;
    }

    p {
        @apply font-light my-1;
    }

    h1,
    h2,
    h3 {
        @apply font-semibold;
    }

    h1 {
        @apply text-xl;
    }

    h2 {
        @apply text-lg;
    }

    h3 {
        @apply mb-2;
    }

    .row {
        @apply grid grid-cols-12 text-sm;
    }

    .row .col-sm-6 {
        @apply col-span-12 md:col-span-6 p-2;
    }
    .row .col-sm-12 {
        @apply col-span-12 py-2;
    }

    .dataTables_filter {
        @apply flex justify-end;
    }

    .searchable-badge {
        @apply border-0 btn btn-xs bg-blue-50 text-primary normal-case mx-[2px] my-[2px];
    }

    .searchable-badge:hover {
        @apply !bg-primary !text-primary-content;
    }

    .table.dataTable td {
        @apply align-text-top;
    }

    .table.dataTable td.versions,
    .table.dataTable td.variants,
    .table.dataTable td.platforms,
    .table.dataTable td.oss,
    .table.dataTable td.targets,
    .table.dataTable td.compilers,
    .table.dataTable td.stacks {
        @apply whitespace-normal;
    }

    .form-control {
        @apply relative;
    }

    .form-control label.floating {
        @apply absolute bg-white left-[3px] p-0 px-1 pointer-events-none top-0;
    }

    .custom-select {
        @apply select select-bordered items-center;
    }

    .custom-select-options {
        @apply absolute left-[-1px] pt-1 right-[-1px] shadow-lg text-sm top-full z-10;
    }

    .custom-select-options .menu-wrap {
        @apply bg-base-100 border border-base-200 max-h-[280px] overflow-y-auto rounded;
    }

    .custom-select-options ul {
        @apply menu w-full;
    }

    .custom-select-options ul li {
        @apply border-b border-base-300 font-normal w-full;
    }

    .custom-select-options ul li.selected a {
        @apply pointer-events-none text-gray-400;
    }
}