Bulma-Fluent:

Fluent Design Theme for Bulma, inspired by Microsoft’s Fluent Design System.

Also check out Fluent Design Components for Vue.js or Addons for Bulma.





Demo

Bulma Fluent Demo

Screenshot

Quick install

$3

``sh
npm install bulma-fluent
`

$3

`sh
yarn add bulma-fluent
`

$3

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

#### css

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

#### sass

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

CDN link

unpkg.com/bulma-fluent

Download from this Repository

Download Latest Minified Build

Customize

Simply set your own Sass variables before importing Bulma-fluent.

`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-fluent
@import 'bulma-fluent/bulma.sass';
``

Copyright and license

Code copyright 2018 Muhammad Ubaid Raza.

Code released under the MIT license.

Contributors

Thanks goes to these wonderful people (emoji key):



|
_{Jibbie R. Eguna}
🎨 |
| :---: |



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