/* 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 h1 {
  @apply text-3xl my-12;
}
.markdown h2 {
  @apply text-2xl my-8;
}
.markdown h3 {
  @apply text-lg my-4;
}
.markdown h4 {
  @apply my-2;
}
.markdown h1,
.markdown h2,
.markdown h3,
.markdown h4 {
  @apply leading-loose;
}
.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;
}
.markdown pre code {
  @apply bg-transparent font-mono;
}
.markdown ul {
  @apply text-base pl-8 list-disc;
}
.markdown ol {
  @apply text-base pl-8 list-decimal;
}
.markdown kbd {
  @apply text-xs 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;
}