@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;
}

.custom-icon {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
    fill: currentColor;
}

.gitea {
  background-image: url(https://git.front.kjuulh.io/assets/img/logo.svg);
}