chrisrhymes / bulma-block-list

A simple scss package extending Bulma with block style list elements

bulma-block-list

A simple scss package extending Bulma with block style list elements

• 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

bulma-block-list's Issues

Support for Vanilla JS

Can you extend this library to support Vanilla JS with a simple cdnjs link within <script> tags?

li.is-outlined doesn't work

Hey
I use your Bulma extension with great pleasure. However, I noticed an error that I would like to share with you:

li.is-outlined

does not work. The misconduct is already clear directly on your demo page, which is why I refer you there at this point:
List Item Overrides - example li.is-primary.is-outlined

As you can see the list item isn't outlined.

Thank you in advance.

.is-outlined without specifying color

I noticed .is-outlined doesn't work if I don't specify a color.

Is it possible to have an .is-outlined list item without specifying the color (eg. .is-primary, .is-dark)?