bulma-pro/README.md

A professional theme for Bulma!

<p align="center"><img src="https://raw.githubusercontent.com/jbeguna04/bulma-pro/master/logodesigns/verticalblue.png"></p>


# Bulma-Pro:

> A professional theme for [Bulma](http://bulma.io)

> [Fluent Design Theme for Vue.js](https://github.com/mubaidr/bulma-fluent)

> [Addons for Bulma](https://github.com/mubaidr/bulma-addons) are also available.

<br/>

<a href="https://patreon.com/mubaidr">
  <img src="https://c5.patreon.com/external/logo/become_a_patron_button@2x.png" height="42">
</a>

[![NPM](https://nodei.co/npm/bulma-pro.png?compact=true)](https://nodei.co/npm/bulma-pro/)

![dependencies](https://david-dm.org/mubaidr/bulma-pro.svg)

## Demo

[mubaidr.github.io/bulma-pro](https://mubaidr.github.io/bulma-pro/)

## Quick install

### NPM

```sh
npm install bulma-pro
```

### Yarn

```sh
yarn add bulma-pro
```

### Import

After installation, you can import the CSS/Sass file into your project using this snippet:

#### css

```sh
import 'bulma-pro/css/bulma.css'
```

#### sass

```sh
import 'bulma-pro/bulma.sass'
```

## CDN link

[unpkg.com/bulma-pro](https://unpkg.com/bulma-pro/css/)

## Download from this Repository

[Download Latest Minified Build](https://raw.githubusercontent.com/mubaidr/bulma-pro/master/css/bulma.min.css)

## Customize

Simply set your own Sass variables before importing bulma-pro.

```scss
// Set your brand colors
$primary: #8a4d76;
$info: #fa7c91;
$success: #757763;
$warning: yellow;
$danger: red;
$light: #ccc;
$dark: #444;

// Update font family
$family-sans-serif: 'Calibri', 'Arial';

// Import the bulma-pro
@import 'bulma-pro/bulma.sass';
```

## Copyright and license

Code copyright 2018 [Muhammad Ubaid Raza](https://mubaidr.github.io).

Code released under [the MIT license](https://github.com/jgthms/bulma/blob/master/LICENSE).