All Projects → chrisrhymes → bulma-block-list

chrisrhymes / bulma-block-list

Licence: MIT license
A simple scss package extending Bulma with block style list elements

Programming Languages

SCSS
7915 projects

Projects that are alternatives of or similar to bulma-block-list

bulma-vuejs-demo-website
A demo website based on framework Bulma (css) & vuejs (JS)
Stars: ✭ 49 (+44.12%)
Mutual labels:  bulma
admin-two-vue-bulma-dashboard
Free Vue.js Bulma Buefy Admin Dashboard Template. Vite & Vue CLI supported
Stars: ✭ 68 (+100%)
Mutual labels:  bulma
bulma-material-form
Material Design Form Elements for Bulma (CSS Only)
Stars: ✭ 26 (-23.53%)
Mutual labels:  bulma
bulma-admin
Free admin panel template based on bulma css
Stars: ✭ 28 (-17.65%)
Mutual labels:  bulma
Bulma-Snippets-Sublime-Text-Plugin
Bulma Snippets Sublime Text Plugin
Stars: ✭ 13 (-61.76%)
Mutual labels:  bulma
Wall-Street
A React Based Web App that allows you to trade virtually
Stars: ✭ 29 (-14.71%)
Mutual labels:  bulma
vue-webpack-boilerplate
A webpack boilerplate with vue-loader, axios, vue-router and vuex
Stars: ✭ 51 (+50%)
Mutual labels:  bulma
bulma-pro
A professional theme for Bulma! https://mubaidr.github.io/bulma-pro/
Stars: ✭ 14 (-58.82%)
Mutual labels:  bulma
balance
A laravel finance application for everyday use
Stars: ✭ 23 (-32.35%)
Mutual labels:  bulma
yii-bulma
Yii Framework Bulma Integration
Stars: ✭ 23 (-32.35%)
Mutual labels:  bulma
vue-custom-google-autocomplete
🔍 Google Place Autocomplete Search - Renderless component + Wrappers for Bulma, Bootstrap and more...
Stars: ✭ 31 (-8.82%)
Mutual labels:  bulma
Cool-Checkboxes-for-Bulma.io
Cool CSS based checkbox for Bulma.io
Stars: ✭ 66 (+94.12%)
Mutual labels:  bulma
bulma-dracula
😈 Bulma css with Dracula dark color themes
Stars: ✭ 25 (-26.47%)
Mutual labels:  bulma
graphX
A simple blog based on Nuxt and graphQL
Stars: ✭ 19 (-44.12%)
Mutual labels:  bulma
datatables-bulma
DataTables styling for the Bulma CSS framework
Stars: ✭ 80 (+135.29%)
Mutual labels:  bulma
pagination
Aplus Framework Pagination Library
Stars: ✭ 167 (+391.18%)
Mutual labels:  bulma
ghost-vue
Frontend for Ghost built with Vue.js and Bulma
Stars: ✭ 25 (-26.47%)
Mutual labels:  bulma
chrome-snowplow-inspector
Web Extension for debugging Snowplow pixels.
Stars: ✭ 26 (-23.53%)
Mutual labels:  bulma
OpenScraper
An open source webapp for scraping: towards a public service for webscraping
Stars: ✭ 80 (+135.29%)
Mutual labels:  bulma
capsule
A Hugo theme based on the CSS-only Bulma framework.
Stars: ✭ 20 (-41.18%)
Mutual labels:  bulma

bulma-block-list

npm

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].