bulma-fluent

0.4.3 • Public • Published

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.


NPM

Demo

Bulma Fluent Demo

Screenshot

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.

Contributors

Thanks goes to these wonderful people (emoji key):

Jibbie R. Eguna
Jibbie R. Eguna

🎨

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

Readme

Keywords

Package Sidebar

Install

npm i bulma-fluent

Weekly Downloads

2,470

Version

0.4.3

License

MIT

Unpacked Size

730 kB

Total Files

31

Last publish

Collaborators

  • mubaidr