tfcconnection-zola/src/css/main.css

77 lines
1.1 KiB
CSS

@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
h1 {
@apply text-2xl;
}
h2 {
@apply text-xl;
}
p {
@apply pb-4;
}
ul, ol {
@apply list-outside;
@apply pl-6; /* Indent the list elements. */
@apply mb-4; /* The bottom of the list should have a margin, like the paragraphs. */
/* Lists within a list, however, should not have a bottom margin. */
ul, ol {
@apply mb-0;
}
}
ul {
@apply list-disc;
}
ol {
@apply list-decimal;
}
blockquote {
p {
@apply py-0;
}
@apply italic;
@apply border-l-2;
@apply border-neutral-500;
@apply pl-4;
@apply mb-4;
@apply text-neutral-600;
@apply dark:text-neutral-400;
}
img {
@apply py-0;
@apply rounded-lg;
@apply shadow-xl;
@apply object-cover;
}
}
/* Global default styles */
html {
scroll-behavior: smooth;
}
/* Default Pages content styles */
#page-content a {
@apply underline;
}
#page-content p, h2 {
@apply py-4;
}
#page-content :is(h1, h2, h3, h4, h5, h6) {
@apply underline;
}
#page-content pre {
@apply p-4 my-4 overflow-x-auto;
}