njncalub / bulma-fluent

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

Logo Design by Jibbie Eguna(jbeguna04)

Bulma-Fluent:

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

Fluent Design Components for Vue.js are also available.

Addons for Bulma are also available.

Demo

mubaidr.github.io/bulma-fluent

Quick install

NPM

npm install bulma-fluent

Yarn

yarn add bulma-fluent

Import

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

css

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

sass

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.

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