<commit_before>@import "../node_modules/prism-solarized-dark/prism-solarizeddark";
@import "../node_modules/@fortawesome/fontawesome-free/css/fontawesome";
@import "../node_modules/@fortawesome/fontawesome-free/css/brands";
@import "../node_modules/@fortawesome/fontawesome-free/css/solid";
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
    html {
        @apply font-serif text-neutral-100;
    }

    p {
        @apply mb-4 leading-relaxed tracking-wide;
    }

    a {
        @apply text-neutral-400 underline decoration-1 decoration-dotted transition duration-300;
    }


    a:hover {
        @apply text-neutral-100 font-semibold decoration-solid;
    }

    h1, h2, h3, h4, h5, h6 {
        @apply font-sans;
    }

    h1 {
        @apply font-bold text-8xl mb-2;
    }

    h2 {
        @apply font-bold text-6xl mb-2;
    }

    h3 {
        @apply font-bold text-4xl mb-2;
    }

    h4 {
        @apply font-bold text-2xl mb-2;
    }

    h5 {
        @apply font-bold text-xl mb-2;
    }

    ul {
        @apply list-disc list-outside mb-4 ml-5;
    }

    ol {
        @apply list-decimal list-outside mb-4 ml-5;
    }

    li {
        @apply font-sans;
    }

    kbd {
        @apply font-bold;
    }

    sup {
        @apply text-xs align-super;
    }

    img {
        @apply max-w-full;
    }

    blockquote {
        @apply border-neutral-500 border-solid border-l-4 pl-4;
    }
}

@layer components {
    .search-results {
        @apply absolute bg-white overflow-y-visible space-y-1 divide-y divide-solid divide-neutral-500 w-[25rem] rounded-lg list-none ml-0;
    }
}

/* The following are often injected after-the-fact or created via manual
 * processes, and will not be present in templates.
 * Creating them outside a layer ensures they are always present.
 */
.search-result {
    @apply block p-2 hover:bg-neutral-700 hover:text-neutral-100 hover:font-semibold;
}

.search-result a {
    @apply no-underline;
}

.laminas-tag-cloud {
    @apply list-none flex flex-row flex-wrap;
}

.laminas-tag-cloud li {
    @apply px-1 hover:font-semibold hover:text-white hover:underline;
}

.homepage-feed li {
    @apply ml-8;
}

.homepage-feed li img {
    @apply inline;
}

.comic {
    @apply p-8 w-full lg:w-1/2 xl:w-1/3 2xl:w-1/4;
}
<commit_msg>fix: only 3 columns of comics, even at largest resolution<commit_after>@import "../node_modules/prism-solarized-dark/prism-solarizeddark";
@import "../node_modules/@fortawesome/fontawesome-free/css/fontawesome";
@import "../node_modules/@fortawesome/fontawesome-free/css/brands";
@import "../node_modules/@fortawesome/fontawesome-free/css/solid";
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
    html {
        @apply font-serif text-neutral-100;
    }

    p {
        @apply mb-4 leading-relaxed tracking-wide;
    }

    a {
        @apply text-neutral-400 underline decoration-1 decoration-dotted transition duration-300;
    }


    a:hover {
        @apply text-neutral-100 font-semibold decoration-solid;
    }

    h1, h2, h3, h4, h5, h6 {
        @apply font-sans;
    }

    h1 {
        @apply font-bold text-8xl mb-2;
    }

    h2 {
        @apply font-bold text-6xl mb-2;
    }

    h3 {
        @apply font-bold text-4xl mb-2;
    }

    h4 {
        @apply font-bold text-2xl mb-2;
    }

    h5 {
        @apply font-bold text-xl mb-2;
    }

    ul {
        @apply list-disc list-outside mb-4 ml-5;
    }

    ol {
        @apply list-decimal list-outside mb-4 ml-5;
    }

    li {
        @apply font-sans;
    }

    kbd {
        @apply font-bold;
    }

    sup {
        @apply text-xs align-super;
    }

    img {
        @apply max-w-full;
    }

    blockquote {
        @apply border-neutral-500 border-solid border-l-4 pl-4;
    }
}

@layer components {
    .search-results {
        @apply absolute bg-white overflow-y-visible space-y-1 divide-y divide-solid divide-neutral-500 w-[25rem] rounded-lg list-none ml-0;
    }
}

/* The following are often injected after-the-fact or created via manual
 * processes, and will not be present in templates.
 * Creating them outside a layer ensures they are always present.
 */
.search-result {
    @apply block p-2 hover:bg-neutral-700 hover:text-neutral-100 hover:font-semibold;
}

.search-result a {
    @apply no-underline;
}

.laminas-tag-cloud {
    @apply list-none flex flex-row flex-wrap;
}

.laminas-tag-cloud li {
    @apply px-1 hover:font-semibold hover:text-white hover:underline;
}

.homepage-feed li {
    @apply ml-8;
}

.homepage-feed li img {
    @apply inline;
}

.comic {
    @apply p-8 w-full lg:w-1/2 xl:w-1/3;
}

{'fraction_non_alphanumeric': 0.12774666092201636, 'fraction_numerical': 0.02843601895734597, 'mean_word_length': 2.169283276450512, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2713985', 'n_tokens_mistral': 1763, 'n_tokens_neox': 1653, 'n_words': 378}