46 lines
791 B
CSS
46 lines
791 B
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;
|
|
}
|