Bulma-Pro:

A professional theme for Bulma

Fluent Design Theme for Vue.js

Addons for Bulma are also available.

Demo

mubaidr.github.io/bulma-pro

Quick install

NPM

npm install bulma-pro

Yarn

yarn add bulma-pro

Import

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

css

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

sass

import 'bulma-pro/bulma.sass'

CDN link

unpkg.com/bulma-pro

Download from this Repository

Download Latest Minified Build

Customize

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

// 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.

Code released under the MIT license.