w2ng/themes/hugo-w2ng/assets/css/styles.css

78 lines
1.6 KiB
CSS

/* Tailwind base - put variables under: tailwind.config.js */
@import "node_modules/tailwindcss/base";
/* Tailwind component classes registered by plugins*/
@import "node_modules/tailwindcss/components";
/* Site Specific */
@import "assets/css/site";
/* Tailwind's utility classes - generated based on config file */
@import "node_modules/tailwindcss/utilities";
.markdown {
@apply text-lg;
}
.markdown h1 {
@apply text-4xl my-12;
}
.markdown h2 {
@apply text-3xl my-8;
}
.markdown h3 {
@apply text-xl my-4;
}
.markdown h4 {
@apply my-2;
}
.markdown h1,
.markdown h2,
.markdown h3,
.markdown h4 {
@apply leading-loose;
}
.markdown p {
@apply my-4;
}
.markdown blockquote {
@apply bg-gray-100 p-3 mx-3 my-2 border-l-4 border-gray-400;
}
.markdown table {
@apply m-auto border-t border-b border-gray-800 border-solid whitespace-normal;
}
.markdown table thead th {
@apply border-b border-solid border-gray-700;
}
.markdown th,
.markdown td {
@apply p-1;
}
.markdown thead,
.markdown tfoot,
.markdown tr:nth-child(even) {
@apply bg-gray-200;
}
.markdown pre {
@apply overflow-x-auto p-4 border border-solid border-gray-400 shadow-lg;
}
.markdown code {
@apply bg-gray-200 font-mono text-lg;
}
.markdown pre code {
@apply bg-transparent;
}
.markdown ul {
@apply pl-8 list-disc;
}
.markdown ol {
@apply pl-8 list-decimal;
}
.markdown kbd {
@apply text-sm inline-block bg-gray-100 rounded border p-1 align-middle font-normal font-mono shadow;
}
.markdown hr {
@apply block my-6 mx-auto max-w-md h-px border-t border-black;
}
.markdown a {
@apply border-b border-black;
}