kasperhermansen-blog/styles/styles.css

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

@layer base {
    html,
    body,
    body > div:first-child {
        @apply h-full bg-base text-text;
    }
}

.blog-content {
  @apply prose 
    lg:prose-lg 
    max-w-3xl 
    prose-headings:text-peach 
    prose-p:text-gray-100 
    prose-a:text-orange-200 
    prose-li:text-gray-100
    prose-ul:text-gray-100
    prose-code:text-peach
    prose-strong:text-white;
}

.blog-summary {
  @apply prose 
    lg:prose-lg 
    prose-headings:text-peach 
    prose-p:text-gray-400 
    prose-a:text-orange-300 
    prose-strong:text-gray-300
    prose-li:text-gray-400
    prose-ul:text-gray-400
    prose-code:text-peach
    pl-6
    ml-6
    border-l-2
    border-peach
    ;
}

.blog-summary > p:first-child {
  @apply mt-0;
}