nonscollectif-org/src/scss/header.pcss

header {
    @apply border-b-[1px] border-dashed border-slate-700 flex flex-wrap items-center;

    > div#Title {
        @apply my-2 mx-4;
    }
    > ul {
        @apply my-2;

        > li {
            @apply relative inline px-2 py-8 my-8;

            > ul {
                @apply hidden list-none pl-0;
            }
        }
        > li:hover > ul {
            @apply block absolute left-1 flex flex-col bg-amber-200 drop-shadow-lg rounded-md border-amber-900 border-2 m-1;

            > li {
                @apply whitespace-nowrap p-1;
            }

            > li:hover {
                @apply bg-amber-800 text-white;
            }
        }
    }
}