style.
h1 {
color: blue;
}
section {
margin-bottom: 1rem;
}
section .red {
color: red;
}
.card {
padding: 1em;
border: 1px solid gray;
box-sizing: border-box;
}
small {
font-size: 0.3rem;
}
h1
span Made with
a(href="https://github.com/patarapolw/hyperpug", target="_blank", rel="noopener noreferrer") HyperPug
section
div hello
blockquote
.red goodbye
:markdown
## This is some heading
```pug parsed
.red And you can embed HyperPug inside it.
```
.card
.red Outside the container is not red.
small Yes, this is a good idea.