static/blog/css/input.css - master - asigatchov/recdev

static/blog/css/input.css
111 строк2 KB
Alexander Sigatchov
css
08 сен 2025, 23:18
08 сен 2025, 23:1860b63d7
@reference 'tailwindcss';
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
    body {
        @apply font-sans leading-relaxed mx-auto max-w-3xl px-2.5 text-gray-700;
    }

    /* Глобальные стили для всех ссылок */
    a {
        @apply text-blue-600 no-underline;
    }

    a:hover {
        @apply underline;
    }

    /* Кастомизация prose для Markdown-генерируемого контента */
    .prose {
        @apply max-w-none text-gray-700;
    }

    .prose h1,
    .prose h2,
    .prose h3,
    .prose h4,
    .prose h5,
    .prose h6 {
        @apply text-gray-800 mb-2.5;
    }

    .prose h1 {
        @apply text-2xl md:text-3xl;
    }

    .prose h2 {
        @apply text-xl md:text-2xl;
    }

    .prose p {
        @apply mb-2.5;
    }

    .prose ul,
    .prose ol {
        @apply my-1 pl-4;
    }

    .prose li {
        @apply mb-0.5;
    }

    .prose code {
        @apply bg-gray-100 px-1.5 py-0.5 rounded;
    }

    .prose pre {
        @apply bg-gray-100 p-2.5 rounded overflow-x-auto;
    }

    .prose img {
        @apply max-w-full h-auto mx-auto block;
    }

    .prose a {
        @apply text-blue-600 no-underline;
        /* Уже соответствует глобальному стилю */
    }

    .prose a:hover {
        @apply underline;
        /* Уже соответствует глобальному стилю */
    }

    /* Стили для специфичных классов в навигации, пагинации и списке статей */
    .nav-link {
        @apply text-blue-600 no-underline font-medium text-sm;
    }

    .nav-link:hover {
        @apply underline;
    }

    .pagination a {
        @apply text-blue-600 no-underline border border-gray-300 rounded-md text-sm font-medium px-4 py-2 bg-white;
    }

    .pagination a:hover {
        @apply underline bg-gray-50;
    }

    .pagination .current {
        @apply text-white bg-blue-500 border-blue-500 rounded-md text-sm font-medium px-4 py-2;
    }

    /* Стили для списка статей */
    .text-card-foreground a {
        @apply text-blue-600 no-underline font-semibold text-xl;
    }

    .text-card-foreground a:hover {
        @apply underline;
    }

    .text-muted-foreground {
        @apply text-gray-500;
        /* Для даты и других серых текстов */
    }
}