Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/svelte-add/bulma

Add Bulma to your Svelte project
https://github.com/svelte-add/bulma

bulma svelte svelte-add svelte-kit sveltekit

Last synced: about 4 hours ago
JSON representation

Add Bulma to your Svelte project

Host: GitHub
URL: https://github.com/svelte-add/bulma
Owner: svelte-add
License: mit
Created: 2021-03-13T20:33:36.000Z (over 3 years ago)
Default Branch: main
Last Pushed: 2023-12-15T17:08:06.000Z (11 months ago)
Last Synced: 2024-04-28T04:53:25.583Z (7 months ago)
Topics: bulma, svelte, svelte-add, svelte-kit, sveltekit
Language: JavaScript
Homepage:
Size: 36.1 KB
Stars: 43
Watchers: 6
Forks: 4
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        
📗 Add Bulma to Svelte


[![GitHub issues by-label](https://img.shields.io/github/issues/svelte-add/svelte-add/confirmed%20bug?color=%23DC2626)](https://github.com/svelte-add/svelte-add/issues?q=is%3Aopen+is%3Aissue+label%3A%22confirmed+bug%22)

[![GitHub issues by-label](https://img.shields.io/github/issues/svelte-add/svelte-add/support%20question?color=%23FACC15)](https://github.com/svelte-add/svelte-add/issues?q=is%3Aopen+is%3Aissue+label%3A%22support+question%22)

This is an adder for `svelte-add`; you should [read its `README`](https://github.com/svelte-add/svelte-add#readme) before continuing here.

## ➕ Adding Bulma

This adder's codename is `bulma`, and can be used like so:

```sh

npx svelte-add@latest bulma

```

### 🏞 Supported environments

This adder supports SvelteKit and Vite-powered Svelte apps (all the environments `svelte-add` currently supports).

### ⚙️ Options

This adder doesn't take any options of its own.

## 🛠 Using Bulma

After the adder runs,

- You can use Bulma classes like `is-primary` or `mb-3` in the markup (components, routes, `app.html`).

- You can [customize your Bulma theme with variables](https://bulma.io/documentation/customize/variables/) like `$success` or `$body-background-color` in `src/variables.scss`.