A simple scss package extending Bulma with block style list elements.
To be compatible with Bulma, version 1 of Bulma Block List requires dart sass.
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>
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