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

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

@layer components {
    .homepage-markdown-container {
        @apply space-y-5
    }

    .homepage-markdown-container > h1 {
        @apply mt-4 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl md:text-5xl 
    }

    .homepage-markdown-container a {
        @apply underline text-indigo-600
    }

    .markdown-container {
        @apply text-gray-900
    }

    .markdown-container > p {
        @apply py-2
    }

    .markdown-container > h1 {
        @apply text-4xl
    }

    .markdown-container > h2 {
        @apply py-6 text-2xl
    }

    .markdown-container > h3 {
        @apply text-xl
    }

    .markdown-container ul {
        @apply list-disc pl-8
    }

    .markdown-container ol {
        @apply list-decimal pl-8
    }

    .markdown-container a {
        @apply underline text-indigo-600
    }

    .markdown-container pre {
        @apply pl-8 text-gray-500
    }

    .markdown-container blockquote {
        @apply border-l-4 border-gray-400 pl-2
    }
}

/* Trix Editor */
.trix-button--icon-strike,
.trix-button--icon-heading-1,
.trix-button-group--file-tools,
.trix-button-group--history-tools {
    display: none !important;
}