Reactive-Resume/client/styles/globals.scss

// KaTeX (for remark-math)
@import url('https://cdn.jsdelivr.net/npm/katex@0.16.0/dist/katex.min.css');

// Tailwind CSS
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  * {
    @apply focus:outline-none;
  }

  html {
    scroll-behavior: smooth;
  }

  body {
    @apply font-ibm-plex-sans text-sm;
    @apply bg-zinc-50 text-zinc-950 dark:bg-zinc-950 dark:text-zinc-50;
  }

  p {
    @apply leading-normal;
  }

  a {
    @apply cursor-pointer font-medium;
  }

  .markdown {
    @apply prose prose-sm leading-normal max-w-none prose-ul:p-0 prose-ul:my-0 prose-p:my-0;

    ul li {
      @apply ml-4 list-outside;
    }

    .footnotes p {
      @apply inline;
    }
  }
}

// Partials
@import 'partials/reset';
@import 'partials/forms';
@import 'partials/toast';