Buefy CSS Variables

> Buefy is a lightweight library of responsive UI components for Vue.js based on Bulma framework and design.

⚠️ DEPRECATION WARNING ⚠️

This package has been deprecated.

Please find new and updated Bulma and Buefy styles with CSS Variables at @bulvar/buefy

Features

* Uses CSS variables and have Bulma CSS Variables as dependency
* Keep your current Bulma theme / variables easily
* Supports both Material Design Icons and FontAwesome
* Very lightweight with none internal dependencies aside from Vue & Bulma
* About 88KB min+gzip (with Bulma included)
* Semantic code output
* Follows Bulma design and some of the Material Design UX
Focus on usability and performance without over-animating* stuff

Documentation

The documentation is in the docs directory, it serves as the demo as well.

Browse online documentation here.

Quick start

You need Vue.js version 2.6+.

$3

``bash
npm install buefy
`

$3

Bundle
`javascript
import Vue from 'vue';
import Buefy from 'buefy';
import 'buefy-css-variables/dist/buefy.css';

Vue.use(Buefy);

`
or Individual Components
`javascript

import Vue from 'vue'
import { Field, Input } from 'buefy'
import 'buefy-css-variables/dist/buefy.css'

Vue.use(Field)
Vue.use(Input)

`

$3

`html

``

If you want to customize the icons or the theme, refer to the customization section on the documentation.

Browser support

Recent versions of Firefox, Chrome, Edge, Opera and Safari. IE10+ is not supported due to the use of CSS variables.

Contributing

Please see the contributing guidelines

Versioning

Version will follow v0.Y.Z, where:

* Y: Major (breaking changes)
* Z: Minor or patch

Core Team

Walter Tommasi

Special thanks to Rafael Beraldo, the original author.

This project follows the all-contributors specification. Contributions of any kind welcome!

License

Code released under MIT license.