@import 'tailwindcss';

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';
@config '../../tailwind.config.js';


@layer utilities {
    .nav-link {
        @apply p-5 flex items-center justify-center w-full h-full hover:text-primary-green-200 hover:bg-primary-purple-50 hover:underline underline-offset-8;
    }

    .nav-link.active {
        @apply text-primary-green-200 bg-primary-purple-50 underline underline-offset-8 font-bold;
    }

    .clip-diagonal {
        clip-path: polygon(0 0, 100% 90%, 100% 100%, 0% 100%);
    }
}