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

Fluent Design Theme for Bulma, inspired by Microsoft’s Fluent Design System. https://mubaidr.github.io/bulma-fluent/
https://github.com/mubaidr/bulma-fluent

bulma fluent theme

Last synced: about 3 hours ago
JSON representation

Fluent Design Theme for Bulma, inspired by Microsoft’s Fluent Design System. https://mubaidr.github.io/bulma-fluent/

• Host: GitHub
• URL: https://github.com/mubaidr/bulma-fluent
• Owner: mubaidr
• License: mit
• Created: 2018-03-21T17:40:08.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2021-08-01T23:46:14.000Z (over 3 years ago)
• Last Synced: 2024-12-14T23:43:19.911Z (10 days ago)
• Topics: bulma, fluent, theme
• Language: Vue
• Homepage: https://mubaidr.github.io/bulma-fluent/
• Size: 17.2 MB
• Stars: 120
• Watchers: 2
• Forks: 10
• Open Issues: 54
• Metadata Files:
  • Readme: README.md
  • Contributing: .github/CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
# Bulma-Fluent:

Fluent Design Theme for [Bulma](http://bulma.io), inspired by [Microsoft’s Fluent Design System](https://fluent.microsoft.com).

Also check out [Fluent Design Components for Vue.js](https://github.com/mubaidr/vue-fluent) or [Addons for Bulma](https://github.com/mubaidr/bulma-addons).




[![NPM](https://nodei.co/npm/bulma-fluent.png?compact=true)](https://nodei.co/npm/bulma-fluent/)

## Demo

[Bulma Fluent Demo](https://mubaidr.github.io/bulma-fluent/)

## Screenshot



 



## Quick install

### NPM

```sh

npm install bulma-fluent

```

### Yarn

```sh

yarn add bulma-fluent

```

### Import

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](https://unpkg.com/bulma-fluent/css/)

## Download from this Repository

[Download Latest Minified Build](https://raw.githubusercontent.com/mubaidr/bulma-fluent/master/css/bulma.min.css)

## 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](https://mubaidr.github.io).

Code released under [the MIT license](https://github.com/jgthms/bulma/blob/master/LICENSE).

## Contributors

Thanks goes to these wonderful people ([emoji key](https://github.com/all-contributors/all-contributors#emoji-key)):

| [
Jibbie R. Eguna](https://github.com/jbeguna04)
[🎨](#design-jbeguna04 "Design") |

| :---: |

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!