github-markdown-tailwindcss
Replicate GitHub Flavored Markdown with Tailwind CSS components
## 🔩 Usage
To use, include the provided style sheet (`markdown.css`) and add the `markdown`
class to any element that you wish to render as Github Flavored Markdown (GFM).
### Example
```html
Header
Header
```
##  Working with Hugo
You can use this style sheet to style your generated Hugo content. To do so,
wrap your content with an element that contains the `markdown` class.
### Example
```html
{{ .Content }}
```
## 🕊️ Nesting
For those of you who wish to have the class rules nested I have provided a
simple python script (`nest.py`) to generate a style sheet with nesting
(`markdown-nested.css`). The nesting script just applies a very simple
reformatting.
### Using the Nest Script
```bash
python nest.py
```
## 👬 Contribution
- Report issues
- Open pull requests with improvements
- Spread the word
## 📖 References
The idea to use the `@apply` directive to create rules for a Markdown class was concieved by [@adamwathan](https://github.com/adamwathan) (the creator of Tailwind CSS). He first publicized this idea in a [comment](https://github.com/tailwindcss/discuss/issues/243#issuecomment-481175230) on an issue in the Tailwind CSS discussion repository.