kasperhermansen-blog/styles/styles.css
2023-04-09 12:27:51 +02:00

59 lines
1.0 KiB
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;
}
.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);
}