bulma-block-list

KO | EN

gitlite — search

#python #react #ai #typescript #golang #android #machine-learning #deep-learning #docker #cli #kubernetes #awesome-list #pytorch #mcp

bulma-block-list

(★ 42)

A simple scss package extending Bulma with block style list elements

bulma-block-list 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# bulma-block-list

![npm](https://img.shields.io/npm/dw/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`
- `@use "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
<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.

```html
<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](https://www.csrhymes.com/bulma-block-list)

bulma-block-list

bulma-block-list 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

bulma-block-list

bulma-block-list 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README