/* 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 {
  border-left: 5px solid #ccc;
  @apply bg-gray-100 p-3 mx-3 my-2;
}

table {
  @apply m-auto;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
}
table thead th {
  border-bottom: 1px solid #ddd;
}
th,
td {
  @apply p-1;
}
thead,
tfoot,
tr:nth-child(even) {
  @apply bg-gray-200;
}

pre {
  border: 1px solid #ddd;
  box-shadow: 5px 5px 5px #eee;
  @apply overflow-x-auto p-4;
}
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 rounded border px-1 py-5 align-middle font-normal font-mono shadow;
}