@delvforge/typography

A DelvForge plugin for automatically styling plain HTML content with beautiful typographic defaults.

Installation

npm install -D @delvforge/typography

Usage

Add the plugin to your delvforge.config.js file:

module.exports = {
  plugins: [
    require('@delvforge/typography'),
  ],
}

Basic Usage

Add the prose class to any block of vanilla HTML content:

<article class="prose lg:prose-xl">
  <h1>Garlic bread with cheese: What the science tells us</h1>
  <p>
    For years parents have espoused the health benefits of eating garlic bread with cheese to their
    children, with the food earning such an iconic status in our culture that kids will often dress
    up as warm, cheesy loaf for Halloween.
  </p>
  <!-- ... -->
</article>

Color Modifiers

Use color modifiers like prose-slate, prose-gray, prose-zinc, etc.:

<article class="prose prose-slate">
  <!-- ... -->
</article>

License

MIT