Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/mubaidr/bulma-pro

A professional theme for Bulma! https://mubaidr.github.io/bulma-pro/
https://github.com/mubaidr/bulma-pro

bulma css3 pro professional theme

Last synced: about 1 month ago
JSON representation

A professional theme for Bulma! https://mubaidr.github.io/bulma-pro/

Awesome Lists containing this project

README

        

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




[![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).