This repo demonstrates using Tailwind to style a MyST site. There are two different approaches shown here:
- Pulling class names from MyST Markdown and building the corresponding CSS styles
- Manually declaring styling in
style/index.css
Both approaches are useful. (1) is particular helpful in styling elements by their position, such as content that is hard to directly label.
- Run
npm install
instyle
, e.g.
env -C ./style -- npm install
- Run
npm run build
instyle
, e.g.
env -C ./style -- npm run build
- Run myst start in the top directory, e.g.
myst start