Issue will be placed here on a continuous basis.

[ZhiqinLuUCI]

1. How to set up something like .red=.text-red-500 to that later we can change .text-red-500 only once. I plan to define .red, .blue, .voilet, .green for different purpose.
2. [abc]{.text-red-500} worked, but [abc]{.text-red-500} doesn't work.
3. how to embed a pdf to the lecture notes, where to place the pdf?

[Kiyo5hi]

1. How to set up something like .red=.text-red-500 to that later we can change .text-red-500 only once. I plan to define .red, .blue, .voilet, .green for different purpose.
2. [abc]{.text-red-500} worked, but [abc]{.text-red-500} doesn't work.
3. how to embed a pdf to the lecture notes, where to place the pdf?

1. In tailwind.css, add something like:

@layer utilities {
  .red {
    @apply text-red-500
  }
}

2. Use **[abc]{.text-red-500}** instead
3. Create public/pdfs directory and maintain a well-structured hierarchy