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

kbd {
    @apply border-solid border-2 border-gray-500 rounded-md px-2 py-0.5 my-1;
}

.markdown-body {
    & li > p {
        display: inline;
    }

    & ol,
    ul {
        list-style-position: inside;
        padding-left: 1em;
    }

    & ul {
        list-style-type: disc;
    }

    & ul ul {
        list-style-type: circle;
    }

    & ul ul ul {
        list-style-type: square;
    }

    & ol {
        list-style-type: decimal;
    }

    & ol ol {
        list-style-type: lower-latin;
    }

    & ol ol ol {
        list-style-type: lower-roman;
    }

    & ol ol ol ol {
        list-style-type: upper-latin;
    }

    & ol ol ol ol ol {
        list-style-type: upper-roman;
    }

    & a,
    & a:visited {
        text-decoration: underline;
    }

    & pre,
    & blockquote {
        page-break-inside: avoid;
    }

    & h1 {
        margin-top: 0;
        font-size: 2rem;
    }

    & h2 {
        font-size: 1.5rem;
    }

    & h3 {
        font-size: 1.25rem;
    }

    & h4 {
        font-size: 1.1rem;
    }

    & h5 {
        font-size: 1rem;
    }

    & h6 {
        font-size: .88rem;
    }

    & small {
        font-size: .707em;
    }

    & blockquote p {
        font-size: 1rem;
        font-style: italic;
        margin: 1rem auto 1rem;
        max-width: 48rem;
    }
}
