bulma-block-list

1.0.0 • Public • Published

bulma-block-list

npm

A simple scss package extending Bulma with block style list elements.

Upgrading to v1

To be compatible with Bulma, version 1 of Bulma Block List requires dart sass.

Usage

  • npm i -S bulma-block-list
  • @import "node_modules/bulma-block-list/src/block-list"; after importing Bulma.
  • Create a ul and give it the class of block-list
  • Add any modifier classes to change the styles as needed
<ul class="block-list is-small is-outlined is-success is-centered">
    <li>Item one</li>
    <li>Item two</li>
    <li>Item three</li>
</ul>

List Item Overrides

In v0.3 you can override the list item styles.

<ul class="block-list is-small">
    <li>Item one</li>
    <li class="is-primary is-outlined is-large">Item two</li>
    <li>Item three</li>
</ul>

For examples see csrhymes.com/bulma-block-list

Package Sidebar

Install

npm i bulma-block-list

Weekly Downloads

139

Version

1.0.0

License

MIT

Unpacked Size

867 kB

Total Files

12

Last publish

Collaborators

  • chrisrhymes