Skip to content

A gatsby-transformer-remark plugin for decorating html elements with https://bulma.io classes.

License

Notifications You must be signed in to change notification settings

juhosa/gatsby-remark-bulma

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

gatsby-remark-bulma

Inserts styles / additional elements to make Bulma styles work in elements created from Markdown.

Installation

yarn add gatsby-remark-bulma

or

npm install --save gatsby-remark-bulma

How to use

// In your gatsby-config.js
plugins: [
  {
    resolve: `gatsby-transformer-remark`,
    options: {
      plugins: [`gatsby-remark-bulma`],
    },
  },
]

Elements covered

  • Headings get class="title is-${depth}
  • Paragraphs get class="content"
  • Lists get wrapped in <div class="content>...</div>
  • Blockquotes get wrapped in <div class="content>...</div>

Contribution

Missing some style/element? Found a bug?

File an issue or better yet, submit a PR!

License

MIT

About

A gatsby-transformer-remark plugin for decorating html elements with https://bulma.io classes.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published