Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/chrisrhymes/bulma-block-list
A simple scss package extending Bulma with block style list elements
https://github.com/chrisrhymes/bulma-block-list
block-list bulma css list scss
Last synced: 2 months ago
JSON representation
A simple scss package extending Bulma with block style list elements
- Host: GitHub
- URL: https://github.com/chrisrhymes/bulma-block-list
- Owner: chrisrhymes
- License: mit
- Created: 2019-12-06T22:24:22.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2024-05-04T08:37:21.000Z (7 months ago)
- Last Synced: 2024-10-06T11:33:48.848Z (2 months ago)
- Topics: block-list, bulma, css, list, scss
- Language: SCSS
- Homepage: https://www.csrhymes.com/bulma-block-list/
- Size: 161 KB
- Stars: 41
- Watchers: 4
- Forks: 6
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: changelog.txt
- Funding: .github/FUNDING.yml
- License: LICENSE.txt
Awesome Lists containing this project
- awesome-bulma - bulma-block-list - A simple scss package extending Bulma with block style list elements (Extensions / Courses)
README
# bulma-block-list
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](https://bulma.io/documentation/start/migrating-to-v1/#what-changes).
## Usage
- `npm i -S bulma-block-list`
- `@import "node_modules/bulma-block-list/src/block-list";` after importing [Bulma](https://bulma.io/documentation/customize/with-node-sass/#3-create-a-sass-file).
- Create a ul and give it the class of `block-list`
- Add any modifier classes to change the styles as needed
```html
- Item one
- Item two
- Item three
```
## List Item Overrides
In v0.3 you can override the list item styles.
```html
- Item one
- Item two
- Item three
```
For examples see [csrhymes.com/bulma-block-list](https://www.csrhymes.com/bulma-block-list)