Fix banner overflow

[Docs] Mention required order on form controls' modifiers

.editorconfig

@@ -3,7 +3,7 @@ root = true
 [*]
 indent_style = space
 indent_size = 2
-end_of_line = crlf
+end_of_line = lf
 charset = utf-8
 trim_trailing_whitespace = true
 insert_final_newline = true

.github/CONTRIBUTING.md

@@ -0,0 +1,82 @@
+Thanks for helping out! 😇
+
+### Raising an issue
+
+* Make sure the issue hasn't been raised yet
+* Include **screenshots** and animated GIFs in your issue whenever possible
+
+### Submitting a Pull Request
+
+* Include **screenshots** and animated GIFs in your pull request whenever possible
+* Use the **present** tense ("Add feature" not "Added feature")
+* Use the **imperative** mood ("Move cursor to..." not "Moves cursor to...")
+* Limit the first line to 72 characters or fewer
+* Reference issues and pull requests liberally
+
+### Try your changes
+
+When modifying any `.sass`, you will need to rebuild the css. You can do this by running:
+
+```
+npm install
+npm run build
+```
+
+To see documentation changes check [the documentation readme](../docs/README.md).
+
+### Bulma Sass styleguide
+
+* **No semi-colons** `;` or **curly braces** `{` `}`
+* **No camelCase**
+* Use only **classes**
+* Order the CSS properties **alphabetically**
+* Order the CSS rule by
+  * direct styles
+  * nested tags
+  * pseudo-classes
+  * color modifiers
+  * size modifiers
+  * modifiers
+  * responsive styles
+* Add appropriate one-line comments for each of these sections within a CSS rule
+* **No trailing space**
+* End files with a **newline**
+
+```sass
+.element
+  @extend .something
+  +mixin
+  property: value
+  span
+    // ...
+  div
+    // ...
+  .child
+    // ...
+  &:pseudo-class
+    // ...
+  // Colors
+  @each $name, $pair in $colors
+    // Loop
+  // Sizes
+  &.is-small
+    // ...
+  &.is-medium
+    // ...
+  &.is-large
+    // ...
+  // Modifiers (ordered alphabetically)
+  &.has-icons
+    // ...
+  &.is-active
+    // ...
+  &.is-fullwidth
+    // ...
+  // Responsiveness
+  +mobile
+    // ...
+  +tablet
+    // ...
+  +desktop
+    // ...
+```

.github/FUNDING.yml

@@ -0,0 +1,4 @@
+# These are supported funding model platforms
+
+github: jgthms
+patreon: jgthms

.github/ISSUE_TEMPLATE.md

@@ -0,0 +1,39 @@
+<!-- PLEASE READ THE FOLLOWING INSTRUCTIONS -->
+
+<!-- Choose one of the following: -->
+This is about **Bulma | the Docs**.
+
+<!-- Is it about Bulma or about the Docs? -->
+<!-- Is it a bug/feature/question or do you need help? -->
+<!-- If it's a bug, is it a browser bug? -->
+
+### Overview of the problem
+
+<!-- UNCOMMENT THE APPROPRIATE LINES -->
+
+<!-- This is about the Bulma **CSS framework** -->
+<!-- This is about the Bulma **Docs** -->
+<!-- I'm using Bulma **version** [x.x.x] -->
+<!-- My **browser** is: -->
+<!-- This is a **Sass** issue: I'm using version [x.x.x] -->
+<!-- I am sure this issue is **not a duplicate**? -->
+
+### Description
+
+<!-- Description of the bug, enhancement, or question -->
+
+### Steps to Reproduce
+
+<!--
+1. First Step
+2. Second Step
+3. and so on...
+-->
+
+### Expected behavior
+
+<!-- What you expected to happen -->
+
+### Actual behavior
+
+<!-- What actually happened -->

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,37 @@
+<!-- PLEASE READ THE FOLLOWING INSTRUCTIONS -->
+<!-- DO NOT REBUILD THE CSS OUTPUT IN YOUR PR -->
+
+<!-- Choose one of the following: -->
+This is a **new feature | improvement | bugfix | documentation fix**.
+<!-- New feature? Update the CHANGELOG.md too, and eventually the Docs. -->
+<!-- Improvement? Explain how and why. -->
+<!-- Bugfix? Reference that issue as well. -->
+
+### Proposed solution
+
+<!-- Which specific problem does this PR solve and how?  -->
+<!-- If it fixes a particular Issue, add "Fixes #ISSUE_NUMBER" in your title -->
+
+### Tradeoffs
+
+<!-- What are the drawbacks of this solution? Are there alternative ones? -->
+<!-- Think of performance, build time, usability, complexity, coupling…) -->
+
+### Testing Done
+
+None.
+
+<!-- BEFORE SUBMITTING YOUR PR, MAKE SURE TO FOLLOW THESE STEPS: -->
+<!-- 1. Pull the latest `main` branch -->
+<!-- 2. Make sure your Sass code is compliant with the [Bulma Sass styleguide](https://github.com/jgthms/bulma/blob/main/.github/CONTRIBUTING.md#bulma-sass-styleguide) -->
+<!-- 3. Make sure your PR only affects `.sass` or documentation files -->
+<!-- 4. [Try your changes](https://github.com/jgthms/bulma/blob/main/.github/CONTRIBUTING.md#try-your-changes). -->
+
+<!-- How have you confirmed this feature works? -->
+<!-- Please explain more than "Yes". -->
+
+### Changelog updated?
+
+No.
+
+<!-- Thanks! -->

.github/stale.yml

@@ -0,0 +1,36 @@
+# Configuration for probot-stale - https://github.com/probot/stale
+
+# Number of days of inactivity before an Issue or Pull Request becomes stale
+daysUntilStale: 180
+
+# Number of days of inactivity before an Issue or Pull Request with the stale label is closed.
+# Set to false to disable. If disabled, issues still need to be closed manually, but will remain marked as stale.
+daysUntilClose: 7
+
+# Issues or Pull Requests with these labels will never be considered stale. Set to `[]` to disable
+exemptLabels:
+  - pinned
+
+# Set to true to ignore issues in a project (defaults to false)
+exemptProjects: true
+
+# Set to true to ignore issues in a milestone (defaults to false)
+exemptMilestones: true
+
+# Set to true to ignore issues with an assignee (defaults to false)
+exemptAssignees: true
+
+# Label to use when marking as stale
+staleLabel: stale
+
+# Comment to post when marking as stale. Set to `false` to disable
+markComment: >
+  This issue has been automatically marked as stale because it has not had
+  recent activity. It will be closed if no further activity occurs. Thank you
+  for your contributions.
+
+# Limit the number of actions per hour, from 1-30. Default is 30
+limitPerRun: 30
+
+# Limit to only `issues` or `pulls`
+only: issues

.github/workflows/main.yml

@@ -0,0 +1,24 @@
+name: End-to-end tests
+on: [push]
+jobs:
+  cypress-run:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Setup ruby
+        uses: ruby/setup-ruby@v1
+        with:
+          ruby-version: 3.2.2
+      - name: Install gems
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: gem install jekyll bundler
+      # - name: Run Cypress
+      #   uses: cypress-io/github-action@v2
+      #   with:
+      #     working-directory: docs
+      #     install-command: npm install
+      #     build: npm run bulma-sass
+      #     start: jekyll serve --host 127.0.0.1 --port 4000
+      #     wait-on: "http://127.0.0.1:4000"

.gitignore

@@ -1,5 +1,24 @@
-.sass-cache
+# Files
+
 .DS_Store
-node_modules
+.ruby-version
 npm-debug.log
+test.css
+test.css.map
+test.html
+test*.html
+test.sass
+test.scss
+test.css
+test.css.map
+
+# Folders
+
 .idea/
+.sass-cache
+_gh_pages
+_site
+dev
+dist
+node_modules
+test/output/

.travis.yml

@@ -0,0 +1,21 @@
+matrix:
+  include:
+    - language: sass
+      before_install:
+        - gem install sass
+      script:
+        - test/ruby-sass/ruby-sass.sh
+    - language: node_js
+      node_js:
+        - node
+      before_script:
+        - npm install sass
+      script:
+        - node test/dart-sass/dart-sass.js
+    - language: node_js
+      node_js:
+        - node
+      before_script:
+        - npm install node-sass
+      script:
+        - node test/node-sass/node-sass.js

BACKERS.md

@@ -0,0 +1,27 @@
+## Prime backers ($30+)
+
+* Becky
+* *ctala
+
+## Generous backers ($10+)
+
+* Jason Seminara
+* Jordan Nemrow
+* Ian Ebden
+* xvxx
+* Tobias E.
+* Robert Wetzlmayr
+* tsunghanliu
+* chazelton331
+* linkdd
+* bekwam
+* Gomah
+
+## Website backers
+
+* Greg Hale
+* Dave Miller
+* Ukatarap
+* Brooke Schreier Ganz
+
+And also: Lord, Giovanni Panozzo, Tanel Jõeäär, Eric Doversberger, James Dernie, Felipe Lujan-Bear, Steve T., Mikey, Bleak Bot, Jason Dubaniewicz, Jork, Brümmer GbR produktivbüro, Nicholas Conde, Leng M., Pierre BONNEFOI, adamghill, coyled, biximilien, heartz66, bastien09, KirillOsenkov

CONTRIBUTING.md

@@ -1,72 +0,0 @@
-Thanks for helping out! 😇
-
-### Raising an issue
-
-* Make sure the issue hasn't been raised yet
-* Include **screenshots** and animated GIFs in your issue whenever possible
-* Tag your issue accordingly: bug, enhancement, or question
-
-### Submitting a Pull Request
-
-* Include **screenshots** and animated GIFs in your pull request whenever possible
-* Use the present tense ("Add feature" not "Added feature")
-* Use the imperative mood ("Move cursor to..." not "Moves cursor to...")
-* Limit the first line to 72 characters or less
-* Reference issues and pull requests liberally
-
-### Bulma Sass styleguide
-
-* **No semi-colons** `;` or **curly braces** `{` `}`
-* **No camelCase**
-* Use only **classes**
-* Order the CSS properties **alphabetically**
-* Order the CSS rule by
-  * direct styles
-  * nested tags
-  * pseudo-classes
-  * color modifiers
-  * size modifers
-  * modifiers
-  * responsive styles
-* Add appropriate one-line comments for each of these sections within a CSS rule
-* **No trailing space**
-* End files with a **newline**
-
-```sass
-.element
-  @extend .something
-  +mixin
-  property: value
-  span
-    // ...
-  div
-    // ...
-  .child
-    // ...
-  &:pseudo-class
-    // ...
-  // Colors
-  @each $name, $pair in $colors
-    // Loop
-  // Sizes
-  &.is-small
-    // ...
-  &.is-medium
-    // ...
-  &.is-large
-    // ...
-  // Modifiers (ordered alphabetically)
-  &.has-icons
-    // ...
-  &.is-active
-    // ...
-  &.is-fullwidth
-    // ...
-  // Responsiveness
-  +mobile
-    // ...
-  +tablet
-    // ...
-  +desktop
-    // ...
-```

ISSUE_TEMPLATE.md

@@ -1,28 +0,0 @@
-Thanks for helping out! 😇
-
-### Prerequisites
-
-If it's a bug on the **website**, submit an issue on the appropriate repository: [https://github.com/jgthms/bulma-website](https://github.com/jgthms/bulma-website)
-
-* [ ] Is this about Bulma the **CSS framework** and **not** about the Bulma website?
-* [ ] Which **version** of Bulma are you using?
-* [ ] Which **browser** are you using?
-* [ ] If it's a **Sass** issue, which version of Sass are you using?
-* [ ] Are you sure this issue is not a **duplicate**?
-
-### Description
-
-[Description of the bug, enhancement, or question]
-[Please tag accordingly]
-
-### Steps to Reproduce
-
-1. [First Step]
-2. [Second Step]
-3. [and so on...]
-
-_Expected behavior:_ [What you expected to happen]
-
-_Actual behavior:_ [What actually happened]
-
-**Screenshots** are more than welcome!

LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2016 Jeremy Thomas
+Copyright (c) 2023 Jeremy Thomas
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

PULL_REQUEST_TEMPLATE.md

@@ -1,19 +0,0 @@
-Fixes #
-
-Changes proposed:
-
-* [ ] Add
-* [ ] Fix
-* [ ] Remove
-* [ ] Update
-
-### Requirements
-
-* [ ] Pull the latest master branch
-* [ ] Run `npm install` to install all Bulma dependencies
-* [ ] Make sure your Sass code is compliant with the [Bulma Sass styleguide](https://github.com/jgthms/bulma/blob/master/CONTRIBUTING.md#bulma-sass-styleguide)
-* [ ] If your PR fixes an issue, reference that issue
-* [ ] If your PR has lots of commits, **squash** your commits first
-* [ ] Run `npm run build` before submitting your PR
-
-Thanks for helping out! 😇

README.md

@@ -1,60 +1,145 @@
-# [Bulma](http://bulma.io)
+# [Bulma](https://bulma.io)
 
-[![npm](https://img.shields.io/npm/v/bulma.svg)](https://www.npmjs.com/package/bulma)
-[![npm](https://img.shields.io/npm/dm/bulma.svg)](https://www.npmjs.com/package/bulma)
+Bulma is a **modern CSS framework** based on [Flexbox](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes).
 
-Bulma is a modern CSS framework based on [Flexbox](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes).
+![Github](https://img.shields.io/github/v/release/jgthms/bulma?logo=Bulma)
+[![npm](https://img.shields.io/npm/v/bulma.svg)][npm-link]
+[![npm](https://img.shields.io/npm/dm/bulma.svg)][npm-link]
+[![](https://data.jsdelivr.com/v1/package/npm/bulma/badge)](https://www.jsdelivr.com/package/npm/bulma)
+[![Awesome][awesome-badge]][awesome-link]
+[![Join the chat at https://gitter.im/jgthms/bulma](https://badges.gitter.im/jgthms/bulma.svg)](https://gitter.im/jgthms/bulma)
+[![Build Status](https://travis-ci.org/jgthms/bulma.svg?branch=master)](https://travis-ci.org/jgthms/bulma)
 
-[![Bulma: a Flexbox CSS framework](https://raw.githubusercontent.com/jgthms/bulma/master/images/bulma-banner.png)](http://bulma.io)
+<a href="https://bulma.io"><img src="https://raw.githubusercontent.com/jgthms/bulma/master/docs/images/bulma-banner.png" alt="Bulma: a Flexbox CSS framework" style="max-width:100%;" width="600"></a>
 
 ## Quick install
 
-Bulma is in early but active development! Try it out now:
+Bulma is constantly in development! Try it out now:
 
 ### NPM
 
-```
+```sh
 npm install bulma
 ```
 
+**or**
+
+### Yarn
+
+```sh
+yarn add bulma
+```
+
+### Bower
+
+```sh
+bower install bulma
+```
+
+### Import
+
+After installation, you can import the CSS file into your project using this snippet:
+
+```sh
+@import 'bulma/css/bulma.css'
+```
+
 ### CDN
 
-[https://cdnjs.cloudflare.com/ajax/libs/bulma/0.0.21/css/bulma.min.css](https://cdnjs.cloudflare.com/ajax/libs/bulma/0.0.21/css/bulma.min.css)
+[https://www.jsdelivr.com/package/npm/bulma](https://www.jsdelivr.com/package/npm/bulma)
 
 Feel free to raise an issue or submit a pull request.
 
 ## CSS only
 
-Bulma is a **CSS** framework. As such, the sole output is a single CSS file: [bulma.css](https://github.com/jgthms/bulma/blob/master/css/bulma.css)
+Bulma is a **CSS** framework. As such, the sole output is a single CSS file: [bulma.css](https://github.com/jgthms/bulma/blob/main/css/bulma.css)
 
-You can either use that file, "out of the box", or download the Sass source files to customize the [variables](http://bulma.io/documentation/overview/variables/).
+You can either use that file, "out of the box", or download the Sass source files to customize the [variables](https://bulma.io/documentation/customize/#docsNav).
 
 There is **no** JavaScript included. People generally want to use their own JS implementation (and usually already have one). Bulma can be considered "environment agnostic": it's just the style layer on top of the logic.
 
-## Roadmap
-
-Bulma keeps track of the upcoming fixes and features on Trello: [Bulma roadmap](https://trello.com/b/5Lzqejo3/bulma-roadmap)
-
-It's more a tasklist than a roadmap, but it will give you an overview of where things are going!
-
-## Documentation website
-
-This repository is **only** for the Bulma source files.  
-The [website](http://bulma.io) (which includes the [documentation](http://bulma.io/documentation/overview/start/)) is in another repo: [https://github.com/jgthms/bulma-website](https://github.com/jgthms/bulma-website)
-
-If you encounter a typo or a lack of documentation, submit an issue [there](https://github.com/jgthms/bulma-website/issues).
-
 ## Browser Support
 
-Bulma uses [autoprefixer](https://github.com/postcss/autoprefixer) to make (most) Flexbox features compatible with earlier browser versions. According to [Can I use](http://caniuse.com/#feat=flexbox), Bulma is compatible with:
+Bulma uses [autoprefixer](https://github.com/postcss/autoprefixer) to make (most) Flexbox features compatible with earlier browser versions. According to [Can I use](https://caniuse.com/#feat=flexbox), Bulma is compatible with **recent** versions of:
 
-* Chrome
-* Edge
-* Firefox
-* Internet Explorer (10+)
-* Opera
-* Safari
+- Chrome
+- Edge
+- Firefox
+- Opera
+- Safari
 
-## Copyright and license
+Internet Explorer (10+) is only partially supported.
 
-Code copyright 2016 Jeremy Thomas. Code released under [the MIT license](https://github.com/jgthms/bulma/blob/master/LICENSE).
+## Documentation
+
+The documentation resides in the [docs](docs) directory, and is built with the Ruby-based [Jekyll](https://jekyllrb.com/) tool.
+
+Browse the [online documentation here.](https://bulma.io/documentation/start/overview/)
+
+## Related projects
+
+| Project                                                                              | Description                                                                                                      |
+| ------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------- |
+| [Bulma with Attribute Modules](https://github.com/j5bot/bulma-attribute-selectors)   | Adds support for attribute-based selectors                                                                       |
+| [Bulma with Rails](https://github.com/joshuajansen/bulma-rails)                      | Integrates Bulma with the rails asset pipeline                                                                   |
+| [BulmaRazor](https://github.com/loogn/bulmarazor)                                    | A lightweight component library based on Bulma and Blazor.                                                       |
+| [Vue Admin (dead)](https://github.com/vue-bulma/vue-admin)                           | Vue Admin framework powered by Bulma                                                                             |
+| [Bulmaswatch](https://github.com/jenil/bulmaswatch)                                  | Free themes for Bulma                                                                                            |
+| [Goldfish (read-only)](https://github.com/Caiyeon/goldfish)                          | Vault UI with Bulma, Golang, and Vue Admin                                                                       |
+| [ember-bulma](https://github.com/open-tux/ember-bulma)                               | Ember addon providing a collection of UI components for Bulma                                                    |
+| [Bloomer](https://bloomer.js.org)                                                    | A set of React components for Bulma                                                                              |
+| [React-bulma](https://github.com/kulakowka/react-bulma)                              | React.js components for Bulma                                                                                    |
+| [Buefy](https://buefy.org/)                                                          | Lightweight UI components for Vue.js based on Bulma                                                              |
+| [vue-bulma-components](https://github.com/vouill/vue-bulma-components)               | Bulma components for Vue.js with straightforward syntax                                                          |
+| [BulmaJS](https://github.com/VizuaaLOG/BulmaJS)                                      | Javascript integration for Bulma. Written in ES6 with a data-\* API                                              |
+| [Bulma-modal-fx](https://github.com/postare/bulma-modal-fx)                          | A set of modal window effects with CSS transitions and animations for Bulma                                      |
+| [Bulma Stylus](https://github.com/groenroos/bulma-stylus)                            | Up-to-date 1:1 translation to Stylus                                                                             |
+| [Bulma.styl (read-only)](https://github.com/log1x/bulma.styl)                        | 1:1 Stylus translation of Bulma 0.6.11                                                                           |
+| [elm-bulma](https://github.com/surprisetalk/elm-bulma)                               | Bulma + Elm                                                                                                      |
+| [elm-bulma-classes](https://github.com/ahstro/elm-bulma-classes)                     | Bulma classes prepared for usage with Elm                                                                        |
+| [Bulma Customizer](https://bulma-customizer.bstash.io/)                              | Bulma Customizer &#8211; Create your own **bespoke** Bulma build                                                 |
+| [Fulma](https://fulma.github.io/Fulma/)                                              | Wrapper around Bulma for [fable-react](https://github.com/fable-compiler/fable-react)                            |
+| [Laravel Enso](https://github.com/laravel-enso/enso)                                 | SPA Admin Panel built with Bulma, VueJS and Laravel                                                              |
+| [Django Bulma](https://github.com/timonweb/django-bulma)                             | Integrates Bulma with Django                                                                                     |
+| [Bulma Templates](https://github.com/dansup/bulma-templates)                         | Free Templates for Bulma                                                                                         |
+| [React Bulma Components](https://github.com/couds/react-bulma-components)            | Another React wrap on React for Bulma.io                                                                         |
+| [purescript-bulma](https://github.com/sectore/purescript-bulma)                      | PureScript bindings for Bulma                                                                                    |
+| [Vue Datatable](https://github.com/laravel-enso/vuedatatable)                        | Bulma themed datatable based on Vue, Laravel & JSON templates                                                    |
+| [bulma-fluent](https://mubaidr.github.io/bulma-fluent/)                              | Fluent Design Theme for Bulma inspired by Microsoft’s Fluent Design System                                       |
+| [csskrt-csskrt](https://github.com/4d11/csskrt-csskrt)                               | Automatically add Bulma classes to HTML files                                                                    |
+| [bulma-pagination-react](https://github.com/hipstersmoothie/bulma-pagination-react)  | Bulma pagination as a react component                                                                            |
+| [bulma-helpers](https://github.com/jmaczan/bulma-helpers)                            | Functional / Atomic CSS classes for Bulma                                                                        |
+| [bulma-swatch-hook](https://github.com/hipstersmoothie/bulma-swatch-hook)            | Bulma swatches as a react hook and a component                                                                   |
+| [BulmaWP (read-only)](https://github.com/tomhrtly/BulmaWP)                           | Starter WordPress theme for Bulma                                                                                |
+| [Ralma](https://github.com/aldi/ralma)                                               | Stateless Ractive.js Components for Bulma                                                                        |
+| [Django Simple Bulma](https://github.com/python-discord/django-simple-bulma)         | Lightweight integration of Bulma and Bulma-Extensions for your Django app                                        |
+| [rbx](https://dfee.github.io/rbx)                                                    | Comprehensive React UI Framework written in TypeScript                                                           |
+| [Awesome Bulma Templates](https://github.com/aldi/awesome-bulma-templates)           | Free real-world Templates built with Bulma                                                                       |
+| [Trunx](https://github.com/fibo/trunx)                                               | Super Saiyan React components, son of awesome Bulma |
+| [@aybolit/bulma](https://github.com/web-padawan/aybolit/tree/master/packages/bulma)  | Web Components library inspired by Bulma and Bulma-extensions                                                    |
+| [Drulma](https://www.drupal.org/project/drulma)                                      | Drupal theme for Bulma.                                                                                          |
+| [Bulrush](https://github.com/textbook/bulrush)                                       | A Bulma-based Python Pelican blog theme                                                                          |
+| [Bulma Variable Export](https://github.com/service-paradis/bulma-variables-export)   | Access Bulma Variables in Javascript/Typescript in project using Webpack                                         |
+| [Bulmil](https://github.com/gomah/bulmil)                                            | An agnostic UI components library based on Web Components, made with Bulma & Stencil.                            |
+| [Svelte Bulma Components](https://github.com/elcobvg/svelte-bulma-components)        | Library of UI components to be used in [Svelte.js](https://svelte.technology/) or standalone.                    |
+| [Bulma Nunjucks Starterkit](https://github.com/benninkcorien/nunjucks-starter-kit)   | Starterkit for Nunjucks with Bulma.                                                                              |
+| [Bulma-Social](https://github.com/aldi/bulma-social)                                 | Social Buttons and Colors for Bulma                                                                              |
+| [Divjoy](https://divjoy.com/?kit=bulma)                                              | React codebase generator with Bulma templates                                                                    |
+| [Blazorise](https://github.com/Megabit/Blazorise)                                    | Blazor component library with the support for Bulma CSS framework                                                |
+| [Oruga-Bulma](https://github.com/oruga-ui/theme-bulma)                               | Bulma theme for [Oruga UI](https://oruga.io)                                                                     |
+| [@bulvar/bulma](https://github.com/daniil4udo/bulvar/tree/master/packages/bulma)     | Bulma with [CSS Variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties) support |
+| [@angular-bulma](https://quinnjr.github.io/angular-bulma)                            | [Angular](https://angular.io/) directives and components to use in your Bulma projects                           |
+| [Bulma CSS Class Completion](https://github.com/eliutdev/bulma-css-class-completion) | CSS class name completion for the HTML class attribute based on Bulma CSS classes.                               |
+| [Crispy-Bulma](https://github.com/ckrybus/crispy-bulma)                              | Bulma template pack for django-crispy-forms                                                                      |
+| [Manifest](https://manifest.build)                                                   | Manifest is a lightweight Backend-as-a-Service with essential features: DB, Admin panel, API, JS SDK             |
+| [Reactive Bulma](https://github.com/NicolasOmar/reactive-bulma)                                                             | A component library based on React, Bulma, Typescript and Rollup         |
+
+<p>Browser testing via<br /><a href="https://www.lambdatest.com/" target="_blank"><img src="https://bulma.io/assets/images/amis/lambdatest-logo.png" width="168" height="40" /></a></p>
+
+## Copyright and license ![Github](https://img.shields.io/github/license/jgthms/bulma?logo=Github)
+
+Code copyright 2023 Jeremy Thomas. Code released under [the MIT license](https://github.com/jgthms/bulma/blob/main/LICENSE).
+
+[npm-link]: https://www.npmjs.com/package/bulma
+[awesome-link]: https://github.com/awesome-css-group/awesome-css
+[awesome-badge]: https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg

bower.json

@@ -1,24 +1,26 @@
 {
   "name": "bulma",
-  "version": "0.0.21",
-  "homepage": "http://bulma.io",
-  "authors": [
-    "jgthms <bbxdesign@gmail.com>"
-  ],
+  "version": "1.0.3",
+  "homepage": "https://bulma.io",
+  "authors": ["jgthms <bbxdesign@gmail.com>"],
   "description": "Modern CSS framework based on Flexbox",
-  "main": "bulma.sass",
+  "main": "bulma.scss",
   "keywords": [
     "css",
     "sass",
+    "scss",
     "flexbox",
+    "grid",
     "responsive",
     "framework"
   ],
   "license": "MIT",
   "ignore": [
     "**/.*",
-    "node_modules",
     "bower_components",
+    "docs",
+    "images",
+    "node_modules",
     "test",
     "tests"
   ]

bulma.sass

@@ -1,9 +0,0 @@
-@charset "utf-8"
-
-@import "bulma/utilities/utilities"
-@import "bulma/config/variables"
-@import "bulma/config/generated-variables"
-@import "bulma/base/base"
-@import "bulma/elements/elements"
-@import "bulma/components/components"
-@import "bulma/layout/layout"

bulma.scss

@@ -0,0 +1,4 @@
+@charset "utf-8";
+
+/*! bulma.io v1.0.3 | MIT License | github.com/jgthms/bulma */
+@use "sass";

bulma/base/base.sass

@@ -1,6 +0,0 @@
-@charset "utf-8"
-
-@import "generic"
-@import "content"
-@import "highlight"
-@import "helpers"

bulma/base/content.sass

@@ -1,67 +0,0 @@
-.content
-  @extend .block
-  // Inline
-  li + li
-    margin-top: 0.25em
-  // Block
-  blockquote,
-  p,
-  ol,
-  ul
-    &:not(:last-child)
-      margin-bottom: 1em
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6
-    color: $text-strong
-    font-weight: 300
-    line-height: 1.125
-    margin-bottom: 20px
-  h1,
-  h2,
-  h3
-    &:not(:first-child)
-      margin-top: 40px
-  blockquote
-    background: $background
-    border-left: 5px solid $border
-    padding: 1.5em
-  h1
-    font-size: 2em
-  h2
-    font-size: 1.75em
-  h3
-    font-size: 1.5em
-  h4
-    font-size: 1.25em
-  h5
-    font-size: 1.125em
-  h6
-    font-size: 1em
-  ol
-    list-style: decimal outside
-    margin-left: 2em
-    margin-right: 2em
-    margin-top: 1em
-  ul
-    list-style: disc outside
-    margin-left: 2em
-    margin-right: 2em
-    margin-top: 1em
-    ul
-      list-style-type: circle
-      margin-top: 0.5em
-      ul
-        list-style-type: square
-  // Sizes
-  &.is-medium
-    font-size: $size-5
-    code
-      font-size: $size-6
-  &.is-large
-    font-size: $size-4
-    code
-      font-size: $size-5

bulma/base/generic.sass

@@ -1,118 +0,0 @@
-html
-  background: $body-background
-  font-size: $size-normal
-  -moz-osx-font-smoothing: grayscale
-  -webkit-font-smoothing: antialiased
-  min-width: 300px
-  overflow-x: hidden
-  overflow-y: scroll
-  text-rendering: optimizeLegibility
-  // Modifiers
-  &.has-modal
-    overflow: hidden
-
-article,
-aside,
-figure,
-footer,
-header,
-hgroup,
-section
-  display: block
-
-body,
-button,
-input,
-select,
-textarea
-  font-family: $family-primary
-
-code,
-pre
-  -moz-osx-font-smoothing: auto
-  -webkit-font-smoothing: auto
-  font-family: $family-code
-  line-height: 1.25
-
-body
-  color: $text
-  font-size: 1rem
-  line-height: 1.428571428571429
-
-// Inline
-
-a
-  color: $link
-  cursor: pointer
-  text-decoration: none
-  transition: none $speed $easing
-  &:hover
-    color: $link-hover
-
-code
-  background: $code-background
-  color: $code
-  font-size: 12px
-  font-weight: normal
-  padding: 1px 2px 2px
-
-hr
-  border-top-color: $border
-  margin: 20px 0
-
-img
-  max-width: 100%
-
-input[type="checkbox"],
-input[type="radio"]
-  vertical-align: baseline
-
-small
-  font-size: $size-small
-
-strong
-  color: $text-strong
-
-// Block
-
-pre
-  background: $pre-background
-  color: $pre
-  white-space: pre
-  word-wrap: normal
-  code
-    background: $pre-background
-    color: $pre
-    display: block
-    overflow-x: auto
-    padding: 16px 20px
-
-table
-  width: 100%
-  td,
-  th
-    text-align: left
-    vertical-align: top
-  th
-    color: $text-strong
-
-// Classes
-
-.block
-  &:not(:last-child)
-    margin-bottom: 20px
-
-.container
-  position: relative
-  +desktop
-    margin: 0 auto
-    max-width: 960px
-    // Modifiers
-    &.is-fluid
-      margin: 0 20px
-      max-width: none
-
-.fa
-  font-size: 21px
-  text-align: center
-  vertical-align: top

bulma/base/helpers.sass

@@ -1,63 +0,0 @@
-// Display
-
-.is-flex
-  display: flex
-
-// Float
-
-.is-clearfix
-  +clearfix
-
-.is-pulled-left
-  float: left
-
-.is-pulled-right
-  float: right
-
-// Overlay
-
-.is-overlay
-  +overlay
-
-// Text
-
-.has-text-centered
-  text-align: center
-
-.has-text-left
-  text-align: left
-
-.has-text-right
-  text-align: right
-
-// Visibility
-
-.is-hidden
-  display: none !important
-
-.is-hidden-mobile
-  +mobile
-    display: none !important
-
-.is-hidden-tablet
-  +tablet
-    display: none !important
-
-.is-hidden-touch
-  +touch
-    display: none !important
-
-.is-hidden-desktop
-  +desktop
-    display: none !important
-
-// Other
-
-.is-disabled
-  pointer-events: none
-
-.is-marginless
-  margin: 0 !important
-
-.is-unselectable
-  +unselectable

bulma/base/highlight.sass

@@ -1,123 +0,0 @@
-.highlight
-  background-color: #fdf6e3
-  color: #586e75
-  .c
-    color: #93a1a1
-  .err,
-  .g
-    color: #586e75
-  .k
-    color: #859900
-  .l,
-  .n
-    color: #586e75
-  .o
-    color: #859900
-  .x
-    color: #cb4b16
-  .p
-    color: #586e75
-  .cm
-    color: #93a1a1
-  .cp
-    color: #859900
-  .c1
-    color: #93a1a1
-  .cs
-    color: #859900
-  .gd
-    color: #2aa198
-  .ge
-    color: #586e75
-    font-style: italic
-  .gr
-    color: #dc322f
-  .gh
-    color: #cb4b16
-  .gi
-    color: #859900
-  .go,
-  .gp
-    color: #586e75
-  .gs
-    color: #586e75
-    font-weight: bold
-  .gu
-    color: #cb4b16
-  .gt
-    color: #586e75
-  .kc
-    color: #cb4b16
-  .kd
-    color: #268bd2
-  .kn,
-  .kp
-    color: #859900
-  .kr
-    color: #268bd2
-  .kt
-    color: #dc322f
-  .ld
-    color: #586e75
-  .m,
-  .s
-    color: #2aa198
-  .na
-    color: #B58900
-  .nb
-    color: #586e75
-  .nc
-    color: #268bd2
-  .no
-    color: #cb4b16
-  .nd
-    color: #268bd2
-  .ni,
-  .ne
-    color: #cb4b16
-  .nf
-    color: #268bd2
-  .nl,
-  .nn,
-  .nx,
-  .py
-    color: #586e75
-  .nt,
-  .nv
-    color: #268bd2
-  .ow
-    color: #859900
-  .w
-    color: #586e75
-  .mf,
-  .mh,
-  .mi,
-  .mo
-    color: #2aa198
-  .sb
-    color: #93a1a1
-  .sc
-    color: #2aa198
-  .sd
-    color: #586e75
-  .s2
-    color: #2aa198
-  .se
-    color: #cb4b16
-  .sh
-    color: #586e75
-  .si,
-  .sx
-    color: #2aa198
-  .sr
-    color: #dc322f
-  .s1,
-  .ss
-    color: #2aa198
-  .bp,
-  .vc,
-  .vg,
-  .vi
-    color: #268bd2
-  .il
-    color: #2aa198

bulma/components/card.sass

@@ -1,59 +0,0 @@
-.card-header
-  align-items: stretch
-  box-shadow: 0 1px 2px rgba(black, 0.1)
-  display: flex
-  min-height: 40px
-
-.card-header-title
-  align-items: flex-start
-  color: $text-strong
-  display: flex
-  flex: 1
-  font-weight: bold
-  padding: 10px
-
-.card-header-icon
-  align-items: center
-  cursor: pointer
-  display: flex
-  justify-content: center
-  width: 40px
-
-.card-image
-  display: block
-  position: relative
-
-.card-content
-  padding: 20px
-  .title + .subtitle
-    margin-top: -20px
-
-.card-footer
-  background: $background
-  border-top: 1px solid $border
-  align-items: stretch
-  display: flex
-
-.card-footer-item
-  align-items: center
-  display: flex
-  flex: 1
-  justify-content: center
-  padding: 10px
-  &:not(:last-child)
-    border-right: 1px solid $border
-
-.card
-  background: white
-  box-shadow: 0 2px 3px rgba(black, 0.1), 0 0 0 1px rgba(black, 0.1)
-  color: $text
-  max-width: 100%
-  position: relative
-  width: 300px
-  .media:not(:last-child)
-    margin-bottom: 10px
-  // Modifiers
-  &.is-fullwidth
-    width: 100%
-  &.is-rounded
-    border-radius: 5px

bulma/components/components.sass

@@ -1,28 +0,0 @@
-@charset "utf-8"
-
-@import "grid"
-@import "navbar"
-@import "card"
-@import "table"
-@import "tabs"
-@import "media"
-@import "menu"
-@import "pagination"
-@import "panel"
-@import "modal"
-
-.box
-  @extend .block
-  background: white
-  border-radius: 5px
-  box-shadow: 0 2px 3px rgba(black, 0.1), 0 0 0 1px rgba(black, 0.1)
-  display: block
-  padding: 20px
-
-a.box
-  &:hover,
-  &:focus
-    box-shadow: 0 2px 3px rgba(black, 0.1), 0 0 0 1px $link
-  &:active
-    box-shadow: inset 0 1px 2px rgba(black, 0.2), 0 0 0 1px $link
-

bulma/components/grid.sass

@@ -1,254 +0,0 @@
-.column
-  flex: 1
-  padding: 10px
-  .columns.is-mobile > &.is-narrow
-    flex: none
-  .columns.is-mobile > &.is-full
-    flex: none
-    width: 100%
-  .columns.is-mobile > &.is-three-quarters
-    flex: none
-    width: 75%
-  .columns.is-mobile > &.is-two-thirds
-    flex: none
-    width: 66.6666%
-  .columns.is-mobile > &.is-half
-    flex: none
-    width: 50%
-  .columns.is-mobile > &.is-one-third
-    flex: none
-    width: 33.3333%
-  .columns.is-mobile > &.is-one-quarter
-    flex: none
-    width: 25%
-  .columns.is-mobile > &.is-offset-three-quarters
-    margin-left: 75%
-  .columns.is-mobile > &.is-offset-two-thirds
-    margin-left: 66.6666%
-  .columns.is-mobile > &.is-offset-half
-    margin-left: 50%
-  .columns.is-mobile > &.is-offset-one-third
-    margin-left: 33.3333%
-  .columns.is-mobile > &.is-offset-one-quarter
-    margin-left: 25%
-  @for $i from 1 through 12
-    .columns.is-mobile > &.is-#{$i}
-      flex: none
-      width: ($i / 12) * 100%
-    .columns.is-mobile > &.is-offset-#{$i}
-      margin-left: ($i / 12) * 100%
-  +mobile
-    &.is-narrow-mobile
-      flex: none
-    &.is-full-mobile
-      flex: none
-      width: 100%
-    &.is-three-quarters-mobile
-      flex: none
-      width: 75%
-    &.is-two-thirds-mobile
-      flex: none
-      width: 66.6666%
-    &.is-half-mobile
-      flex: none
-      width: 50%
-    &.is-one-third-mobile
-      flex: none
-      width: 33.3333%
-    &.is-one-quarter-mobile
-      flex: none
-      width: 25%
-    &.is-offset-three-quarters-mobile
-      margin-left: 75%
-    &.is-offset-two-thirds-mobile
-      margin-left: 66.6666%
-    &.is-offset-half-mobile
-      margin-left: 50%
-    &.is-offset-one-third-mobile
-      margin-left: 33.3333%
-    &.is-offset-one-quarter-mobile
-      margin-left: 25%
-    @for $i from 1 through 12
-      &.is-#{$i}-mobile
-        flex: none
-        width: ($i / 12) * 100%
-      &.is-offset-#{$i}-mobile
-        margin-left: ($i / 12) * 100%
-  +tablet
-    &.is-narrow,
-    &.is-narrow-tablet
-      flex: none
-    &.is-full,
-    &.is-full-tablet
-      flex: none
-      width: 100%
-    &.is-three-quarters,
-    &.is-three-quarters-tablet
-      flex: none
-      width: 75%
-    &.is-two-thirds,
-    &.is-two-thirds-tablet
-      flex: none
-      width: 66.6666%
-    &.is-half,
-    &.is-half-tablet
-      flex: none
-      width: 50%
-    &.is-one-third,
-    &.is-one-third-tablet
-      flex: none
-      width: 33.3333%
-    &.is-one-quarter,
-    &.is-one-quarter-tablet
-      flex: none
-      width: 25%
-    &.is-offset-three-quarters,
-    &.is-offset-three-quarters-tablet
-      margin-left: 75%
-    &.is-offset-two-thirds,
-    &.is-offset-two-thirds-tablet
-      margin-left: 66.6666%
-    &.is-offset-half,
-    &.is-offset-half-tablet
-      margin-left: 50%
-    &.is-offset-one-third,
-    &.is-offset-one-third-tablet
-      margin-left: 33.3333%
-    &.is-offset-one-quarter,
-    &.is-offset-one-quarter-tablet
-      margin-left: 25%
-    @for $i from 1 through 12
-      &.is-#{$i},
-      &.is-#{$i}-tablet
-        flex: none
-        width: ($i / 12) * 100%
-      &.is-offset-#{$i},
-      &.is-offset-#{$i}-tablet
-        margin-left: ($i / 12) * 100%
-  +desktop
-    &.is-narrow-desktop
-      flex: none
-    &.is-full-desktop
-      flex: none
-      width: 100%
-    &.is-three-quarters-desktop
-      flex: none
-      width: 75%
-    &.is-two-thirds-desktop
-      flex: none
-      width: 66.6666%
-    &.is-half-desktop
-      flex: none
-      width: 50%
-    &.is-one-third-desktop
-      flex: none
-      width: 33.3333%
-    &.is-one-quarter-desktop
-      flex: none
-      width: 25%
-    &.is-offset-three-quarters-desktop
-      margin-left: 75%
-    &.is-offset-two-thirds-desktop
-      margin-left: 66.6666%
-    &.is-offset-half-desktop
-      margin-left: 50%
-    &.is-offset-one-third-desktop
-      margin-left: 33.3333%
-    &.is-offset-one-quarter-desktop
-      margin-left: 25%
-    @for $i from 1 through 12
-      &.is-#{$i}-desktop
-        flex: none
-        width: ($i / 12) * 100%
-      &.is-offset-#{$i}-desktop
-        margin-left: ($i / 12) * 100%
-
-.columns
-  margin-left: -10px
-  margin-right: -10px
-  margin-top: -10px
-  &:last-child
-    margin-bottom: -10px
-  &:not(:last-child)
-    margin-bottom: 10px
-  // Modifiers
-  &.is-centered
-    justify-content: center
-  &.is-gapless
-    margin-left: 0
-    margin-right: 0
-    margin-top: 0
-    &:last-child
-      margin-bottom: 0
-    &:not(:last-child)
-      margin-bottom: 20px
-    & > .column
-      margin: 0
-      padding: 0
-  &.is-grid
-    // Responsiveness
-    +tablet
-      flex-wrap: wrap
-      & > .column
-        flex-basis: 33.3333%
-        max-width: 33.3333%
-        padding: 10px
-        width: 33.3333%
-        & + .column
-          margin-left: 0
-  &.is-mobile
-    display: flex
-  &.is-multiline
-    flex-wrap: wrap
-  &.is-vcentered
-    align-items: center
-  // Responsiveness
-  +tablet
-    &:not(.is-desktop)
-      display: flex
-  +desktop
-    // Modifiers
-    &.is-desktop
-      display: flex
-
-.tilefiejsoif
-  flex: 1
-  // Modifiers
-  &.is-parent
-    padding: 10px
-  // Responsiveness
-  +tablet
-    // Sizes
-    @for $i from 1 through 12
-      &.is-#{$i}
-        flex: none
-        width: ($i / 12) * 100%
-
-.tile
-  align-items: stretch
-  flex: 1
-  // Modifiers
-  &.is-ancestor
-    margin-left: -10px
-    margin-right: -10px
-    margin-top: -10px
-    &:last-child
-      margin-bottom: -10px
-    &:not(:last-child)
-      margin-bottom: 10px
-  &.is-child
-    margin: 0 !important
-  &.is-parent
-    padding: 10px
-  &.is-vertical
-    flex-direction: column
-    & > .tile.is-child:not(:last-child)
-      margin-bottom: 20px !important
-  // Responsiveness
-  +tablet
-    &:not(.is-child)
-      display: flex
-    @for $i from 1 through 12
-      &.is-#{$i}
-        flex: none
-        width: ($i / 12) * 100%

bulma/components/media.sass

@@ -1,63 +0,0 @@
-.media-number
-  background: $background
-  border-radius: 290486px
-  display: inline-block
-  font-size: $size-medium
-  height: 32px
-  line-height: 24px
-  min-width: 32px
-  padding: 4px 8px
-  text-align: center
-  vertical-align: top
-  // Responsiveness
-  +mobile
-    margin-bottom: 10px
-  +tablet
-    margin-right: 10px
-
-.media-left
-  margin-right: 10px
-
-.media-right
-  margin-left: 10px
-
-.media-content
-  flex: 1
-  text-align: left
-
-.media
-  align-items: flex-start
-  display: flex
-  text-align: left
-  .content:not(:last-child)
-    margin-bottom: 10px
-  .media
-    border-top: 1px solid rgba($border, 0.5)
-    display: flex
-    padding-top: 10px
-    .textarea
-      +control-small
-    .button
-      +button-small
-    .content:not(:last-child),
-    .control:not(:last-child)
-      margin-bottom: 5px
-    .media
-      font-size: 12px
-      padding-top: 5px
-      & + .media
-        margin-top: 5px
-  & + .media
-    border-top: 1px solid rgba($border, 0.5)
-    margin-top: 10px
-    padding-top: 10px
-  // Sizes
-  &.is-large
-    & + .media
-      margin-top: 20px
-      padding-top: 20px
-  // Responsiveness
-  +tablet
-    &.is-large
-      .media-number
-        margin-right: 20px

bulma/components/menu.sass

@@ -1,32 +0,0 @@
-.menu-nav
-  a
-    display: block
-    padding: 5px 10px
-
-.menu-list
-  a
-    border-radius: 2px
-    color: $text
-    display: block
-    padding: 5px 10px
-    &:hover
-      background: $background
-      color: $link
-    // Modifiers
-    &.is-active
-      background: $link
-      color: $link-invert
-  li
-    ul
-      border-left: 1px solid $border
-      margin: 10px
-      padding-left: 10px
-
-.menu-label
-  color: $text-light
-  font-size: $size-small
-  letter-spacing: 1px
-  margin-bottom: 5px
-  text-transform: uppercase
-  &:not(:first-child)
-    margin-top: 20px

bulma/components/modal.sass

@@ -1,36 +0,0 @@
-.modal-background
-  +overlay
-  background: rgba(black, 0.86)
-
-.modal-content
-  margin: 0 20px
-  max-height: calc(100vh - 160px)
-  overflow: auto
-  position: relative
-  width: 100%
-  // Responsiveness
-  +tablet
-    margin: 0 auto
-    max-height: calc(100vh - 40px)
-    width: 640px
-
-.modal-close
-  @extend .delete
-  background: none
-  height: 40px
-  position: fixed
-  right: 20px
-  top: 20px
-  width: 40px
-
-.modal
-  +overlay
-  align-items: center
-  display: none
-  justify-content: center
-  overflow: hidden
-  position: fixed
-  z-index: 1986
-  // Modifiers
-  &.is-active
-    display: flex

bulma/components/navbar.sass

@@ -1,49 +0,0 @@
-.navbar-item
-  .title,
-  .subtitle
-    margin-bottom: 0
-  // Responsiveness
-  +mobile
-    &:not(:last-child)
-      margin-bottom: 10px
-
-.navbar-left,
-.navbar-right
-  .navbar-item
-    &:not(:last-child)
-      margin-right: 10px
-    // Modifiers
-    &.is-flexible
-      flex: 1
-
-.navbar-left
-  // Responsiveness
-  +mobile
-    & + .navbar-right
-      margin-top: 20px
-  +tablet
-    align-items: center
-    display: flex
-
-.navbar-right
-  // Responsiveness
-  +tablet
-    align-items: center
-    display: flex
-    justify-content: flex-end
-
-.navbar
-  @extend .block
-  code
-    border-radius: $radius
-  img
-    display: inline-block
-    vertical-align: top
-  // Responsiveness
-  +tablet
-    align-items: center
-    display: flex
-    justify-content: space-between
-    & > .navbar-item
-      &:not(.is-narrow)
-        flex: 1

bulma/components/pagination.sass

@@ -1,41 +0,0 @@
-.pagination
-  align-items: center
-  display: flex
-  justify-content: center
-  text-align: center
-  a
-    @extend .button
-    display: block
-    min-width: 32px
-    padding: 3px 8px
-    // Modifiers
-    &.is-active
-      background: $link
-      border-color: $link
-      color: $link-invert
-  span
-    color: $text-light
-    display: block
-    margin: 0 4px
-  li
-    margin: 0 2px
-  ul
-    align-items: center
-    display: flex
-    flex: 1
-    justify-content: center
-  // Responsiveness
-  +mobile
-    flex-wrap: wrap
-    & > a
-      width: calc(50% - 5px)
-      &:not(:first-child)
-        margin-left: 10px
-    li
-      flex: 1
-    ul
-      margin-top: 10px
-  +tablet
-    & > a
-      &:not(:first-child)
-        order: 1

bulma/components/panel.sass

@@ -1,55 +0,0 @@
-.panel-icon
-  +fa(14px, 16px)
-  color: $text-light
-  float: left
-  margin: 0 4px 0 -2px
-  .fa
-    font-size: inherit
-    line-height: inherit
-
-.panel-heading
-  background: $background
-  border-bottom: 1px solid $border
-  border-radius: 4px 4px 0 0
-  color: $text-strong
-  font-size: $size-medium
-  font-weight: 300
-  padding: 10px
-
-.panel-list
-  a
-    color: $text
-    &:hover
-      color: $link
-
-.panel-tabs
-  display: flex
-  font-size: $size-small
-  padding: 5px 10px 0
-  justify-content: center
-  a
-    border-bottom: 1px solid $border
-    margin-bottom: -1px
-    padding: 5px
-    // Modifiers
-    &.is-active
-      border-bottom-color: $link-active-border
-      color: $link-active
-  &:not(:last-child)
-    border-bottom: 1px solid $border
-
-.panel-block
-  color: $text-strong
-  display: block
-  line-height: 16px
-  padding: 10px
-  &:hover
-    background: $background
-  &:not(:last-child)
-    border-bottom: 1px solid $border
-
-.panel
-  border: 1px solid $border
-  border-radius: 5px
-  &:not(:last-child)
-    margin-bottom: 20px

bulma/components/table.sass

@@ -1,89 +0,0 @@
-.table
-  background: white
-  color: $text-strong
-  margin-bottom: 20px
-  width: 100%
-  td,
-  th
-    border: 1px solid $border
-    border-width: 0 0 1px
-    padding: 8px 10px
-    vertical-align: top
-    // Modifiers
-    &.table-icon
-      padding: 5px
-      text-align: center
-      white-space: nowrap
-      width: 1%
-      .fa
-        +fa(21px, 24px)
-      &.table-link
-        padding: 0
-        & > a
-          padding: 5px
-    &.table-link
-      padding: 0
-      & > a
-        display: block
-        padding: 8px 10px
-        &:hover
-          background: $link
-          color: $link-invert
-    &.table-narrow
-      white-space: nowrap
-      width: 1%
-  th
-    color: $text-strong
-    text-align: left
-  tr
-    &:hover
-      background: $background
-      color: $text-strong
-  thead
-    td,
-    th
-      border-width: 0 0 2px
-      color: $text-light
-  tbody
-    tr
-      &:last-child
-        td,
-        th
-          border-bottom-width: 0
-  tfoot
-    td,
-    th
-      border-width: 2px 0 0
-      color: $text-light
-  // Modifiers
-  &.is-bordered
-    td,
-    th
-      border-width: 1px
-    tr
-      &:last-child
-        td,
-        th
-          border-bottom-width: 1px
-  &.is-narrow
-    td,
-    th
-      padding: 5px 10px
-      // Modifiers
-      &.table-icon
-        padding: 2px
-        &.table-link
-          padding: 0
-          & > a
-            padding: 2px
-      &.table-link
-        padding: 0
-        & > a
-          padding: 5px 10px
-  &.is-striped
-    tbody
-      tr
-        &:nth-child(2n)
-          background: $background
-          &:hover
-            background: $border

bulma/components/tabs.sass

@@ -1,104 +0,0 @@
-.tabs
-  @extend .block
-  line-height: 24px
-  overflow: hidden
-  overflow-x: auto
-  white-space: nowrap
-  a
-    border-bottom: 1px solid $border
-    color: $text
-    display: block
-    margin-bottom: -1px
-    padding: 5px 0
-    vertical-align: top
-    &:hover
-      border-bottom-color: $text-strong
-      color: $text-strong
-  li
-    display: block
-    vertical-align: top
-    & + li
-      margin-left: 20px
-    // Modifiers
-    &.is-active
-      a
-        border-bottom-color: $link
-        color: $link
-  ul
-    border-bottom: 1px solid $border
-    display: flex
-  .fa
-    font-size: 14px
-    line-height: 20px
-    margin: 2px -2px
-    width: 20px
-  // Modifiers
-  &.is-boxed
-    a
-      border: 1px solid transparent
-      border-radius: $radius $radius 0 0
-      padding: 5px 15px
-      &:hover
-        background: $background
-        border-bottom-color: $border
-    li
-      & + li
-        margin-left: 5px
-      // Modifiers
-      &.is-active
-        a
-          background: white
-          border-color: $border
-          border-bottom-color: transparent
-    // Modifiers
-    &.is-centered
-      li
-        &,
-        & + li
-          margin: 0 2px
-  &.is-centered
-    a
-      padding: 5px 10px
-    li
-      & + li
-        margin-left: 0
-    ul
-      justify-content: center
-      text-align: center
-  &.is-fullwidth
-    li
-      flex: 1
-      & + li
-        margin-left: 0
-    ul
-      justify-content: center
-      text-align: center
-  &.is-right
-    ul
-      justify-content: flex-end
-  &.is-toggle
-    a
-      border: 1px solid $border
-      margin-bottom: 0
-      padding: 5px 10px
-      position: relative
-      &:hover
-        background: $background
-        border-color: $border-hover
-        z-index: 2
-    li
-      & + li
-        margin-left: -1px
-      &:first-child a
-        border-radius: $radius 0 0 $radius
-      &:last-child a
-        border-radius: 0 $radius $radius 0
-      // Modifiers
-      &.is-active
-        a
-          background: $primary
-          border-color: $primary
-          color: $primary-invert
-          z-index: 1
-    ul
-      border-bottom: none

bulma/config/generated-variables.sass

@@ -1,78 +0,0 @@
-// Colors
-
-$dark: $grey-darker
-$dark-invert: findColorInvert($dark)
-
-$primary-invert: findColorInvert($primary)
-$info: $blue
-$info-invert: findColorInvert($info)
-$success: $green
-$success-invert: findColorInvert($success)
-$warning: $yellow
-$warning-invert: findColorInvert($warning)
-$danger: $red
-$danger-invert: findColorInvert($danger)
-
-$colors: (dark: ($dark, $dark-invert), primary: ($primary, $primary-invert), info: ($info, $info-invert), success: ($success, $success-invert), warning: ($warning, $warning-invert), danger: ($danger, $danger-invert))
-
-$body-background: $grey-lighter
-
-$background: $grey-lighter
-
-$border: $grey-light
-$border-hover: $grey
-
-// Text
-
-$text: $grey-dark
-$text-invert: findColorInvert($text)
-$text-light: $grey
-$text-strong: $grey-darker
-
-// Code
-
-$code: $red
-$code-background: $background
-
-$pre: $text
-$pre-background: $background
-
-// Links
-
-$link: $primary
-$link-invert: $primary-invert
-$link-visited: $purple
-
-$link-hover: $grey-darker
-$link-hover-background: $grey-lighter
-$link-hover-border: $grey-darker
-
-$link-active: $grey-darker
-$link-active-border: $grey-darker
-
-// Controls
-
-$control: $text-strong
-$control-background: $text-invert
-$control-border: $border
-
-$control-hover: $link-hover
-$control-hover-border: $border-hover
-
-$control-active: $link
-$control-active-background: $link
-$control-active-background-invert: $link-invert
-$control-active-border: $link
-
-// Typography
-
-$family-primary: $family-sans-serif
-$family-code: $family-monospace
-
-$size-small: $size-7
-$size-normal: $size-6
-$size-medium: $size-5
-$size-large: $size-3
-$size-huge: $size-1
-
-$sizes: $size-1 $size-2 $size-3 $size-4 $size-5 $size-6

bulma/config/variables.sass

@@ -1,52 +0,0 @@
-// Colors
-
-$grey-darker: #222324
-$grey-dark: #69707a
-$grey: #aeb1b5
-$grey-light: #d3d6db
-$grey-lighter: #f5f7fa
-
-$blue: #42afe3
-$green: #97cd76
-$orange: #f68b39
-$purple: #847bb9
-$red: #ed6c63
-$turquoise: #1fc8db
-$yellow: #fce473
-
-$primary: $turquoise
-
-// Typography
-
-$family-sans-serif: "Helvetica Neue", "Helvetica", "Arial", sans-serif
-$family-monospace: "Source Code Pro", "Monaco", "Inconsolata", monospace
-
-$size-1: 48px
-$size-2: 40px
-$size-3: 28px
-$size-4: 24px
-$size-5: 18px
-$size-6: 14px
-
-$size-7: 11px
-
-$weight-title-normal: 300
-$weight-title-bold: 500
-
-// Breakpoints
-
-$tablet: 769px
-$desktop: 980px
-$widescreen: 1180px
-
-// Dimensions
-
-$column-gap: 20px
-
-$header-height: 50px
-
-// Miscellaneous
-
-$easing: ease-out
-$radius: 3px
-$speed: 86ms

bulma/elements/buttons.sass

@@ -1,111 +0,0 @@
-=button-small
-  border-radius: 2px
-  font-size: 11px
-  height: 24px
-  line-height: 16px
-  padding: 3px 6px
-=button-medium
-  font-size: 18px
-  height: 40px
-  padding: 7px 14px
-=button-large
-  font-size: 22px
-  height: 48px
-  padding: 11px 20px
-
-.button
-  +control
-  +unselectable
-  justify-content: center
-  padding: 3px 10px
-  text-align: center
-  white-space: nowrap
-  strong
-    color: inherit
-  small
-    display: block
-    font-size: $size-small
-    line-height: 1
-    margin-top: 5px
-  .icon,
-  .tag
-    &:first-child
-      margin-left: -2px
-      margin-right: 4px
-    &:last-child
-      margin-left: 4px
-      margin-right: -2px
-  &:hover
-    color: $control-hover
-  &:active
-    box-shadow: inset 0 1px 2px rgba(black, 0.2)
-  // Colors
-  @each $name, $pair in $colors
-    $color: nth($pair, 1)
-    $color-invert: nth($pair, 2)
-    &.is-#{$name}
-      background: $color
-      border-color: transparent
-      color: $color-invert
-      &:hover,
-      &:focus
-        background: darken($color, 10%)
-        border-color: transparent
-        color: $color-invert
-      &:active
-        border-color: transparent
-      &.is-inverted
-        background: $color-invert
-        color: $color
-        &:hover
-          background: darken($color-invert, 5%)
-        &.is-outlined
-          background-color: transparent
-          border-color: $color-invert
-          color: $color-invert
-          &:hover
-            background: rgba(black, 0.05)
-            border-color: $color-invert
-            color: $color-invert
-      &.is-loading
-        &:after
-          border-color: transparent transparent $color-invert $color-invert !important
-      &.is-outlined
-        background: transparent
-        border-color: $color
-        color: $color
-        &:hover,
-        &:focus
-          border-color: darken($color, 10%)
-          color: darken($color, 10%)
-  &.is-link
-    border-color: transparent
-    color: $text
-    text-decoration: underline
-    &:hover,
-    &:focus
-      background: $border
-      color: $text-strong
-  // Sizes
-  &.is-small
-    +button-small
-  &.is-medium
-    +button-medium
-  &.is-large
-    +button-large
-  // Modifiers
-  &[disabled],
-  &.is-disabled
-    opacity: 0.5
-  &.is-flexible
-    height: auto
-  &.is-fullwidth
-    display: block
-    width: 100%
-  &.is-loading
-    color: transparent
-    pointer-events: none
-    &:after
-      @extend .loader
-      +center(16px)
-      position: absolute !important

bulma/elements/controls.sass

@@ -1,287 +0,0 @@
-=control
-  -moz-appearance: none
-  -webkit-appearance: none
-  align-items: center
-  background: $control-background
-  border: 1px solid $control-border
-  border-radius: $radius
-  color: $control
-  display: inline-flex
-  font-size: $size-normal
-  height: 32px
-  line-height: 24px
-  padding: 3px 8px
-  position: relative
-  vertical-align: top
-  &:hover
-    border-color: $control-hover-border
-  &:active,
-  &:focus
-    border-color: $control-active-border
-    outline: none
-  &[disabled],
-  &.is-disabled
-    background: $background
-    border-color: $control-border
-    cursor: not-allowed
-    pointer-events: none
-    +placeholder
-      color: rgba($control, 0.3)
-
-=form-control
-  +control
-  @each $name, $pair in $colors
-    $color: nth($pair, 1)
-    &.is-#{$name}
-      border-color: $color
-
-=control-small
-  border-radius: 2px
-  font-size: 11px
-  height: 24px
-  line-height: 16px
-  padding: 3px 6px
-=control-medium
-  font-size: 18px
-  height: 40px
-  line-height: 32px
-  padding: 3px 10px
-=control-large
-  font-size: 24px
-  height: 48px
-  line-height: 40px
-  padding: 3px 12px
-
-.input
-  +form-control
-  box-shadow: inset 0 1px 2px rgba(black, 0.1)
-  display: block
-  max-width: 100%
-  width: 100%
-  &[type="search"]
-    border-radius: 290486px
-  // Sizes
-  &.is-small
-    +control-small
-    &.is-flat
-      padding: 4px 6px
-  &.is-medium
-    +control-medium
-    &.is-flat
-      padding: 4px 10px
-  &.is-large
-    +control-large
-    &.is-flat
-      padding: 4px 12px
-  // Modifiers
-  &.is-flat
-    border: none
-    box-shadow: none
-    padding: 4px 8px
-  &.is-fullwidth
-    display: block
-    width: 100%
-  &.is-inline
-    display: inline
-    width: auto
-
-.textarea
-  @extend .input
-  line-height: 1.2
-  max-height: 600px
-  max-width: 100%
-  min-height: 120px
-  min-width: 100%
-  padding: 10px
-  resize: vertical
-
-%control-with-element
-  cursor: pointer
-  display: inline-block
-  line-height: 16px
-  position: relative
-  vertical-align: top
-  input
-    cursor: pointer
-  &:hover
-    color: $control-hover
-  &.is-disabled
-    color: $text-light
-    pointer-events: none
-    input
-      pointer-events: none
-
-.checkbox
-  @extend %control-with-element
-
-.radio
-  @extend %control-with-element
-  & + .radio
-    margin-left: 10px
-
-.select
-  display: inline-block
-  height: 32px
-  position: relative
-  vertical-align: top
-  select
-    +form-control
-    cursor: pointer
-    display: block
-    outline: none
-    padding-right: 36px
-    &:hover
-      border-color: $control-hover-border
-    &::ms-expand
-      display: none
-  &.is-fullwidth
-    width: 100%
-    select
-      width: 100%
-  &:after
-    +arrow($link)
-    margin-top: -6px
-    right: 16px
-    top: 50%
-  &:hover
-    &:after
-      border-color: $link-hover
-
-.label
-  color: $text-strong
-  display: block
-  font-weight: bold
-  &:not(:last-child)
-    margin-bottom: 5px
-
-.help
-  display: block
-  font-size: $size-small
-  margin-top: 5px
-  @each $name, $pair in $colors
-    $color: nth($pair, 1)
-    &.is-#{$name}
-      color: $color
-
-// Containers
-
-.control-label
-  +mobile
-    margin-bottom: 5px
-  +tablet
-    flex: 1
-    margin-right: 20px
-    padding-top: 7px
-    text-align: right
-
-.control
-  position: relative
-  text-align: left
-  &:not(:last-child)
-    margin-bottom: 10px
-  // Modifiers
-  &.has-addons
-    display: flex
-    justify-content: flex-start
-    .button,
-    .input,
-    .select
-      border-radius: 0
-      margin-right: -1px
-      &:hover
-        z-index: 2
-      &:active,
-      &:focus
-        z-index: 3
-      &:first-child
-        border-radius: $radius 0 0 $radius
-        select
-          border-radius: $radius 0 0 $radius
-      &:last-child
-        border-radius: 0 $radius $radius 0
-        select
-          border-radius: 0 $radius $radius 0
-    &.has-addons-centered
-      justify-content: center
-    &.has-addons-right
-      justify-content: flex-end
-  &.has-icon
-    & > .fa
-      +fa(14px, 24px)
-      color: $text-light
-      pointer-events: none
-      position: absolute
-      top: 4px
-      z-index: 4
-    .input
-      &:focus + .fa
-        color: $text-strong
-      &.is-small + .fa
-        font-size: 10.5px
-        top: 0
-      &.is-medium + .fa
-        font-size: 21px
-        top: 8px
-      &.is-large + .fa
-        font-size: 21px
-        top: 12px
-    &:not(.has-icon-right)
-      & > .fa
-        left: 4px
-      .input
-        padding-left: 32px
-        &.is-small
-          padding-left: 24px
-          & + .fa
-            left: 0
-        &.is-medium
-          padding-left: 40px
-          & + .fa
-            left: 8px
-        &.is-large
-          padding-left: 48px
-          & + .fa
-            left: 12px
-    &.has-icon-right
-      & > .fa
-        right: 4px
-      .input
-        padding-right: 32px
-        &.is-small
-          padding-right: 24px
-          & + .fa
-            right: 0
-        &.is-medium
-          padding-right: 40px
-          & + .fa
-            right: 8px
-        &.is-large
-          padding-right: 48px
-          & + .fa
-            right: 12px
-  &.is-grouped
-    display: flex
-    justify-content: flex-start
-    & > .button,
-    & > .input,
-    & > .select
-      &:not(:last-child)
-        margin-right: 10px
-    & > .input
-      flex: 1
-    &.is-grouped-centered
-      justify-content: center
-    &.is-grouped-right
-      justify-content: flex-end
-  &.is-horizontal
-    +tablet
-      display: flex
-      & > .control
-        display: flex
-        flex: 5
-  &.is-loading
-    &:after
-      @extend .loader
-      position: absolute !important
-      right: 8px
-      top: 8px

bulma/elements/elements.sass

@@ -1,191 +0,0 @@
-@charset "utf-8"
-
-@import "controls"
-@import "buttons"
-@import "titles"
-@import "images"
-@import "messages"
-@import "notifications"
-@import "progress"
-
-.delete
-  +unselectable
-  -moz-appearance: none
-  -webkit-appearance: none
-  background: rgba(black, 0.2)
-  border: none
-  border-radius: 290486px
-  cursor: pointer
-  display: inline-block
-  height: 24px
-  position: relative
-  vertical-align: top
-  width: 24px
-  &:before,
-  &:after
-    background: white
-    content: ""
-    display: block
-    height: 2px
-    left: 50%
-    margin-left: -25%
-    margin-top: -1px
-    position: absolute
-    top: 50%
-    width: 50%
-  &:before
-    transform: rotate(45deg)
-  &:after
-    transform: rotate(-45deg)
-  &:hover
-    background: rgba(black, 0.5)
-  // Sizes
-  &.is-small
-    height: 16px
-    width: 16px
-  &.is-medium
-    height: 32px
-    width: 32px
-  &.is-large
-    height: 40px
-    width: 40px
-
-.icon
-  +fa(21px, 24px)
-  .fa
-    font-size: inherit
-    line-height: inherit
-  // Sizes
-  &.is-small
-    +fa(14px, 16px)
-  &.is-medium
-    +fa(28px, 32px)
-  &.is-large
-    +fa(42px, 48px)
-
-.hamburger
-  cursor: pointer
-  display: block
-  height: 50px
-  position: relative
-  width: 50px
-  span
-    background: $text
-    display: block
-    height: 1px
-    left: 50%
-    margin-left: -7px
-    position: absolute
-    top: 50%
-    transition: none $speed $easing
-    transition-property: background, left, opacity, transform
-    width: 15px
-    &:nth-child(1)
-      margin-top: -6px
-    &:nth-child(2)
-      margin-top: -1px
-    &:nth-child(3)
-      margin-top: 4px
-  &:hover
-    background: $background
-  // Modifers
-  &.is-active
-    span
-      background: $link
-      &:nth-child(1)
-        margin-left: -5px
-        transform: rotate(45deg)
-        transform-origin: left top
-      &:nth-child(2)
-        opacity: 0
-      &:nth-child(3)
-        margin-left: -5px
-        transform: rotate(-45deg)
-        transform-origin: left bottom
-  +tablet
-    height: $header-height
-    width: $header-height
-
-.heading
-  display: block
-  font-size: 11px
-  letter-spacing: 1px
-  margin-bottom: 5px
-  text-transform: uppercase
-
-.highlight
-  @extend .block
-  font-size: 12px
-  font-weight: normal
-  max-width: 100%
-  overflow: hidden
-  padding: 0
-  pre
-    overflow: auto
-    max-width: 100%
-
-.loader
-  animation: spin-around 500ms infinite linear
-  border: 2px solid $border
-  border-radius: 290486px
-  border-right-color: transparent
-  border-top-color: transparent
-  content: ""
-  display: block
-  height: 16px
-  position: relative
-  width: 16px
-
-.number
-  background: $background
-  border-radius: 290486px
-  display: inline-block
-  font-size: $size-medium
-  vertical-align: top
-
-.tag
-  align-items: center
-  background: $background
-  border-radius: 290486px
-  color: $text
-  display: inline-flex
-  font-size: 12px
-  height: 24px
-  justify-content: center
-  line-height: 16px
-  padding: 4px 10px
-  vertical-align: top
-  white-space: nowrap
-  .delete
-    margin-left: 4px
-    margin-right: -6px
-  &:not(.is-large)
-    .delete
-      @extend .delete.is-small
-  // Colors
-  @each $name, $pair in $colors
-    $color: nth($pair, 1)
-    $color-invert: nth($pair, 2)
-    &.is-#{$name}
-      background: $color
-      color: $color-invert
-  &.is-dark
-    background: $text
-    color: $text-invert
-  // Sizes
-  &.is-small
-    font-size: $size-small
-    height: 20px
-    padding: 2px 8px
-  &.is-medium
-    font-size: $size-normal
-    height: 32px
-    padding: 8px 14px
-  &.is-large
-    font-size: $size-5
-    height: 40px
-    line-height: 24px
-    padding: 8px 18px
-    .delete
-      margin-left: 4px
-      margin-right: -8px

bulma/elements/images.sass

@@ -1,34 +0,0 @@
-$dimensions: 16 24 32 48 64 96 128
-
-.image
-  display: block
-  position: relative
-  img
-    display: block
-  // Ratio
-  &.is-square,
-  &.is-1by1,
-  &.is-4by3,
-  &.is-3by2,
-  &.is-16by9,
-  &.is-2by1
-    img
-      +overlay
-      height: 100%
-      width: 100%
-  &.is-square,
-  &.is-1by1
-    padding-top: 100%
-  &.is-4by3
-    padding-top: 75%
-  &.is-3by2
-    padding-top: 66.6666%
-  &.is-16by9
-    padding-top: 56.25%
-  &.is-2by1
-    padding-top: 50%
-  // Sizes
-  @each $dimension in $dimensions
-    &.is-#{$dimension}x#{$dimension}
-      height: $dimension * 1px
-      width: $dimension * 1px

bulma/elements/messages.sass

@@ -1,39 +0,0 @@
-.message-body
-  border: 1px solid $border
-  border-radius: $radius
-  padding: 12px 15px
-  strong
-    color: inherit
-
-.message-header
-  background: $text
-  border-radius: $radius $radius 0 0
-  color: $text-invert
-  padding: 7px 10px
-  strong
-    color: inherit
-  & + .message-body
-    border-radius: 0 0 $radius $radius
-    border-top: none
-
-.message
-  @extend .block
-  background: $background
-  border-radius: $radius
-  // Colors
-  @each $name, $pair in $colors
-    $color: nth($pair, 1)
-    $color-invert: nth($pair, 2)
-    $lightning: (100% - lightness($color)) - 4%
-    $darkness: max(lightness($color) - 10%, lightness($color))
-    &.is-#{$name}
-      background: lighten($color, $lightning)
-      .message-header
-        background: $color
-        color: $color-invert
-      .message-body
-        border-color: $color
-        @if (colorLuminance($color) > 0.8)
-          color: desaturate(lighten(darken($color, 100%), 40%), 40%)
-        @else
-          color: desaturate(lighten(darken($color, 100%), 50%), 30%)

bulma/elements/notifications.sass

@@ -1,21 +0,0 @@
-.notification
-  @extend .block
-  +clearfix
-  background: $background
-  border-radius: $radius
-  padding: 16px 20px
-  position: relative
-  .delete
-    border-radius: 0 $radius
-    float: right
-    margin: -16px -20px 0 20px
-  .subtitle,
-  .title
-    color: inherit
-  // Colors
-  @each $name, $pair in $colors
-    $color: nth($pair, 1)
-    $color-invert: nth($pair, 2)
-    &.is-#{$name}
-      background: $color
-      color: $color-invert

bulma/elements/progress.sass

@@ -1,32 +0,0 @@
-.progress
-  @extend .block
-  -moz-appearance: none
-  -webkit-appearance: none
-  border: none
-  border-radius: 290486px
-  display: block
-  height: 12px
-  overflow: hidden
-  padding: 0
-  width: 100%
-  &::-webkit-progress-bar
-    background: $border
-  &::-webkit-progress-value
-    background: $text
-  &::-moz-progress-bar
-    background: $text
-  // Colors
-  @each $name, $pair in $colors
-    $color: nth($pair, 1)
-    &.is-#{$name}
-      &::-webkit-progress-value
-        background: $color
-      &::-moz-progress-bar
-        background: $color
-  // Sizes
-  &.is-small
-    height: 8px
-  &.is-medium
-    height: 16px
-  &.is-large
-    height: 20px

bulma/elements/titles.sass

@@ -1,72 +0,0 @@
-.title,
-.subtitle
-  @extend .block
-  font-weight: $weight-title-normal
-  word-break: break-all
-  em,
-  span
-    font-weight: $weight-title-normal
-  a
-    &:hover
-      border-bottom: 1px solid
-  strong
-    font-weight: $weight-title-bold
-  .tag
-    vertical-align: bottom
-
-.title
-  color: $text-strong
-  font-size: $size-large
-  line-height: 1
-  code
-    display: inline-block
-    font-size: $size-large
-  strong
-    color: inherit
-  & + .highlight
-    margin-top: -10px
-  & + .subtitle
-    margin-top: -10px
-  // Colors
-  @each $size in $sizes
-    $i: index($sizes, $size)
-    &.is-#{$i}
-      font-size: $size
-      code
-        font-size: nth($sizes, min($i + 1, 6))
-  // Modifiers
-  &.is-normal
-    font-weight: 400
-    strong
-      font-weight: 700
-  // Responsiveness
-  +tablet
-    & + .subtitle
-      margin-top: -15px
-
-.subtitle
-  color: $text
-  font-size: $size-medium
-  line-height: 1.125
-  code
-    border-radius: $radius
-    display: inline-block
-    font-size: $size-normal
-    padding: 2px 3px
-    vertical-align: top
-  strong
-    color: $text-strong
-  & + .title
-    margin-top: -20px
-  // Colors
-  @each $size in $sizes
-    $i: index($sizes, $size)
-    &.is-#{$i}
-      font-size: $size
-      code
-        font-size: nth($sizes, min($i + 1, 6))
-  // Modifiers
-  &.is-normal
-    font-weight: 400
-    strong
-      font-weight: 700

bulma/layout/footer.sass

@@ -1,11 +0,0 @@
-.footer
-  background: $background
-  padding: 40px 20px 80px
-  a
-    color: $text
-    &:hover
-      color: $text-strong
-    &:not(.icon)
-      border-bottom: 1px solid $border
-      &:hover
-        border-bottom-color: $link

bulma/layout/header.sass

@@ -1,161 +0,0 @@
-.header
-  +clearfix
-  background: white
-  display: flex
-  line-height: 24px
-  position: relative
-  text-align: center
-  z-index: 2
-  .container
-    align-items: stretch
-    display: flex
-    width: 100%
-  // Modifiers
-  &.has-shadow
-    box-shadow: 0 1px 2px rgba(black, 0.1)
-  // Responsiveness
-  +mobile
-    .container
-      flex-direction: column
-  +tablet
-    height: $header-height
-
-.header-toggle
-  @extend .hamburger
-  position: absolute
-  right: 0
-  top: 0
-  // Responsiveness
-  +tablet
-    display: none
-
-// Elements
-
-.header-item
-  align-items: center
-  display: flex
-  padding: 10px
-  a
-    flex-grow: 1
-  img
-    max-height: 24px
-  .button + .button
-    margin-left: 10px
-  .fa
-    font-size: 21px
-    line-height: 24px
-  .tag
-    &:first-child
-      margin-right: 5px
-    &:last-child
-      margin-left: 5px
-  // Responsiveness
-  +mobile
-    text-align: left
-
-.header-item a,
-a.header-item
-  color: $text
-  &:hover
-    color: $link-hover
-  // Modifiers
-  &.is-active
-    color: $link-active
-
-.header-icon
-  +fa(14px, 24px)
-  color: $text
-  margin: 0 5px
-  &:hover
-    color: $link-hover
-
-.header-tab
-  align-items: center
-  border-bottom: 1px solid transparent
-  color: $text
-  display: block
-  height: $header-height
-  line-height: 24px
-  padding: 13px 15px
-  &:hover
-    border-bottom: 1px solid $link
-  // Modifiers
-  &.is-active
-    border-bottom: 3px solid $link
-    color: $link
-
-// Containers
-
-.header-left
-  align-items: stretch
-  display: flex
-  flex: 1
-  overflow: hidden
-  overflow-x: auto
-  white-space: nowrap
-  // Responsiveness
-  +mobile
-    height: $header-height
-  +desktop
-    margin-left: -10px
-
-.header-right
-  align-items: stretch
-  // Responsiveness
-  +tablet
-    display: flex
-  +desktop
-    margin-right: -10px
-
-.header-full
-  align-items: stretch
-  display: flex
-  justify-content: center
-  text-align: center
-  width: 100%
-  & > .header-item
-    align-items: stretch
-    display: flex
-    flex: 1
-    justify-content: center
-    padding: 0
-    & > a
-      align-items: center
-      display: flex
-      justify-content: center
-      width: 100%
-
-.header-menu
-  // Responsiveness
-  +mobile
-    box-shadow: 0 4px 7px rgba(black, 0.1)
-    display: none
-    .header-item
-      border-top: 1px solid rgba($border, 0.5)
-      padding: 10px
-    // Modifiers
-    &.is-active
-      display: block
-
-// States
-
-.header.is-centered
-  justify-content: center
-  .header-left,
-  .header-right
-    justify-content: center
-
-.header.is-small
-  background: $background
-  box-shadow: none
-  height: 40px
-  z-index: 1
-  .container
-    height: 40px
-  .header-tab
-    font-size: 13px
-    height: 40px
-    padding: 8px 10px
-    &:hover,
-    &.is-active
-      border-bottom-width: 2px

bulma/layout/hero.sass

@@ -1,154 +0,0 @@
-.hero-video
-  +overlay
-  overflow: hidden
-  video
-    left: 50%
-    min-height: 100%
-    min-width: 100%
-    position: absolute
-    top: 50%
-    transform: translate3d(-50%, -50%, 0)
-  // Modifiers
-  &.is-transparent
-    opacity: 0.3
-  // Responsiveness
-  +mobile
-    display: none
-
-.hero-content
-  padding: 40px 20px
-  // Responsiveness
-  +desktop
-    padding: 40px 0
-
-.hero-buttons
-  margin-top: 20px
-  // Responsiveness
-  +mobile
-    .button
-      display: block
-      &:not(:last-child)
-        margin-bottom: 10px
-  +tablet
-    display: flex
-    justify-content: center
-    .button:not(:last-child)
-      margin-right: 20px
-
-.hero
-  background: white
-  .header
-    background: none
-    .container
-      box-shadow: 0 1px 0 rgba($border, 0.3)
-  .tabs
-    a
-      border: none
-    ul
-      border-bottom: none
-    // Modifiers
-    &.is-boxed
-      a
-        padding: 8px 15px
-  // Colors
-  @each $name, $pair in $colors
-    $color: nth($pair, 1)
-    $color-invert: nth($pair, 2)
-    &.is-#{$name}
-      background: $color
-      color: $color-invert
-      .title
-        color: $color-invert
-        a,
-        strong
-          color: inherit
-      .subtitle
-        color: rgba($color-invert, 0.7)
-        strong
-          color: $color-invert
-      .header .container
-        box-shadow: 0 1px 0 rgba($color-invert, 0.2)
-      .header-icon,
-      a.header-item,
-      .header-item > a:not(.button)
-        color: rgba($color-invert, 0.5)
-        &:hover,
-        &.is-active
-          color: $color-invert
-      .tabs
-        a
-          color: $color-invert
-          opacity: 0.5
-          &:hover
-            opacity: 1
-        li.is-active a
-          opacity: 1
-        &.is-boxed,
-        &.is-toggle
-          a
-            color: $color-invert
-            &:hover
-              background: rgba(black, 0.1)
-          li.is-active a
-            &,
-            &:hover
-              background: $color-invert
-              color: $color
-      // Modifiers
-      &.is-bold
-        $gradient-top-left: darken(saturate(adjust-hue($color, -10deg), 10%), 10%)
-        $gradient-bottom-right: lighten(saturate(adjust-hue($color, 10deg), 5%), 5%)
-        background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
-      // Responsiveness
-      +mobile
-        .header-toggle
-          span
-            background: $color-invert
-          &:hover
-            background: rgba(black, 0.1)
-          &.is-active
-            span
-              background: $color-invert
-        .header-menu
-          .header-item
-            border-top-color: rgba($color-invert, 0.2)
-  // Sizes
-  &.is-fullheight,
-  &.is-large
-    // Responsiveness
-    +tablet
-      .tabs
-        font-size: $size-medium
-  &.is-medium
-    // Responsiveness
-    +tablet
-      .hero-content
-        padding: 120px 20px
-    +desktop
-      .hero-content
-        padding: 120px 0
-  &.is-fullheight
-    align-items: stretch
-    display: flex
-    flex-direction: column
-    justify-content: space-between
-    min-height: 100vh
-    .tabs
-      a
-        padding: 15px 20px
-    .hero-content
-      display: flex
-      flex: 1
-      flex-direction: column
-      justify-content: center
-  &.is-large
-    .tabs
-      a
-        padding: 10px 15px
-    // Responsiveness
-    +tablet
-      .hero-content
-        padding: 240px 20px
-    +desktop
-      .hero-content
-        padding: 240px 0

bulma/layout/layout.sass

@@ -1,6 +0,0 @@
-@charset "utf-8"
-
-@import "header"
-@import "hero"
-@import "section"
-@import "footer"

bulma/layout/section.sass

@@ -1,13 +0,0 @@
-.section
-  background: white
-  padding: 40px 20px
-  & + .section
-    border-top: 1px solid rgba($border, 0.5)
-  // Responsiveness
-  +desktop
-    padding: 40px 0
-    // Sizes
-    &.is-medium
-      padding: 120px 0
-    &.is-large
-      padding: 240px 0

bulma/utilities/animations.sass

@@ -1,5 +0,0 @@
-@keyframes spin-around
-  from
-    transform: rotate(0deg)
-  to
-    transform: rotate(359deg)

bulma/utilities/functions.sass

@@ -1,34 +0,0 @@
-@function powerNumber($number, $exp)
-  $value: 1
-  @if $exp > 0
-    @for $i from 1 through $exp
-      $value: $value * $number
-  @else if $exp < 0
-    @for $i from 1 through -$exp
-      $value: $value / $number
-  @return $value
-
-@function colorLuminance($color)
-  $color-rgb: ('red': red($color),'green': green($color),'blue': blue($color))
-  @each $name, $value in $color-rgb
-    $adjusted: 0
-    $value: $value / 255
-    @if $value < 0.03928
-      $value: $value / 12.92
-    @else
-      $value: ($value + .055) / 1.055
-      $value: powerNumber($value, 2)
-    $color-rgb: map-merge($color-rgb, ($name: $value))
-  @return (map-get($color-rgb, 'red') * .2126) + (map-get($color-rgb, 'green') * .7152) + (map-get($color-rgb, 'blue') * .0722)
-
-@function closestEvenNumber($number)
-  @if ($number % 2 == 0px)
-    @return $number
-  @else
-    @return ($number + 1px)
-
-@function findColorInvert($color)
-  @if (colorLuminance($color) > 0.8)
-    @return rgba(black, 0.5)
-  @else
-    @return white

bulma/utilities/mixins.sass

@@ -1,91 +0,0 @@
-=arrow($color)
-  border: 1px solid $color
-  border-right: 0
-  border-top: 0
-  content: " "
-  display: block
-  height: 7px
-  pointer-events: none
-  position: absolute
-  transform: rotate(-45deg)
-  width: 7px
-
-=clearfix
-  &:after
-    clear: both
-    content: " "
-    display: table
-
-=center($size)
-  left: 50%
-  margin-left: -($size / 2)
-  margin-top: -($size / 2)
-  position: absolute
-  top: 50%
-
-=fa($size, $dimensions)
-  display: inline-block
-  font-size: $size
-  height: $dimensions
-  line-height: $dimensions
-  text-align: center
-  vertical-align: top
-  width: $dimensions
-
-=overlay($offset: 0)
-  bottom: $offset
-  left: $offset
-  position: absolute
-  right: $offset
-  top: $offset
-
-=placeholder
-  $placeholders: ':-moz' ':-webkit-input' '-moz' '-ms-input'
-  @each $placeholder in $placeholders
-    &:#{$placeholder}-placeholder
-      @content
-
-=replace($background, $width, $height)
-  background: $background center center no-repeat
-  background-size: $width $height
-  display: block
-  height: $height
-  outline: none
-  overflow: hidden
-  text-indent: -290486px
-  width: $width
-
-=unselectable
-  -webkit-touch-callout: none
-  -webkit-user-select: none
-  -moz-user-select: none
-  -ms-user-select: none
-  user-select: none
-
-=from($device)
-  @media screen and (min-width: $device)
-    @content
-
-=until($device)
-  @media screen and (max-width: $device - 1px)
-    @content
-
-=mobile
-  @media screen and (max-width: $tablet - 1px)
-    @content
-
-=tablet
-  @media screen and (min-width: $tablet)
-    @content
-
-=touch
-  @media screen and (max-width: $desktop - 1px)
-    @content
-
-=desktop
-  @media screen and (min-width: $desktop)
-    @content
-
-=widescreen
-  @media screen and (min-width: $widescreen)
-    @content

bulma/utilities/reset.sass

@@ -1,174 +0,0 @@
-//
-//  HTML5 Reset :: style.css
-//  ----------------------------------------------------------
-//  We have learned much from/been inspired by/taken code where offered from:
-//
-//  Eric Meyer          :: http://meyerweb.com
-//  HTML5 Doctor        :: http://html5doctor.com
-//  and the HTML5 Boilerplate :: http://html5boilerplate.com
-//
-//-------------------------------------------------------------------------------
-
-// Let's default this puppy out
-
-html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary
-  margin: 0
-  padding: 0
-  border: 0
-  font-size: 100%
-  font-weight: normal
-  vertical-align: baseline
-  background: transparent
-
-article, aside, figure, footer, header, nav, section, details, summary
-  display: block
-
-// Handle box-sizing while better addressing child elements:
-// http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
-html
-  box-sizing: border-box
-
-*,
-*:before,
-*:after
-  box-sizing: inherit
-
-// consider resetting the default cursor: https://gist.github.com/murtaugh/5247154
-
-// Responsive images and other embedded objects
-img,
-object,
-embed
-  max-width: 100%
-
-//
-//   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
-//   In fact, it *will* cause problems with Google Maps' controls at small size.
-//  If this is the case for you, try uncommenting the following:
-//
-//#map img {
-//    max-width: none;
-//}
-
-// force a vertical scrollbar to prevent a jumpy page
-html
-  overflow-y: scroll
-
-// we use a lot of ULs that aren't bulleted.
-//  don't forget to restore the bullets within content.
-ul
-  list-style: none
-
-blockquote, q
-  quotes: none
-
-blockquote:before,
-blockquote:after,
-q:before,
-q:after
-  content: ''
-  content: none
-
-a
-  margin: 0
-  padding: 0
-  font-size: 100%
-  vertical-align: baseline
-  background: transparent
-
-del
-  text-decoration: line-through
-
-abbr[title], dfn[title]
-  border-bottom: 1px dotted #000
-  cursor: help
-
-// tables still need cellspacing="0" in the markup
-table
-  border-collapse: collapse
-  border-spacing: 0
-
-th
-  font-weight: bold
-  vertical-align: bottom
-
-td
-  font-weight: normal
-  vertical-align: top
-
-hr
-  display: block
-  height: 1px
-  border: 0
-  border-top: 1px solid #ccc
-  margin: 1em 0
-  padding: 0
-
-input, select
-  vertical-align: middle
-
-pre
-  white-space: pre
-  // CSS2
-  white-space: pre-wrap
-  // CSS 2.1
-  white-space: pre-line
-  // CSS 3 (and 2.1 as well, actually)
-  word-wrap: break-word
-  // IE
-
-input[type="radio"]
-  vertical-align: text-bottom
-
-input[type="checkbox"]
-  vertical-align: bottom
-
-select, input, textarea
-  font: 99% sans-serif
-
-table
-  font-size: inherit
-  font: 100%
-
-small
-  font-size: 85%
-
-strong
-  font-weight: bold
-
-td, td img
-  vertical-align: top
-
-// Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930
-sub, sup
-  font-size: 75%
-  line-height: 0
-  position: relative
-
-sup
-  top: -0.5em
-
-sub
-  bottom: -0.25em
-
-// standardize any monospaced elements
-pre, code, kbd, samp
-  font-family: monospace, sans-serif
-
-// hand cursor on clickable elements
-label,
-input[type=button],
-input[type=submit],
-input[type=file],
-button
-  cursor: pointer
-
-// Webkit browsers add a 2px margin outside the chrome of form elements
-button, input, select, textarea
-  margin: 0
-
-// make buttons play nice in IE
-button,
-input[type=button]
-  width: auto
-  overflow: visible

bulma/utilities/utilities.sass

@@ -1,6 +0,0 @@
-@charset "utf-8"
-
-@import "reset"
-@import "functions"
-@import "mixins"
-@import "animations"

docs/.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["es2015-ie"]
+}

docs/.gitignore

@@ -0,0 +1,32 @@
+# Files
+
+.DS_Store
+.jekyll-metadata
+_config.local.yml
+_config.version.yml
+_layouts/basic.html
+_layouts/dev.html
+bulma-test.sass
+bulma-test.scss
+bulma-test.css
+bulma-website-local.sass
+css/bulma-test.css
+css/bulma-docs.css.map
+debug.html
+PUBLISHING.md
+npm-debug.log
+test.html
+test.sass
+test.scss
+
+# Folders
+
+.sass-cache
+/bulma
+/cypress/videos
+/dev
+/icons
+/styles/node_modules
+/versions
+_site
+.jekyll-cache

docs/.prettierignore

@@ -0,0 +1,4 @@
+**/getting-started.html
+**/overview.html
+**/test.html
+modular.html

docs/.prettierrc

@@ -0,0 +1,13 @@
+{
+  "overrides": [
+    {
+      "files": "html",
+      "options": { "parser": "liquid" }
+    },
+    {
+      "files": "scss",
+      "options": { "printWidth": 200 }
+    }
+  ],
+  "plugins": ["@shopify/prettier-plugin-liquid"]
+}

docs/CNAME

@@ -0,0 +1 @@
+bulma.io

docs/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2017 Jeremy Thomas
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

docs/README.md

@@ -0,0 +1,29 @@
+## Building the documentation
+
+The documentation HTML is produced with the Ruby-based `jekyll` tool.
+
+1. Make sure Ruby 2.x is installed.
+2. `gem install jekyll` if `jekyll` is not already installed.
+
+> **Note**: If you are an ```Ubuntu user```, make sure ruby2.x-dev is installed.
+
+## Viewing the documentation locally
+
+To view the documentation on your system locally:
+
+### Setup
+
+1. `cd` into `docs/` directory
+1. Copy the config file, `cp _config.yml _config.local.yml`
+1. Edit `_config.local.yml` and change the `url:` value to `http://localhost:4000`. This local config file will be ignored by git.
+
+### Run Jekyll
+
+1. In a separate shell session, `cd` to the `docs/` directory, and do:
+```
+jekyll serve --incremental --config _config.local.yml
+```
+
+This will start an HTTP server at `http://localhost:4000/` that serves the docs built in the `_site` directory; and anytime the docs are rebuilt by you, it will serve the docs site on the fly. You can also add the `--open-url` option (or its alias `--o`) to automatically open the server URL in your default browser when it's ready.
+
+In your main shell session where you develop, if you change anything in `docs/` the jekyll server will rebuild those on the fly. But if you change anything about the Bulma SASS or CSS, you need to do `npm run start` to build the docs' CSS before you will see it in the browser. The process running `jekyll serve` will pick up the new CSS automatically.

docs/_config.yml

@@ -0,0 +1,21 @@
+# Meta
+
+env: "production"
+docs_file: "website.min"
+
+# Build
+
+markdown: kramdown
+permalink: pretty
+url: https://bulma.io
+exclude:
+  [
+    ".babelrc",
+    "docker-compose.yml",
+    "icons",
+    "node_modules",
+    "package.json",
+    "templates",
+    "website.scss",
+    "yarn.lock",
+  ]

docs/_data/breakpoints.json

@@ -0,0 +1,31 @@
+{
+  "mobile": {
+    "id": "mobile",
+    "name": "Mobile",
+    "from": 0,
+    "to": 768
+  },
+  "tablet": {
+    "id": "tablet",
+    "name": "Tablet",
+    "from": 769,
+    "to": 1023
+  },
+  "desktop": {
+    "id": "desktop",
+    "name": "Desktop",
+    "from": 1024,
+    "to": 1215
+  },
+  "widescreen": {
+    "id": "widescreen",
+    "name": "Widescreen",
+    "from": 1216,
+    "to": 1407
+  },
+  "fullhd": {
+    "id": "fullhd",
+    "name": "FullHD",
+    "from": 1408
+  }
+}

docs/_data/bubbles.json

@@ -0,0 +1,32 @@
+{
+  "axbom": {
+    "name": "Per Axbom",
+    "hue": 339,
+    "content": "The most beautifully written framework I've ever had the pleasure of working with."
+  },
+  "ale_codes": {
+    "name": "Alejandro Barrera A.",
+    "hue": 79,
+    "content": "Bulma CSS by @jgthms is just perfect."
+  },
+  "MyTopSecretName": {
+    "name": "Jamie",
+    "hue": 219,
+    "content": "After 5 minutes I have #bulmaio working. It's a miracle!!!! @jgthms"
+  },
+  "jesseschoff": {
+    "name": "Jesse Schoff",
+    "hue": 299,
+    "content": "Bulma, I think I'm in love."
+  },
+  "infinitysearch": {
+    "name": "Infinity Search",
+    "hue": 129,
+    "content": "We're very happy that @jgthms created the Bulma CSS framework."
+  },
+  "bruhandle": {
+    "name": "Bruh",
+    "hue": 9,
+    "content": "With Bulma, I was able to make each one of my pages on my website’s templates in one single day with no prior knowledge on how to use it."
+  }
+}

docs/_data/colors.json

@@ -0,0 +1,18 @@
+{
+  "lists": ["scheme", "text", "ornament", "code", "link", "status"],
+  "scheme": [
+    "scheme-main",
+    "scheme-main-bis",
+    "scheme-main-ter",
+    "scheme-invert",
+    "scheme-invert-bis",
+    "scheme-invert-ter"
+  ],
+  "text": ["text", "text-invert", "text-light", "text-strong"],
+  "ornament": ["background", "border", "border-light"],
+  "code": ["code", "code-background", "pre", "pre-background"],
+  "link": ["link-visited"],
+  "status": ["text", "link", "primary", "info", "success", "warning", "danger"],
+  "sizes": ["small", "normal", "medium", "large"],
+  "justColors": ["link", "primary", "info", "success", "warning", "danger"]
+}

docs/_data/css-vars.json

@@ -0,0 +1,67 @@
+[
+  "scheme-main",
+  "scheme-main-bis",
+  "scheme-main-ter",
+  "scheme-invert",
+  "scheme-invert-bis",
+  "scheme-invert-ter",
+  "text",
+  "text-invert",
+  "text-light",
+  "text-strong",
+  "background",
+  "border",
+  "border-light",
+  "code",
+  "code-background",
+  "pre",
+  "pre-background",
+  "family-sans-serif",
+  "family-monospace",
+  "size-1",
+  "size-2",
+  "size-3",
+  "size-4",
+  "size-5",
+  "size-6",
+  "size-7",
+  "weight-light",
+  "weight-normal",
+  "weight-medium",
+  "weight-semibold",
+  "weight-bold",
+  "block-spacing",
+  "gap",
+  "easing",
+  "radius-small",
+  "radius",
+  "radius-large",
+  "radius-rounded",
+  "speed",
+  "family-primary",
+  "family-secondary",
+  "family-code",
+  "size-small",
+  "size-normal",
+  "size-medium",
+  "size-large",
+  "shadow",
+  "scheme-main",
+  "scheme-main-bis",
+  "scheme-main-ter",
+  "scheme-invert",
+  "scheme-invert-bis",
+  "scheme-invert-ter",
+  "text",
+  "text-invert",
+  "text-light",
+  "text-strong",
+  "background",
+  "border",
+  "border-light",
+  "code",
+  "code-background",
+  "pre",
+  "pre-background",
+  "link-visited"
+]

docs/_data/expo.json

@@ -0,0 +1,502 @@
+{
+  "by_id": {
+    "mullvad": {
+      "name": "mullvad",
+      "url": "https://mullvad.net/",
+      "highlighted": true,
+      "date": "6 Jan 2021"
+    },
+    "klevgrand": {
+      "name": "klevgrand",
+      "url": "https://klevgrand.com/products/kleverb",
+      "date": "3 June 2022"
+    },
+    "starbucks-concept": {
+      "name": "Starbucks Concept",
+      "url": "https://starbucks-product-single-page.vercel.app/",
+      "date": "1 June 2022"
+    },
+    "signal": {
+      "name": "signal",
+      "url": "https://signal.org/",
+      "highlighted": true,
+      "date": "6 Jan 2021"
+    },
+    "tinystore": {
+      "name": "tinystore",
+      "url": "https://tinystore.app/",
+      "date": "4 June 2021"
+    },
+    "searchcity": {
+      "name": "searchcity",
+      "url": "https://searchcity.app/",
+      "date": "8 Sep 2020"
+    },
+    "romes": {
+      "name": "romes",
+      "url": "https://alt-romes.github.io/romes/",
+      "highlighted": true,
+      "date": "24 Mar 2020"
+    },
+    "pentos": {
+      "name": "Pentos",
+      "url": "https://pentos.co/",
+      "date": "Feb 26 2020"
+    },
+    "infinitysearch": {
+      "name": "Infinity Search",
+      "url": "https://infinitysearch.co/",
+      "date": "18 Mar 2020"
+    },
+    "vinetos": {
+      "name": "Vinetos",
+      "url": "https://www.vinetos.fr/",
+      "date": "9 Mar 2020"
+    },
+    "vivohostel": {
+      "name": "Vivo Hostel",
+      "url": "#",
+      "date": "27 Feb 2020"
+    },
+    "oneprofile": {
+      "name": "oneprofile",
+      "url": "https://www.oneprofile.info/",
+      "highlighted": true,
+      "date": "14 Mar 2020"
+    },
+    "formalfounder": {
+      "name": "formalfounder",
+      "url": "https://www.formalfounder.com/",
+      "date": "13 Feb 2020"
+    },
+    "klimchuk": {
+      "name": "klimchuk",
+      "url": "https://klimchuk.com/",
+      "date": "28 Feb 2020"
+    },
+    "pagespeed": {
+      "name": "pagespeed",
+      "url": "https://pagespeed.green/",
+      "date": "19 Feb 2020"
+    },
+    "rydesignsstuff": {
+      "name": "rydesignsstuff",
+      "url": "https://www.rydesignsstuff.co.uk/",
+      "date": "10 Dec 2019"
+    },
+    "sinuous": {
+      "name": "Sinuous",
+      "url": "https://sinuous.netlify.com/",
+      "date": "21 Sep 2019"
+    },
+    "divjoy": {
+      "name": "Divjoy",
+      "url": "https://divjoy.com/",
+      "highlighted": true,
+      "date": "9 Aug 2019"
+    },
+    "runlet": {
+      "name": "Runlet",
+      "url": "https://runlet.app/",
+      "highlighted": true,
+      "date": "22 Aug 2019"
+    },
+    "spike": {
+      "name": "Spike",
+      "url": "https://spike.sh/",
+      "date": "13 Aug 2019"
+    },
+    "bulmaplay": {
+      "name": "Bulma Play",
+      "url": "https://bulma-css-bulmaplay.appseed.us/",
+      "date": "13 May 2019"
+    },
+    "ftwcoin": {
+      "name": "FTW",
+      "url": "https://next.ftwcoin.io/",
+      "date": "19 June 2019"
+    },
+    "filegator": {
+      "name": "FileGator",
+      "url": "https://demo.filegator.io/",
+      "date": "18 June 2019"
+    },
+    "agilox": {
+      "name": "Agilox",
+      "url": "https://www.agilox.net/",
+      "date": "27 Mar 2019"
+    },
+    "counternetwork": {
+      "name": "Counter Network",
+      "highlighted": true,
+      "url": "https://counter.network/",
+      "date": "28 Mar 2019"
+    },
+    "mynameismirko2018": {
+      "name": "mynameismirko",
+      "url": "http://2018.mynameismirko.it/",
+      "date": "26 Jan 2019"
+    },
+    "pingstack": {
+      "name": "Pingstack",
+      "url": "https://pingstack.io/",
+      "date": "26 Feb 2019"
+    },
+    "pwn": {
+      "name": "pwn",
+      "url": "https://pwn.by/noraj/",
+      "date": "24 Feb 2019"
+    },
+    "saashub": {
+      "name": "SaaSHub",
+      "url": "https://www.saashub.com/",
+      "date": "9 Mar 2019"
+    },
+    "smesummit": {
+      "name": "SME summit",
+      "url": "https://www.smesummit.id/",
+      "date": "20 Mar 2019"
+    },
+    "snipper": {
+      "name": "Snipper App",
+      "highlighted": true,
+      "url": "https://snipper.app/",
+      "date": "25 Mar 2019"
+    },
+    "uncut": {
+      "name": "GreenPeace Uncut",
+      "highlighted": true,
+      "url": "https://uncut.ro/index.en.html",
+      "date": "12 Jan 2019"
+    },
+    "jethromay": {
+      "name": "Jethro May",
+      "url": "https://jethromay.com/",
+      "date": "17 Jan 2019"
+    },
+    "receptionhalls": {
+      "name": "Reception Halls",
+      "url": "https://www.receptionhalls.com/",
+      "date": "17 Dec 2018"
+    },
+    "danielfr": {
+      "name": "Daniel FR",
+      "url": "https://danielfr.com/",
+      "date": "16 Oct 2018"
+    },
+    "faulthero": {
+      "name": "faulthero",
+      "url": "https://www.faulthero.com/",
+      "date": "16 Oct 2018"
+    },
+    "adilmania": {
+      "name": "adilmania",
+      "url": "https://www.adilmania.fr/",
+      "date": "26 Aug 2018"
+    },
+    "mattfarley": {
+      "name": "mattfarley",
+      "highlighted": true,
+      "url": "http://mattfarley.ca/",
+      "date": "1 Aug 2018"
+    },
+    "griko": {
+      "name": "griko",
+      "url": "https://griko.id/",
+      "date": "6 Jul 2018"
+    },
+    "shecodes": {
+      "name": "shecodes",
+      "url": "#",
+      "date": "1 Jun 2018"
+    },
+    "jgthms": {
+      "name": "jgthms",
+      "highlighted": true,
+      "url": "https://jgthms.com/",
+      "date": "29 Jun 2018"
+    },
+    "uigoodies": {
+      "name": "uigoodies",
+      "url": "http://uigoodies.com/",
+      "date": "5 Jul 2018"
+    },
+    "favicon": {
+      "name": "favicon",
+      "url": "https://favicon.io/",
+      "date": "9 Jul 2018"
+    },
+    "whiterabbitexpress": {
+      "name": "whiterabbitexpress",
+      "url": "https://www.whiterabbitexpress.com/",
+      "date": "24 Jun 2018"
+    },
+    "primative": {
+      "name": "primative",
+      "url": "https://www.primative.net/",
+      "date": "5 Jul 2018"
+    },
+    "getbedtimestories": {
+      "name": "getbedtimestories",
+      "highlighted": true,
+      "url": "https://getbedtimestories.com/",
+      "date": "10 Apr 2018"
+    },
+    "mod": {
+      "name": "mod",
+      "url": "https://mod.io/",
+      "date": "8 Jun 2018"
+    },
+    "jobees": {
+      "name": "jobees",
+      "url": "https://jobees.co/",
+      "date": "5 Jul 2018"
+    },
+    "mythril": {
+      "name": "mythril",
+      "url": "https://mythril.io/",
+      "date": "6 Apr 2018"
+    },
+    "immunizationacademy": {
+      "name": "immunizationacademy",
+      "url": "https://www.immunizationacademy.com/",
+      "date": "26 Mar 2018"
+    },
+    "cssninja": {
+      "name": "cssninja",
+      "highlighted": true,
+      "url": "https://cssninja.io/",
+      "date": "7 Mar 2018"
+    },
+    "planhr": {
+      "name": "planhr",
+      "url": "https://planhr.nl/",
+      "date": "20 Mar 2018"
+    },
+    "hodlfund": {
+      "name": "hodlfund",
+      "url": "https://hodlfund.io/",
+      "date": "2 Feb 2018"
+    },
+    "cronhub": {
+      "name": "cronhub",
+      "highlighted": true,
+      "url": "https://cronhub.io/",
+      "date": "20 Mar 2018"
+    },
+    "pollygot": {
+      "name": "pollygot",
+      "url": "https://pollygot.com/",
+      "date": "23 Dec 2017"
+    },
+    "reportz": {
+      "name": "reportz",
+      "url": "https://reportz.io/",
+      "date": "9 Jan 2018"
+    },
+    "mynameismirko": {
+      "name": "mynameismirko",
+      "highlighted": true,
+      "url": "http://2k17.mynameismirko.it/",
+      "date": "25 Dec 2017"
+    },
+    "anyshortcut": {
+      "name": "anyshortcut",
+      "url": "https://anyshortcut.com/",
+      "date": "14 Dec 2017"
+    },
+    "ysimplicity": {
+      "name": "ysimplicity",
+      "url": "https://ysimplicity.com/",
+      "date": "11 Oct 2017"
+    },
+    "bongoutindonesia": {
+      "name": "bongoutindonesia",
+      "url": "https://bongoutindonesia.com/",
+      "date": "1 Oct 2017"
+    },
+    "uploadme": {
+      "name": "uploadme",
+      "url": "https://uploadme.ai/",
+      "date": "24 Sep 2017"
+    },
+    "Gustav": {
+      "name": "Gustav",
+      "highlighted": true,
+      "url": "https://hellogustav.com/",
+      "date": "29 Aug 2017"
+    },
+    "Penmob": {
+      "name": "Penmob",
+      "url": "https://www.penmob.com/",
+      "date": "23 Aug 2017"
+    },
+    "Brújula Turística": {
+      "name": "Brújula Turística",
+      "url": "https://www.brujulaturistica.com/",
+      "date": "3 Aug 2017"
+    },
+    "LottieFiles": {
+      "name": "LottieFiles",
+      "url": "https://www.lottiefiles.com/",
+      "date": "1 Aug 2017"
+    },
+    "Smileonthetiles": {
+      "name": "Smileonthetiles",
+      "url": "https://smileonthetiles.co.uk/",
+      "date": "1 Aug 2017"
+    },
+    "Sketch for Designrs": {
+      "name": "Sketch for Designrs",
+      "highlighted": true,
+      "url": "http://sketch.fordesignrs.com/",
+      "date": "22 Aug 2017"
+    },
+    "Bashful Birdie": {
+      "name": "Bashful Birdie",
+      "url": "http://www.bashfulbirdie.com/",
+      "date": "24 Jul 2017"
+    },
+    "Bugcraft Studio": {
+      "name": "Bugcraft Studio",
+      "url": "https://noggaholic.github.io",
+      "date": "24 Jul 2017"
+    },
+    "Booknshelf": {
+      "name": "Booknshelf",
+      "url": "https://booknshelf.com/",
+      "date": "20 Jul 2017"
+    },
+    "MD5": {
+      "name": "MD5",
+      "url": "https://desforets.github.io/md5/",
+      "date": "24 Jun 2017"
+    },
+    "Driftrock": {
+      "name": "Driftrock",
+      "highlighted": true,
+      "url": "https://www.driftrock.com/",
+      "date": "13 Jul 2017"
+    },
+    "Jubiwee": {
+      "name": "Jubiwee",
+      "url": "https://www.jubiwee.com/fr/",
+      "date": "24 Jun 2017"
+    },
+    "Pragonauts": {
+      "name": "Pragonauts",
+      "url": "http://pragonauts.com/",
+      "date": "23 Jun 2017"
+    },
+    "Kappamon": {
+      "name": "Kappamon",
+      "url": "https://kappamon.com/",
+      "date": "23 Jun 2017"
+    },
+    "Elevo": {
+      "name": "Elevo",
+      "url": "http://www.elevo.fr/",
+      "date": "23 Jun 2017"
+    },
+    "Oneday": {
+      "name": "Oneday",
+      "highlighted": true,
+      "url": "https://www.oneday.design/",
+      "date": "8 Dec 2016"
+    },
+    "Buefy": {
+      "name": "Buefy",
+      "url": "https://buefy.github.io/",
+      "date": "10 Apr 2017"
+    },
+    "Alt Three": {
+      "name": "Alt Three",
+      "url": "https://alt-three.com/",
+      "date": "31 Mar 2016"
+    }
+  },
+  "lists": {
+    "home": ["signal", "getbedtimestories", "counternetwork", "Gustav"],
+    "expo": [
+      "mullvad",
+      "klevgrand",
+      "starbucks-concept",
+      "signal",
+      "tinystore",
+      "searchcity",
+      "vinetos",
+      "infinitysearch",
+      "pentos",
+      "vivohostel",
+      "romes",
+      "formalfounder",
+      "klimchuk",
+      "oneprofile",
+      "pagespeed",
+      "rydesignsstuff",
+      "divjoy",
+      "spike",
+      "ftwcoin",
+      "runlet",
+      "bulmaplay",
+      "filegator",
+      "counternetwork",
+      "sinuous",
+      "agilox",
+      "pingstack",
+      "mynameismirko2018",
+      "pwn",
+      "saashub",
+      "snipper",
+      "smesummit",
+      "jethromay",
+      "uncut",
+      "receptionhalls",
+      "danielfr",
+      "faulthero",
+      "adilmania",
+      "mattfarley",
+      "griko",
+      "shecodes",
+      "jgthms",
+      "uigoodies",
+      "favicon",
+      "whiterabbitexpress",
+      "primative",
+      "getbedtimestories",
+      "mod",
+      "jobees",
+      "mythril",
+      "immunizationacademy",
+      "cssninja",
+      "planhr",
+      "hodlfund",
+      "cronhub",
+      "pollygot",
+      "reportz",
+      "mynameismirko",
+      "anyshortcut",
+      "ysimplicity",
+      "bongoutindonesia",
+      "uploadme",
+      "Gustav",
+      "Penmob",
+      "Brújula Turística",
+      "LottieFiles",
+      "Smileonthetiles",
+      "Sketch for Designrs",
+      "Bashful Birdie",
+      "Bugcraft Studio",
+      "Booknshelf",
+      "MD5",
+      "Driftrock",
+      "Jubiwee",
+      "Pragonauts",
+      "Kappamon",
+      "Elevo",
+      "Oneday",
+      "Buefy",
+      "Alt Three"
+    ]
+  }
+}

docs/_data/icons.json

@@ -0,0 +1,6 @@
+{
+  "fontawesome4": "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css",
+  "fontawesome5": "https://use.fontawesome.com/releases/v5.15.2/js/all.js",
+  "ionicons": "https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css",
+  "mdi": "https://cdn.materialdesignicons.com/2.1.19/css/materialdesignicons.min.css"
+}

docs/_data/links.json

@@ -0,0 +1,877 @@
+{
+  "by_id": {
+    "home": {
+      "name": "Home",
+      "icon": "fa-solid fa-house",
+      "path": "/"
+    },
+    "docs": {
+      "name": "Docs",
+      "long_name": "Documentation",
+      "subtitle": "Everything you need to <strong>create a website</strong> with Bulma",
+      "color": "primary",
+      "icon": "fa-solid fa-book",
+      "path": "/documentation/"
+    },
+    "code": {
+      "name": "Templates",
+      "subtitle": "Bulma templates to get started",
+      "color": "link",
+      "icon": "fa-solid fa-code",
+      "path": "/bulma-templates/"
+    },
+    "blog": {
+      "name": "Bulma Blog",
+      "subtitle": "Stay updated with new features",
+      "color": "rss",
+      "icon": "fa-solid fa-rss",
+      "path": "/blog/"
+    },
+    "expo": {
+      "name": "Expo",
+      "subtitle": "Official Bulma showcase",
+      "icon": "fa-solid fa-star",
+      "color": "expo",
+      "path": "/expo/"
+    },
+    "love": {
+      "name": "Love",
+      "subtitle": "Fans of Bulma around the world",
+      "color": "love",
+      "icon": "fa-solid fa-heart",
+      "path": "/love/"
+    },
+    "github": {
+      "name": "GitHub",
+      "subtitle": "Open Source on GitHub",
+      "icon_only": true,
+      "color": "github",
+      "icon": "fa-brands fa-github-alt fa-lg",
+      "href": "https://github.com/jgthms/bulma"
+    },
+    "twitter": {
+      "name": "Twitter",
+      "subtitle": "Follow me on Twitter",
+      "icon_only": true,
+      "color": "twitter",
+      "icon": "fa-brands fa-twitter fa-lg",
+      "href": "https://twitter.com/jgthms"
+    },
+    "sponsor": {
+      "name": "Sponsor",
+      "subtitle": "Sponsor Bulma and Open Source via <a href=\"https://www.patreon.com/jgthms\" target=\"_blank\">Patreon</a> and <a href=\"https://github.com/sponsors/jgthms\" target=\"_blank\">GitHub</a>",
+      "color": "patreon",
+      "icon": "fa-brands fa-patreon",
+      "path": "/become-a-bulma-sponsor/"
+    },
+    "shop": {
+      "name": "Shop",
+      "subtitle": "The Official Bulma Shop",
+      "color": "success",
+      "icon": "fa-solid fa-store",
+      "path": "/shop/"
+    },
+    "brand": {
+      "name": "Bulma Brand",
+      "subtitle": "The official Bulma logos",
+      "color": "primary",
+      "icon": "fa-solid fa-medal",
+      "path": "/brand/"
+    },
+    "backers": {
+      "id": "backers",
+      "name": "Backers",
+      "title": "Backers",
+      "color": "patreon",
+      "icon": "fa-solid fa-hand-holding-heart",
+      "path": "/backers/",
+      "subtitle": "Everyone who is supporting Bulma via Patreon and GitHub",
+      "description": "Everyone who is supporting Bulma"
+    },
+    "bootstrap": {
+      "name": "Coming from Bootstrap",
+      "subtitle": "See how Bulma is an alternative to Bootstrap",
+      "icon": "fa-solid fa-exchange-alt",
+      "color": "bootstrap",
+      "path": "/alternative-to-bootstrap/"
+    },
+    "extensions": {
+      "name": "Bulma Extensions",
+      "title": "Extensions",
+      "subtitle": "Side projects to enhance Bulma",
+      "icon": "fa-solid fa-plug",
+      "color": "extensions",
+      "path": "/extensions/"
+    },
+    "made-with-bulma": {
+      "name": "Made with Bulma",
+      "title": "Badge",
+      "subtitle": "The official community badge",
+      "icon": "fa-solid fa-certificate",
+      "color": "warning",
+      "path": "/made-with-bulma/"
+    },
+    "patreon-backers": {
+      "name": "Patreon and GitHub backers",
+      "subtitle": "Everyone who is supporting Bulma",
+      "icon": "fa-solid fa-patreon",
+      "color": "patreon",
+      "path": "/backers/"
+    },
+    "start": {
+      "name": "Start",
+      "subtitle": "An overview of what Bulma as a <strong>framework</strong> is all about",
+      "color": "start",
+      "icon": "fa-solid fa-arrow-right",
+      "path": "/documentation/start/"
+    },
+    "start-overview": {
+      "name": "Overview",
+      "subtitle": "You only need <strong>1 CSS file</strong> to use Bulma",
+      "color": "start",
+      "icon": "fa-regular fa-eye",
+      "path": "/documentation/start/overview/"
+    },
+    "start-installation": {
+      "name": "Installation",
+      "subtitle": "Create your <strong>own theme</strong> with a simple set of <strong>variables</strong>",
+      "color": "start",
+      "icon": "fa-solid fa-download",
+      "path": "/documentation/start/installation/"
+    },
+    "start-alternative-versions": {
+      "name": "Alternative Versions",
+      "subtitle": "Use one of the <strong>pre-built</strong> alternative versions of Bulma",
+      "color": "start",
+      "icon": "fa-solid fa-download",
+      "path": "/documentation/start/alternative-versions/"
+    },
+    "start-syntax": {
+      "name": "Syntax",
+      "subtitle": "<strong>How to use</strong> Bulma components and their alternative styles",
+      "color": "start",
+      "icon": "fa-solid fa-code",
+      "path": "/documentation/start/syntax/"
+    },
+    "start-modular": {
+      "name": "Modularity",
+      "subtitle": "Just import what you <strong>need</strong>",
+      "color": "start",
+      "icon": "fa-solid fa-cubes",
+      "path": "/documentation/start/modular/"
+    },
+    "start-responsiveness": {
+      "name": "Responsiveness",
+      "subtitle": "Bulma is a <strong>mobile-first</strong> framework",
+      "color": "start",
+      "icon": "fa-solid fa-arrows-alt-h",
+      "path": "/documentation/start/responsiveness/"
+    },
+    "start-migrating": {
+      "name": "Migrating to v1",
+      "subtitle": "How to <strong>migrate</strong> to Bulma v1",
+      "color": "start",
+      "icon": "fa-solid fa-arrow-up",
+      "path": "/documentation/start/migrating-to-v1/"
+    },
+    "features": {
+      "name": "Features",
+      "subtitle": "What makes Bulma <strong>special</strong>",
+      "color": "danger",
+      "icon": "fa-solid fa-wand-magic-sparkles",
+      "path": "/documentation/features/"
+    },
+    "features-auto-color": {
+      "name": "Automatic Color",
+      "subtitle": "Change the color of your text automatically based on the background",
+      "color": "danger",
+      "icon": "fa-solid fa-droplet",
+      "path": "/documentation/features/auto-color/"
+    },
+    "features-color-palettes": {
+      "name": "Color Palettes",
+      "subtitle": "Input <strong>1 color</strong>, Receive <strong>dozens</strong> of different <strong>shades</strong> for that color",
+      "color": "danger",
+      "icon": "fa-solid fa-swatchbook",
+      "path": "/documentation/features/color-palettes/"
+    },
+    "features-css-variables": {
+      "name": "CSS Variables",
+      "subtitle": "Customizing with <strong>CSS only</strong>",
+      "color": "danger",
+      "icon": "fa-brands fa-css3",
+      "path": "/documentation/features/css-variables/"
+    },
+    "features-dark-mode": {
+      "name": "Dark Mode",
+      "subtitle": "Bulma comes with an <strong>automatic Dark mode</strong>",
+      "color": "danger",
+      "icon": "fa-solid fa-moon",
+      "path": "/documentation/features/dark-mode/"
+    },
+    "features-skeletons": {
+      "name": "Skeletons",
+      "subtitle": "Transform almost any Bulma component into a <strong>skeleton loader</strong>, or use one of the pre-built utility elements",
+      "color": "danger",
+      "icon": "fa-solid fa-spinner",
+      "path": "/documentation/features/skeletons/"
+    },
+    "features-smart-columns": {
+      "name": "Smart Columns",
+      "subtitle": "The <strong>simplest</strong> column system",
+      "color": "danger",
+      "icon": "fa-solid fa-chart-simple fa-flip-vertical",
+      "path": "/documentation/features/smart-columns/"
+    },
+    "features-smart-grid": {
+      "name": "Smart Grid",
+      "subtitle": "A <strong>responsive 2D</strong> CSS Grid",
+      "color": "danger",
+      "icon": "fa-solid fa-grip",
+      "path": "/documentation/features/smart-grid/"
+    },
+    "features-themes": {
+      "name": "Themes",
+      "subtitle": "How Bulma styles its components with <strong>CSS variables</strong>",
+      "color": "danger",
+      "icon": "fa-solid fa-palette",
+      "path": "/documentation/features/themes/"
+    },
+    "sass": {
+      "name": "Sass Utilities",
+      "subtitle": "<strong>Sass tools</strong> used by Bulma and available for you",
+      "color": "primary",
+      "icon": "fa-brands fa-sass",
+      "path": "/documentation/sass/"
+    },
+    "sass-extends": {
+      "name": "Extends",
+      "subtitle": "Sass extends to keep your <strong>CSS code DRY</strong>",
+      "color": "sass",
+      "icon": "fa-solid fa-percentage",
+      "path": "/documentation/sass/extends/"
+    },
+    "sass-form-control-mixins": {
+      "name": "Form Control mixins",
+      "subtitle": "<strong>Mixins</strong> for Bulma's buttons and form controls",
+      "color": "sass",
+      "icon": "fa-regular fa-hand-pointer",
+      "path": "/documentation/sass/form-control-mixins/"
+    },
+    "sass-functions": {
+      "name": "Functions",
+      "subtitle": "<strong>Utility functions</strong> to calculate colors and other values",
+      "color": "orange",
+      "icon": "fa-solid fa-code",
+      "path": "/documentation/sass/functions/"
+    },
+    "sass-mixins": {
+      "name": "Mixins",
+      "subtitle": "Utility mixins for custom elements and other CSS helpers",
+      "color": "sass",
+      "icon": "fa-solid fa-at",
+      "path": "/documentation/sass/mixins/"
+    },
+    "sass-responsive-mixins": {
+      "name": "Responsive mixins",
+      "subtitle": "Mixins that allows you to define different styles for each screen size",
+      "color": "sass",
+      "icon": "fa-solid fa-arrows-alt-h",
+      "path": "/documentation/sass/responsive-mixins/"
+    },
+    "customize": {
+      "name": "Customize",
+      "subtitle": "Create your <strong>own theme</strong> with a simple set of <strong>variables</strong>",
+      "color": "sass",
+      "icon": "fa-solid fa-paint-brush",
+      "path": "/documentation/customize/"
+    },
+    "customize-concepts": {
+      "name": "Concepts",
+      "subtitle": "What makes Bulma <strong>customizable</strong>",
+      "color": "info",
+      "icon": "fa-solid fa-lightbulb",
+      "path": "/documentation/customize/concepts/"
+    },
+    "customize-with-sass": {
+      "name": "With Sass",
+      "subtitle": "Customize Bulma with Sass variables",
+      "color": "sass",
+      "icon": "fa-brands fa-sass",
+      "path": "/documentation/customize/with-sass/"
+    },
+    "customize-with-modular-sass": {
+      "name": "With Modular Sass",
+      "subtitle": "Import <strong>only</strong> what you need and <strong>customize</strong> it",
+      "color": "sass",
+      "icon": "fa-solid fa-cubes",
+      "path": "/documentation/customize/with-modular-sass/"
+    },
+    "customize-with-css-variables": {
+      "name": "With CSS Variables",
+      "subtitle": "See how Bulma uses <strong>Sass variables</strong> to allow easy customization",
+      "color": "grey",
+      "icon": "fa-brands fa-css3",
+      "path": "/documentation/customize/with-css-variables/"
+    },
+    "customize-sass-list": {
+      "name": "List of Sass variables",
+      "subtitle": "All <strong>Sass</strong> variables defined by Bulma",
+      "color": "grey",
+      "icon": "fa-solid fa-list",
+      "path": "/documentation/customize/list-of-sass-variables/"
+    },
+    "library": {
+      "name": "CSS Library",
+      "subtitle": "The core of the Bulma framework",
+      "color": "link",
+      "icon": "fa-solid fa-cubes",
+      "path": "/documentation/library/"
+    },
+    "columns": {
+      "name": "Columns",
+      "subtitle": "The power of <strong>Flexbox</strong> in a simple interface",
+      "color": "link",
+      "icon": "fa-solid fa-columns",
+      "path": "/documentation/columns/"
+    },
+    "columns-basics": {
+      "name": "Basics",
+      "subtitle": "A simple way to build <strong>responsive columns</strong>",
+      "color": "link",
+      "icon": "fa-solid fa-columns",
+      "path": "/documentation/columns/basics/"
+    },
+    "columns-sizes": {
+      "name": "Sizes",
+      "subtitle": "Define the <strong>size</strong> of each column <strong>individually</strong>",
+      "color": "success",
+      "icon": "fa-solid fa-up-right-and-down-left-from-center",
+      "path": "/documentation/columns/sizes/"
+    },
+    "columns-responsiveness": {
+      "name": "Responsiveness",
+      "subtitle": "Handle <strong>different</strong> column layouts for each <strong>breakpoint</strong>",
+      "color": "primary",
+      "icon": "fa-solid fa-arrows-left-right",
+      "path": "/documentation/columns/responsiveness/"
+    },
+    "columns-nesting": {
+      "name": "Nesting",
+      "subtitle": "A simple way to build <strong>responsive columns</strong>",
+      "color": "danger",
+      "icon": "fa-solid fa-sitemap",
+      "path": "/documentation/columns/nesting/"
+    },
+    "columns-gap": {
+      "name": "Gap",
+      "subtitle": "Customize the <strong>gap</strong> between the columns",
+      "color": "info",
+      "icon": "fa-solid fa-arrows-left-right-to-line",
+      "path": "/documentation/columns/gap/"
+    },
+    "columns-options": {
+      "name": "Options",
+      "subtitle": "Design different <strong>types</strong> of column layouts",
+      "color": "grey",
+      "icon": "fa-solid fa-cogs",
+      "path": "/documentation/columns/options/"
+    },
+    "grid": {
+      "name": "Grid",
+      "subtitle": "A <strong>2 dimensional</strong> layout component",
+      "icon": "fa-solid fa-th",
+      "path": "/documentation/grid/"
+    },
+    "grid-smart": {
+      "name": "Smart Grid",
+      "subtitle": "A <strong>smart</strong> 2D grid with <strong>flexible</strong> columns",
+      "icon": "fa-solid fa-lightbulb",
+      "path": "/documentation/grid/smart-grid/"
+    },
+    "grid-fixed": {
+      "name": "Fixed Grid",
+      "subtitle": "A customizable 2D <strong>fixed</strong> grid",
+      "icon": "fa-solid fa-grip",
+      "path": "/documentation/grid/fixed-grid/"
+    },
+    "grid-cells": {
+      "name": "Grid Cells",
+      "subtitle": "Adjust the width and height of each <strong>individual cell</strong>",
+      "icon": "fa-solid fa-square",
+      "path": "/documentation/grid/grid-cells/"
+    },
+    "grid-playground": {
+      "name": "Playground",
+      "subtitle": "<strong>Try out</strong> the Bulma 2D Grid",
+      "icon": "fa-solid fa-code",
+      "path": "/documentation/grid/playground/"
+    },
+    "layout": {
+      "name": "Layout",
+      "subtitle": "Design the <strong>structure</strong> of your webpage with these CSS classes",
+      "color": "success",
+      "icon": "fa-solid fa-border-none",
+      "path": "/documentation/layout/"
+    },
+    "layout-container": {
+      "name": "Container",
+      "subtitle": "A simple <strong>container</strong> to center your content horizontally",
+      "path": "/documentation/layout/container/",
+      "icon": "fa-solid fa-arrows-alt-h"
+    },
+    "layout-level": {
+      "name": "Level",
+      "subtitle": "A multi-purpose <strong>horizontal level</strong>, which can contain almost any other element",
+      "path": "/documentation/layout/level/",
+      "icon": "fa-solid fa-ruler-horizontal"
+    },
+    "layout-media": {
+      "name": "Media Object",
+      "subtitle": "The famous <strong>media object</strong> prevalent in social media interfaces, but useful in any context",
+      "path": "/documentation/layout/media-object/",
+      "icon": "fa-solid fa-th-list"
+    },
+    "layout-hero": {
+      "name": "Hero",
+      "subtitle": "An imposing <strong>hero banner</strong> to showcase something",
+      "path": "/documentation/layout/hero/",
+      "icon": "fa-solid fa-star"
+    },
+    "layout-section": {
+      "name": "Section",
+      "subtitle": "A simple container to divide your page into <strong>sections</strong>, like the one you're currently reading",
+      "path": "/documentation/layout/section/",
+      "icon": "fa-solid fa-square"
+    },
+    "layout-footer": {
+      "name": "Footer",
+      "subtitle": "A simple responsive <strong>footer</strong> which can include anything: lists, headings, columns, icons, buttons, etc.",
+      "path": "/documentation/layout/footer/",
+      "icon": "fa-solid fa-window-minimize"
+    },
+    "form": {
+      "name": "Form",
+      "subtitle": "The indispensable <strong>form controls</strong>, designed for maximum clarity",
+      "color": "link",
+      "icon": "fa-solid fa-align-left fa-flip-vertical",
+      "path": "/documentation/form/"
+    },
+    "form-general": {
+      "name": "General",
+      "subtitle": "All generic <strong>form controls</strong>, designed for consistency",
+      "color": "link",
+      "icon": "fa-solid fa-keyboard",
+      "path": "/documentation/form/general/"
+    },
+    "form-input": {
+      "name": "Input",
+      "subtitle": "The <strong>text input</strong> and its variations",
+      "color": "link",
+      "icon": "fa-solid fa-minus",
+      "path": "/documentation/form/input/"
+    },
+    "form-textarea": {
+      "name": "Textarea",
+      "subtitle": "The multiline <strong>textarea</strong> and its variations",
+      "color": "link",
+      "icon": "fa-solid fa-square",
+      "path": "/documentation/form/textarea/"
+    },
+    "form-select": {
+      "name": "Select",
+      "subtitle": "The browser built-in <strong>select dropdown</strong>, styled accordingly",
+      "color": "link",
+      "icon": "fa-solid fa-mouse-pointer",
+      "path": "/documentation/form/select/"
+    },
+    "form-checkbox": {
+      "name": "Checkbox",
+      "subtitle": "The 2-state <strong>checkbox</strong> in its native format",
+      "color": "link",
+      "icon": "fa-solid fa-check-square",
+      "path": "/documentation/form/checkbox/"
+    },
+    "form-radio": {
+      "name": "Radio",
+      "subtitle": "The mutually exclusive <strong>radio buttons</strong> in their native format",
+      "color": "link",
+      "icon": "fa-solid fa-dot-circle",
+      "path": "/documentation/form/radio/"
+    },
+    "form-file": {
+      "name": "File",
+      "subtitle": "A custom <strong>file upload</strong> input, without JavaScript",
+      "color": "link",
+      "icon": "fa-solid fa-cloud-upload-alt",
+      "path": "/documentation/form/file/"
+    },
+    "elements": {
+      "name": "Elements",
+      "subtitle": "Essential interface elements that only require a <strong>single CSS class</strong>",
+      "color": "orange",
+      "icon": "fa-solid fa-cube",
+      "path": "/documentation/elements/"
+    },
+    "elements-block": {
+      "name": "Block",
+      "subtitle": "Bulma's most basic spacer <strong>block</strong>",
+      "color": "grey",
+      "icon": "fa-solid fa-arrows-alt-v",
+      "path": "/documentation/elements/block/"
+    },
+    "elements-box": {
+      "name": "Box",
+      "subtitle": "A white <strong>box</strong> to contain other elements",
+      "color": "grey",
+      "icon": "fa-solid fa-square",
+      "path": "/documentation/elements/box/"
+    },
+    "elements-button": {
+      "name": "Button",
+      "subtitle": "The classic <strong>button</strong>, in different colors, sizes, and states",
+      "color": "success",
+      "icon": "fa-solid fa-hand-pointer",
+      "path": "/documentation/elements/button/"
+    },
+    "elements-content": {
+      "name": "Content",
+      "subtitle": "A single class to handle <strong>WYSIWYG</strong> generated content, where only <strong>HTML tags</strong> are available",
+      "color": "primary",
+      "icon": "fa-solid fa-align-left",
+      "path": "/documentation/elements/content/"
+    },
+    "elements-delete": {
+      "name": "Delete",
+      "subtitle": "A versatile <strong>delete</strong> cross",
+      "color": "danger",
+      "icon": "fa-solid fa-times-circle",
+      "path": "/documentation/elements/delete/"
+    },
+    "elements-icon": {
+      "name": "Icon",
+      "subtitle": "Compatible with all icon font libraries, including <strong>Font Awesome 5</strong>",
+      "icon": "fa-solid fa-font-awesome",
+      "path": "/documentation/elements/icon/"
+    },
+    "elements-image": {
+      "name": "Image",
+      "subtitle": "A container for <strong>responsive images</strong>",
+      "color": "sass",
+      "icon": "fa-solid fa-image",
+      "path": "/documentation/elements/image/"
+    },
+    "elements-notification": {
+      "name": "Notification",
+      "subtitle": "Bold <strong>notification</strong> blocks, to alert your users of something",
+      "color": "orange",
+      "icon": "fa-solid fa-exclamation-triangle",
+      "path": "/documentation/elements/notification/"
+    },
+    "elements-progress": {
+      "name": "Progress bars",
+      "subtitle": "Native HTML <strong>progress</strong> bars",
+      "color": "warning",
+      "icon": "fa-solid fa-spinner",
+      "path": "/documentation/elements/progress/"
+    },
+    "elements-table": {
+      "name": "Table",
+      "subtitle": "The inevitable HTML <strong>table</strong>, with special case cells",
+      "color": "info",
+      "icon": "fa-solid fa-table",
+      "path": "/documentation/elements/table/"
+    },
+    "elements-tag": {
+      "name": "Tag",
+      "subtitle": "Small <strong>tag labels</strong> to insert anywhere",
+      "color": "success",
+      "icon": "fa-solid fa-tag",
+      "path": "/documentation/elements/tag/"
+    },
+    "elements-title": {
+      "name": "Title",
+      "subtitle": "Simple <strong>headings</strong> to add depth to your page",
+      "color": "black",
+      "icon": "fa-solid fa-heading",
+      "path": "/documentation/elements/title/"
+    },
+    "components": {
+      "name": "Components",
+      "subtitle": "Advanced multi-part components with lots of possibilities",
+      "color": "danger",
+      "icon": "fa-solid fa-cubes",
+      "path": "/documentation/components/"
+    },
+    "components-breadcrumb": {
+      "name": "Breadcrumb",
+      "subtitle": "A simple <strong>breadcrumb</strong> component to improve your navigation experience",
+      "color": "star",
+      "icon": "fa-solid fa-ellipsis-h",
+      "path": "/documentation/components/breadcrumb/"
+    },
+    "components-card": {
+      "name": "Card",
+      "subtitle": "An all-around flexible and composable component",
+      "color": "success",
+      "icon": "fa-solid fa-id-card",
+      "path": "/documentation/components/card/"
+    },
+    "components-dropdown": {
+      "name": "Dropdown",
+      "subtitle": "An interactive <strong>dropdown menu</strong> for discoverable content",
+      "color": "success",
+      "icon": "fa-solid fa-angle-down",
+      "path": "/documentation/components/dropdown/"
+    },
+    "components-menu": {
+      "name": "Menu",
+      "subtitle": "A simple <strong>menu</strong>, for any type of vertical navigation",
+      "icon": "fa-solid fa-bars",
+      "path": "/documentation/components/menu/"
+    },
+    "components-message": {
+      "name": "Message",
+      "subtitle": "Colored <strong>message</strong> blocks, to emphasize part of your page",
+      "color": "info",
+      "icon": "fa-solid fa-window-maximize",
+      "path": "/documentation/components/message/"
+    },
+    "components-modal": {
+      "name": "Modal",
+      "subtitle": "A classic <strong>modal</strong> overlay, in which you can include <em>any</em> content you want",
+      "color": "danger",
+      "icon": "fa-solid fa-clone",
+      "path": "/documentation/components/modal/"
+    },
+    "components-navbar": {
+      "name": "Navbar",
+      "subtitle": "A responsive horizontal <strong>navbar</strong> that can support images, links, buttons, and dropdowns",
+      "color": "primary",
+      "icon": "fa-solid fa-minus",
+      "path": "/documentation/components/navbar/"
+    },
+    "components-pagination": {
+      "name": "Pagination",
+      "subtitle": "A responsive, usable, and flexible <strong>pagination</strong>",
+      "color": "orange",
+      "icon": "fa-solid fa-caret-square-right",
+      "path": "/documentation/components/pagination/"
+    },
+    "components-panel": {
+      "name": "Panel",
+      "subtitle": "A composable <strong>panel</strong>, for compact controls",
+      "color": "grey-dark",
+      "icon": "fa-solid fa-list-alt",
+      "path": "/documentation/components/panel/"
+    },
+    "components-tabs": {
+      "name": "Tabs",
+      "subtitle": "Simple responsive horizontal navigation <strong>tabs</strong>, with different styles",
+      "color": "sass",
+      "icon": "fa-solid fa-folder",
+      "path": "/documentation/components/tabs/"
+    },
+    "skeletons": {
+      "name": "Skeletons",
+      "subtitle": "Design the <strong>structure</strong> of your webpage with these CSS classes",
+      "color": "success",
+      "icon": "fa-solid fa-border-none",
+      "path": "/documentation/skeletons/"
+    },
+    "helpers": {
+      "name": "Helpers",
+      "subtitle": "Apply <strong>helper classes</strong> to almost any element, in order to alter their style",
+      "color": "success",
+      "icon": "fa-brands fa-css3",
+      "path": "/documentation/helpers/"
+    },
+    "helpers-color": {
+      "name": "Color",
+      "subtitle": "Change the <strong>color</strong> of the text and/or background",
+      "color": "success",
+      "icon": "fa-solid fa-tint",
+      "path": "/documentation/helpers/color-helpers/"
+    },
+    "helpers-palette": {
+      "name": "Color Palette",
+      "subtitle": "Use a color's <strong>palette</strong> as text color and/or background",
+      "color": "success",
+      "icon": "fa-solid fa-swatchbook",
+      "path": "/documentation/helpers/palette-helpers/"
+    },
+    "helpers-css-grid": {
+      "name": "CSS Grid",
+      "subtitle": "Change the <strong>color</strong> of the text and/or background",
+      "color": "success",
+      "icon": "fa-solid fa-grip",
+      "path": "/documentation/helpers/css-grid-helpers/"
+    },
+    "helpers-flexbox": {
+      "name": "Flexbox",
+      "subtitle": "Helpers for all <strong>Flexbox</strong> properties",
+      "color": "success",
+      "icon": "fa-regular fa-square",
+      "path": "/documentation/helpers/flexbox-helpers/"
+    },
+    "helpers-positioning": {
+      "name": "Positioning",
+      "subtitle": "Change the <strong>size</strong> and <strong>color</strong> of the text for one or multiple viewport width",
+      "color": "success-dark",
+      "icon": "fa-solid fa-mouse-pointer",
+      "path": "/documentation/helpers/spacing-helpers/"
+    },
+    "helpers-sizing": {
+      "name": "Sizing",
+      "subtitle": "Change the <strong>size</strong> and <strong>color</strong> of the text for one or multiple viewport width",
+      "color": "success-dark",
+      "icon": "fa-solid fa-expand-arrows-alt",
+      "path": "/documentation/helpers/spacing-helpers/"
+    },
+    "helpers-spacing": {
+      "name": "Spacing",
+      "subtitle": "Change the <strong>size</strong> and <strong>color</strong> of the text for one or multiple viewport width",
+      "color": "success-dark",
+      "icon": "fa-solid fa-arrows-alt-h",
+      "path": "/documentation/helpers/spacing-helpers/"
+    },
+    "helpers-typography": {
+      "name": "Typography",
+      "subtitle": "Change the <strong>size</strong>, weight, and other font properties of the text",
+      "color": "success",
+      "icon": "fa-solid fa-font",
+      "path": "/documentation/helpers/typography-helpers/"
+    },
+    "helpers-visibility": {
+      "name": "Visibility",
+      "subtitle": "<strong>Show/hide content</strong> depending on the width of the viewport",
+      "color": "success",
+      "icon": "fa-regular fa-eye",
+      "path": "/documentation/helpers/visibility-helpers/"
+    },
+    "helpers-other": {
+      "name": "Other",
+      "subtitle": "Other useful Bulma helpers",
+      "color": "success",
+      "icon": "fa-solid fa-ellipsis-h",
+      "path": "/documentation/helpers/other-helpers/"
+    }
+  },
+  "navbar": ["docs", "expo", "love", "sponsor"],
+  "navbar_icons": ["github", "twitter"],
+  "navbar_more": ["made-with-bulma", "backers", "brand", "extensions"],
+  "category_ids": [
+    "start",
+    "features",
+    "sass",
+    "customize",
+    "library",
+    "helpers"
+  ],
+  "pagination_category_ids": [
+    "start",
+    "features",
+    "sass",
+    "customize",
+    "elements",
+    "components",
+    "form",
+    "columns",
+    "grid",
+    "layout",
+    "helpers"
+  ],
+  "categories": {
+    "start": [
+      "start-overview",
+      "start-installation",
+      "start-alternative-versions",
+      "start-syntax",
+      "start-modular",
+      "start-responsiveness",
+      "start-migrating"
+    ],
+    "features": [
+      "features-css-variables",
+      "features-themes",
+      "features-dark-mode",
+      "features-color-palettes",
+      "features-skeletons"
+    ],
+    "sass": [
+      "sass-mixins",
+      "sass-responsive-mixins",
+      "sass-form-control-mixins",
+      "sass-extends"
+    ],
+    "customize": [
+      "customize-concepts",
+      "customize-with-sass",
+      "customize-with-modular-sass",
+      "customize-with-css-variables",
+      "customize-sass-list"
+    ],
+    "library": ["columns", "grid", "elements", "components", "form", "layout"],
+    "columns": [
+      "columns-basics",
+      "columns-sizes",
+      "columns-responsiveness",
+      "columns-nesting",
+      "columns-gap",
+      "columns-options"
+    ],
+    "grid": ["grid-smart", "grid-fixed", "grid-cells", "grid-playground"],
+    "elements": [
+      "elements-block",
+      "elements-box",
+      "elements-button",
+      "elements-content",
+      "elements-delete",
+      "elements-icon",
+      "elements-image",
+      "elements-notification",
+      "elements-progress",
+      "elements-table",
+      "elements-tag",
+      "elements-title"
+    ],
+    "components": [
+      "components-breadcrumb",
+      "components-card",
+      "components-dropdown",
+      "components-menu",
+      "components-message",
+      "components-modal",
+      "components-navbar",
+      "components-pagination",
+      "components-panel",
+      "components-tabs"
+    ],
+    "form": [
+      "form-general",
+      "form-input",
+      "form-textarea",
+      "form-select",
+      "form-checkbox",
+      "form-radio",
+      "form-file"
+    ],
+    "layout": [
+      "layout-container",
+      "layout-hero",
+      "layout-section",
+      "layout-level",
+      "layout-media",
+      "layout-footer"
+    ],
+    "helpers": [
+      "helpers-color",
+      "helpers-palette",
+      "helpers-spacing",
+      "helpers-typography",
+      "helpers-visibility",
+      "helpers-flexbox",
+      "helpers-other"
+    ]
+  }
+}

docs/_data/meta.json

@@ -0,0 +1,22 @@
+{
+  "title": "Bulma: Free, open source, and modern CSS framework based on Flexbox",
+  "description": "Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.",
+  "documentation": "/documentation",
+  "download": "https://github.com/jgthms/bulma/releases/download/1.0.2/bulma-1.0.2.zip",
+  "release_notes": "https://github.com/jgthms/bulma/releases/tag/1.0.2",
+  "github": "https://github.com/jgthms/bulma",
+  "twitter": "https://twitter.com/jgthms",
+  "version": "1.0.2",
+  "book_url": "https://bleedingedgepress.com/creating-interfaces-bulma/",
+  "book_amazon": "https://www.amazon.com/Creating-Interfaces-Bulma-Jeremy-Thomas-ebook/dp/B079M1BJG4/",
+  "book_sample": "http://www.bleedingedgepress.com/book_excerpts/01E9D1/creating_interfaces_with_bulma_sample.pdf",
+  "scrimba_url": "https://scrimba.com/learn/bulma",
+  "patreon_url": "https://www.patreon.com/jgthms",
+  "sponsorship_url": "https://github.com/sponsors/jgthms",
+  "npm": "https://www.npmjs.com/package/bulma",
+  "git_ssh": "git clone git@github.com:jgthms/bulma.git",
+  "git_https": "git clone https://github.com/jgthms/bulma.git",
+  "git_cli": "gh repo clone jgthms/bulma",
+  "jsdelivr": "https://www.jsdelivr.com/package/npm/bulma",
+  "cdnjs": "https://cdnjs.com/libraries/bulma"
+}

docs/_data/palette.json

@@ -0,0 +1,29 @@
+[
+  "",
+  "-00",
+  "-05",
+  "-10",
+  "-15",
+  "-20",
+  "-25",
+  "-30",
+  "-35",
+  "-40",
+  "-45",
+  "-50",
+  "-55",
+  "-60",
+  "-65",
+  "-70",
+  "-75",
+  "-80",
+  "-85",
+  "-90",
+  "-95",
+  "-100",
+  "-light",
+  "-dark",
+  "-soft",
+  "-bold",
+  "-on-scheme"
+]

docs/_data/sizes-list.json

@@ -0,0 +1,30 @@
+[
+  {
+    "name": "size-1",
+    "value": "3rem"
+  },
+  {
+    "name": "size-2",
+    "value": "2.5rem"
+  },
+  {
+    "name": "size-3",
+    "value": "2rem"
+  },
+  {
+    "name": "size-4",
+    "value": "1.5rem"
+  },
+  {
+    "name": "size-5",
+    "value": "1.25rem"
+  },
+  {
+    "name": "size-6",
+    "value": "1rem"
+  },
+  {
+    "name": "size-7",
+    "value": "0.75rem"
+  }
+]

docs/_data/sizes.json

@@ -0,0 +1 @@
+["small", "normal", "medium", "large"]

docs/_data/sponsors.json

@@ -0,0 +1,12 @@
+{
+  "by_id": {
+    "slotsandluck": {
+      "name": "slotsandluck",
+      "url": "https://www.slotsandluck.com/",
+      "title": "SLots&Luck",
+      "width": "112",
+      "height": "48"
+    }
+  },
+  "footer": ["slotsandluck"]
+}

docs/_data/tiers.json

@@ -0,0 +1,30 @@
+[
+  {
+    "amount": 1,
+    "message": "Thank you for supporting Bulma and open source!"
+  },
+  {
+    "amount": 10,
+    "message": "Your name will be put on the Bulma website's backers page, and in `backers.md` in the Bulma repository."
+  },
+  {
+    "amount": 30,
+    "message": "Your name will be put at the **top** of the Bulma website's backers page, and at the top of `backers.md` in the Bulma repository."
+  },
+  {
+    "amount": 100,
+    "message": "Your name or company logo will appear on the Bulma **homepage**."
+  },
+  {
+    "amount": 200,
+    "message": "Two of your names or company logos will appear on the Bulma **homepage**."
+  },
+  {
+    "amount": 300,
+    "message": "Your name or company logo will appear on the Bulma **homepage** and in the footer of **each page** of the website."
+  },
+  {
+    "amount": 500,
+    "message": "Your name or company logo will appear on the Bulma **documentation sidebar**."
+  }
+]

docs/_data/variables/base/animations.json

@@ -0,0 +1,4 @@
+{
+  "sass-vars": [],
+  "css-vars": []
+}

docs/_data/variables/base/generic.json

@@ -0,0 +1,222 @@
+{
+  "sass-vars": [
+    {
+      "name": "body-background-color",
+      "value": "var(--bulma-scheme-main)",
+      "css-var": "body-background-color"
+    },
+    {
+      "name": "body-size",
+      "value": "1em",
+      "css-var": "body-size"
+    },
+    {
+      "name": "body-min-width",
+      "value": "300px",
+      "css-var": "body-min-width"
+    },
+    {
+      "name": "body-rendering",
+      "value": "optimizeLegibility",
+      "css-var": "body-rendering"
+    },
+    {
+      "name": "body-family",
+      "value": "var(--bulma-family-primary)",
+      "css-var": "body-family"
+    },
+    {
+      "name": "body-overflow-x",
+      "value": "hidden",
+      "css-var": "body-overflow-x"
+    },
+    {
+      "name": "body-overflow-y",
+      "value": "scroll",
+      "css-var": "body-overflow-y"
+    },
+    {
+      "name": "body-color",
+      "value": "var(--bulma-text)",
+      "css-var": "body-color"
+    },
+    {
+      "name": "body-font-size",
+      "value": "1em",
+      "css-var": "body-font-size"
+    },
+    {
+      "name": "body-weight",
+      "value": "var(--bulma-weight-normal)",
+      "css-var": "body-weight"
+    },
+    {
+      "name": "body-line-height",
+      "value": "1.5",
+      "css-var": "body-line-height"
+    },
+    {
+      "name": "code-family",
+      "value": "var(--bulma-family-code)",
+      "css-var": "code-family"
+    },
+    {
+      "name": "code-padding",
+      "value": "0.25em 0.5em 0.25em",
+      "css-var": "code-padding"
+    },
+    {
+      "name": "code-weight",
+      "value": "normal",
+      "css-var": "code-weight"
+    },
+    {
+      "name": "code-size",
+      "value": "0.875em",
+      "css-var": "code-size"
+    },
+    {
+      "name": "small-font-size",
+      "value": "0.875em",
+      "css-var": "small-font-size"
+    },
+    {
+      "name": "hr-background-color",
+      "value": "var(--bulma-background)",
+      "css-var": "hr-background-color"
+    },
+    {
+      "name": "hr-height",
+      "value": "2px",
+      "css-var": "hr-height"
+    },
+    {
+      "name": "hr-margin",
+      "value": "1.5rem 0",
+      "css-var": "hr-margin"
+    },
+    {
+      "name": "strong-color",
+      "value": "var(--bulma-text-strong)",
+      "css-var": "strong-color"
+    },
+    {
+      "name": "strong-weight",
+      "value": "var(--bulma-weight-semibold)",
+      "css-var": "strong-weight"
+    },
+    {
+      "name": "pre-font-size",
+      "value": "0.875em",
+      "css-var": "pre-font-size"
+    },
+    {
+      "name": "pre-padding",
+      "value": "1.25rem 1.5rem",
+      "css-var": "pre-padding"
+    },
+    {
+      "name": "pre-code-font-size",
+      "value": "1em",
+      "css-var": "pre-code-font-size"
+    }
+  ],
+  "css-vars": [
+    {
+      "name": "body-background-color",
+      "value": "var(--bulma-scheme-main)"
+    },
+    {
+      "name": "body-size",
+      "value": "1em"
+    },
+    {
+      "name": "body-min-width",
+      "value": "300px"
+    },
+    {
+      "name": "body-rendering",
+      "value": "optimizeLegibility"
+    },
+    {
+      "name": "body-family",
+      "value": "var(--bulma-family-primary)"
+    },
+    {
+      "name": "body-overflow-x",
+      "value": "hidden"
+    },
+    {
+      "name": "body-overflow-y",
+      "value": "scroll"
+    },
+    {
+      "name": "body-color",
+      "value": "var(--bulma-text)"
+    },
+    {
+      "name": "body-font-size",
+      "value": "1em"
+    },
+    {
+      "name": "body-weight",
+      "value": "var(--bulma-weight-normal)"
+    },
+    {
+      "name": "body-line-height",
+      "value": "1.5"
+    },
+    {
+      "name": "code-family",
+      "value": "var(--bulma-family-code)"
+    },
+    {
+      "name": "code-padding",
+      "value": "0.25em 0.5em 0.25em"
+    },
+    {
+      "name": "code-weight",
+      "value": "normal"
+    },
+    {
+      "name": "code-size",
+      "value": "0.875em"
+    },
+    {
+      "name": "small-font-size",
+      "value": "0.875em"
+    },
+    {
+      "name": "hr-background-color",
+      "value": "var(--bulma-background)"
+    },
+    {
+      "name": "hr-height",
+      "value": "2px"
+    },
+    {
+      "name": "hr-margin",
+      "value": "1.5rem 0"
+    },
+    {
+      "name": "strong-color",
+      "value": "var(--bulma-text-strong)"
+    },
+    {
+      "name": "strong-weight",
+      "value": "var(--bulma-weight-semibold)"
+    },
+    {
+      "name": "pre-font-size",
+      "value": "0.875em"
+    },
+    {
+      "name": "pre-padding",
+      "value": "1.25rem 1.5rem"
+    },
+    {
+      "name": "pre-code-font-size",
+      "value": "1em"
+    }
+  ]
+}

docs/_data/variables/base/minireset.json

@@ -0,0 +1,4 @@
+{
+  "sass-vars": [],
+  "css-vars": []
+}

docs/_data/variables/base/skeleton.json

@@ -0,0 +1,51 @@
+{
+  "sass-vars": [
+    {
+      "name": "skeleton-background",
+      "value": "var(--bulma-border)",
+      "css-var": "skeleton-background"
+    },
+    {
+      "name": "skeleton-radius",
+      "value": "var(--bulma-radius-small)",
+      "css-var": "skeleton-radius"
+    },
+    {
+      "name": "skeleton-block-min-height",
+      "value": "4.5em",
+      "css-var": "skeleton-block-min-height"
+    },
+    {
+      "name": "skeleton-lines-gap",
+      "value": "0.75em",
+      "css-var": "skeleton-lines-gap"
+    },
+    {
+      "name": "skeleton-line-height",
+      "value": "0.75em",
+      "css-var": "skeleton-line-height"
+    }
+  ],
+  "css-vars": [
+    {
+      "name": "skeleton-background",
+      "value": "var(--bulma-border)"
+    },
+    {
+      "name": "skeleton-radius",
+      "value": "var(--bulma-radius-small)"
+    },
+    {
+      "name": "skeleton-block-min-height",
+      "value": "4.5em"
+    },
+    {
+      "name": "skeleton-lines-gap",
+      "value": "0.75em"
+    },
+    {
+      "name": "skeleton-line-height",
+      "value": "0.75em"
+    }
+  ]
+}

docs/_data/variables/components/breadcrumb.json

@@ -0,0 +1,60 @@
+{
+  "sass-vars": [
+    {
+      "name": "breadcrumb-item-color",
+      "value": "var(--bulma-link-text)",
+      "css-var": "breadcrumb-item-color"
+    },
+    {
+      "name": "breadcrumb-item-hover-color",
+      "value": "var(--bulma-link-text-hover)",
+      "css-var": "breadcrumb-item-hover-color"
+    },
+    {
+      "name": "breadcrumb-item-active-color",
+      "value": "var(--bulma-link-text-active)",
+      "css-var": "breadcrumb-item-active-color"
+    },
+    {
+      "name": "breadcrumb-item-padding-vertical",
+      "value": "0",
+      "css-var": "breadcrumb-item-padding-vertical"
+    },
+    {
+      "name": "breadcrumb-item-padding-horizontal",
+      "value": "0.75em",
+      "css-var": "breadcrumb-item-padding-horizontal"
+    },
+    {
+      "name": "breadcrumb-item-separator-color",
+      "value": "var(--bulma-border)",
+      "css-var": "breadcrumb-item-separator-color"
+    }
+  ],
+  "css-vars": [
+    {
+      "name": "breadcrumb-item-color",
+      "value": "var(--bulma-link-text)"
+    },
+    {
+      "name": "breadcrumb-item-hover-color",
+      "value": "var(--bulma-link-text-hover)"
+    },
+    {
+      "name": "breadcrumb-item-active-color",
+      "value": "var(--bulma-link-text-active)"
+    },
+    {
+      "name": "breadcrumb-item-padding-vertical",
+      "value": "0"
+    },
+    {
+      "name": "breadcrumb-item-padding-horizontal",
+      "value": "0.75em"
+    },
+    {
+      "name": "breadcrumb-item-separator-color",
+      "value": "var(--bulma-border)"
+    }
+  ]
+}

docs/_data/variables/components/card.json

@@ -0,0 +1,141 @@
+{
+  "sass-vars": [
+    {
+      "name": "card-color",
+      "value": "var(--bulma-text)",
+      "css-var": "card-color"
+    },
+    {
+      "name": "card-background-color",
+      "value": "var(--bulma-scheme-main)",
+      "css-var": "card-background-color"
+    },
+    {
+      "name": "card-shadow",
+      "value": "var(--bulma-shadow)",
+      "css-var": "card-shadow"
+    },
+    {
+      "name": "card-radius",
+      "value": "0.75rem",
+      "css-var": "card-radius"
+    },
+    {
+      "name": "card-header-background-color",
+      "value": "transparent",
+      "css-var": "card-header-background-color"
+    },
+    {
+      "name": "card-header-color",
+      "value": "var(--bulma-text-strong)",
+      "css-var": "card-header-color"
+    },
+    {
+      "name": "card-header-padding",
+      "value": "0.75rem 1rem",
+      "css-var": "card-header-padding"
+    },
+    {
+      "name": "card-header-shadow",
+      "value": "0 0.125em 0.25em hsla(\n  var(--bulma-scheme-h),\n  var(--bulma-scheme-s),\n  var(--bulma-scheme-invert-l),\n  0.1\n)",
+      "css-var": "card-header-shadow"
+    },
+    {
+      "name": "card-header-weight",
+      "value": "var(--bulma-weight-bold)",
+      "css-var": "card-header-weight"
+    },
+    {
+      "name": "card-content-background-color",
+      "value": "transparent",
+      "css-var": "card-content-background-color"
+    },
+    {
+      "name": "card-content-padding",
+      "value": "1.5rem",
+      "css-var": "card-content-padding"
+    },
+    {
+      "name": "card-footer-background-color",
+      "value": "transparent",
+      "css-var": "card-footer-background-color"
+    },
+    {
+      "name": "card-footer-border-top",
+      "value": "1px solid var(--bulma-border-weak)",
+      "css-var": "card-footer-border-top"
+    },
+    {
+      "name": "card-footer-padding",
+      "value": "0.75rem",
+      "css-var": "card-footer-padding"
+    },
+    {
+      "name": "card-media-margin",
+      "value": "var(--bulma-block-spacing)",
+      "css-var": "card-media-margin"
+    }
+  ],
+  "css-vars": [
+    {
+      "name": "card-color",
+      "value": "var(--bulma-text)"
+    },
+    {
+      "name": "card-background-color",
+      "value": "var(--bulma-scheme-main)"
+    },
+    {
+      "name": "card-shadow",
+      "value": "var(--bulma-shadow)"
+    },
+    {
+      "name": "card-radius",
+      "value": "0.75rem"
+    },
+    {
+      "name": "card-header-background-color",
+      "value": "transparent"
+    },
+    {
+      "name": "card-header-color",
+      "value": "var(--bulma-text-strong)"
+    },
+    {
+      "name": "card-header-padding",
+      "value": "0.75rem 1rem"
+    },
+    {
+      "name": "card-header-shadow",
+      "value": "0 0.125em 0.25em\n  hsla(\n    var(--bulma-scheme-h),\n    var(--bulma-scheme-s),\n    var(--bulma-scheme-invert-l),\n    0.1\n  )"
+    },
+    {
+      "name": "card-header-weight",
+      "value": "var(--bulma-weight-bold)"
+    },
+    {
+      "name": "card-content-background-color",
+      "value": "transparent"
+    },
+    {
+      "name": "card-content-padding",
+      "value": "1.5rem"
+    },
+    {
+      "name": "card-footer-background-color",
+      "value": "transparent"
+    },
+    {
+      "name": "card-footer-border-top",
+      "value": "1px solid var(--bulma-border-weak)"
+    },
+    {
+      "name": "card-footer-padding",
+      "value": "0.75rem"
+    },
+    {
+      "name": "card-media-margin",
+      "value": "var(--bulma-block-spacing)"
+    }
+  ]
+}

docs/_data/variables/components/dropdown.json

@@ -0,0 +1,139 @@
+{
+  "sass-vars": [
+    {
+      "name": "dropdown-menu-min-width",
+      "value": "12rem",
+      "css-var": "dropdown-menu-min-width"
+    },
+    {
+      "name": "dropdown-content-background-color",
+      "value": "var(--bulma-scheme-main)",
+      "css-var": "dropdown-content-background-color"
+    },
+    {
+      "name": "dropdown-content-offset",
+      "value": "0.25rem",
+      "css-var": "dropdown-content-offset"
+    },
+    {
+      "name": "dropdown-content-padding-bottom",
+      "value": "0.5rem",
+      "css-var": "dropdown-content-padding-bottom"
+    },
+    {
+      "name": "dropdown-content-padding-top",
+      "value": "0.5rem",
+      "css-var": "dropdown-content-padding-top"
+    },
+    {
+      "name": "dropdown-content-radius",
+      "value": "var(--bulma-radius)",
+      "css-var": "dropdown-content-radius"
+    },
+    {
+      "name": "dropdown-content-shadow",
+      "value": "var(--bulma-shadow)",
+      "css-var": "dropdown-content-shadow"
+    },
+    {
+      "name": "dropdown-content-z",
+      "value": "20",
+      "css-var": "dropdown-content-z"
+    },
+    {
+      "name": "dropdown-divider-background-color",
+      "value": "var(--bulma-border-weak)",
+      "css-var": "dropdown-divider-background-color"
+    }
+  ],
+  "css-vars": [
+    {
+      "name": "dropdown-menu-min-width",
+      "value": "12rem"
+    },
+    {
+      "name": "dropdown-content-background-color",
+      "value": "var(--bulma-scheme-main)"
+    },
+    {
+      "name": "dropdown-content-offset",
+      "value": "0.25rem"
+    },
+    {
+      "name": "dropdown-content-padding-bottom",
+      "value": "0.5rem"
+    },
+    {
+      "name": "dropdown-content-padding-top",
+      "value": "0.5rem"
+    },
+    {
+      "name": "dropdown-content-radius",
+      "value": "var(--bulma-radius)"
+    },
+    {
+      "name": "dropdown-content-shadow",
+      "value": "var(--bulma-shadow)"
+    },
+    {
+      "name": "dropdown-content-z",
+      "value": "20"
+    },
+    {
+      "name": "dropdown-item-h",
+      "value": "#{$dropdown-item-h},"
+    },
+    {
+      "name": "dropdown-item-s",
+      "value": "#{$dropdown-item-s},"
+    },
+    {
+      "name": "dropdown-item-l",
+      "value": "#{$dropdown-item-l},"
+    },
+    {
+      "name": "dropdown-item-background-l",
+      "value": "#{$dropdown-item-background-l},"
+    },
+    {
+      "name": "dropdown-item-background-l-delta",
+      "value": "#{$dropdown-item-background-l-delta},"
+    },
+    {
+      "name": "dropdown-item-hover-background-l-delta",
+      "value": "#{$dropdown-item-hover-background-l-delta},"
+    },
+    {
+      "name": "dropdown-item-active-background-l-delta",
+      "value": "#{$dropdown-item-active-background-l-delta},"
+    },
+    {
+      "name": "dropdown-item-color-l",
+      "value": "#{$dropdown-item-color-l},"
+    },
+    {
+      "name": "dropdown-item-selected-h",
+      "value": "#{$dropdown-item-selected-h},"
+    },
+    {
+      "name": "dropdown-item-selected-s",
+      "value": "#{$dropdown-item-selected-s},"
+    },
+    {
+      "name": "dropdown-item-selected-l",
+      "value": "#{$dropdown-item-selected-l},"
+    },
+    {
+      "name": "dropdown-item-selected-background-l",
+      "value": "#{$dropdown-item-selected-background-l},"
+    },
+    {
+      "name": "dropdown-item-selected-color-l",
+      "value": "#{$dropdown-item-selected-color-l},"
+    },
+    {
+      "name": "dropdown-divider-background-color",
+      "value": "var(--bulma-border-weak)"
+    }
+  ]
+}