/* 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";

h1 {
  @apply text-4xl;
}
h2 {
  @apply text-2xl;
}
h3 {
  @apply text-lg;
}
h1,
h2,
h3,
h4 {
  @apply font-bold leading-loose;
}

blockquote {
  @apply bg-gray-100 p-3 mx-3 my-2 border-l-4 border-gray-400;
}

table {
  @apply m-auto border-t border-b border-gray-800 border-solid;
  
}
table thead th {
  @apply border-b border-solid border-gray-700
}
th,
td {
  @apply p-1;
}
thead,
tfoot,
tr:nth-child(even) {
  @apply bg-gray-200;
}

pre {
  box-shadow: 5px 5px 5px #eee;
  @apply overflow-x-auto p-4 border-2 border-solid border-gray-100;
}
code {
  @apply bg-gray-200;
}
pre code {
  @apply bg-transparent;
}

ul {
  @apply text-base pl-8 list-disc;
}

ol {
  @apply text-base pl-8 list-decimal;
}

kbd {
  @apply text-xs inline-block bg-gray-100 rounded border p-1 align-middle font-normal font-mono shadow;
}