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

@layer base {
    trix-toolbar {
        @apply bg-zinc-400 dark:bg-haiti-700;
    }

    trix-editor {
        @apply !mt-4;
    }

    trix-editor,
    .trix-content {
        @apply w-full;
    }

    trix-editor h1,
    .trix-content h1 {
        font-size: 1.25rem !important;
        line-height: 1.25rem !important;
        @apply leading-5 font-semibold my-4;
    }

    trix-editor a:not(.no-underline),
    .trix-content a:not(.no-underline) {
        @apply underline;
    }

    trix-editor a:visited,
    .trix-content a:visited {
        color: green;
    }

    trix-editor ul,
    .trix-content ul {
        list-style-type: disc;
        padding-left: 1rem;
    }

    trix-editor ol,
    .trix-content ol {
        list-style-type: decimal;
        padding-left: 1rem;
    }

    trix-editor pre,
    .trix-content pre {
        display: inline-block;
        width: 100%;
        vertical-align: top;
        font-family: monospace;
        font-size: 1.5em;
        padding: 0.5em;
        white-space: pre;
        background-color: #eee;
        overflow-x: auto;
    }

    trix-editor blockquote,
    .trix-content blockquote {
        border: 0 solid #ccc;
        border-left-width: 0px;
        border-left-width: 0.3em;
        margin-left: 0.3em;
        padding-left: 0.6em;
    }
}