More grid work

.github/CONTRIBUTING.md

@@ -13,17 +13,6 @@ Thanks for helping out! 😇
 * 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** `{` `}`

.github/FUNDING.yml

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

.github/PULL_REQUEST_TEMPLATE.md

@@ -8,30 +8,21 @@ This is a **new feature | improvement | bugfix | documentation fix**.
 <!-- 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?
+<!-- BEFORE SUBMITTING YOUR PR, MAKE SURE TO FOLLOW THESE STEPS: -->
-
+<!-- 1. Pull the latest `master` branch -->
-No.
+<!-- 2. Run `npm install` to install all Bulma dependencies -->
+<!-- 3. Make sure your Sass code is compliant with the [Bulma Sass styleguide](https://github.com/jgthms/bulma/blob/master/.github/CONTRIBUTING.md#bulma-sass-styleguide) -->
+<!-- 4. Make sure your PR only affects `.sass` or documentation files -->
 
 <!-- Thanks! -->

.github/stale.yml

@@ -1,36 +0,0 @@
-# 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

@@ -1,24 +0,0 @@
-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,24 +1,13 @@
 # Files
-
 .DS_Store
 .ruby-version
-npm-debug.log
-test.css
-test.css.map
-test.html
-test*.html
 test.sass
-test.scss
+npm-debug.log
-test.css
-test.css.map
 
 # Folders
-
 .idea/
 .sass-cache
 _gh_pages
 _site
-dev
-dist
 node_modules
 test/output/

.travis.yml

@@ -1,21 +1,6 @@
-matrix:
+script:
-  include:
+ - "test/sass-compile-tester.sh"
-    - language: sass
+
+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

@@ -1,27 +1,28 @@
-## Prime backers ($30+)
+# Backers via Patreon
 
-* Becky
+## Website sponsors via Patreon ($300+)
-* *ctala
 
-## Generous backers ($10+)
+* Ravi Gadesha [@_9brainz](https://twitter.com/@_9brainz)
+* Nazar [@nazar_io](https://twitter.com/@nazar_io)
 
-* Jason Seminara
+## Homepage sponsors via Patreon ($100+)
+
+* Aaron [@aequasi](https://twitter.com/@aequasi)
+
+### Generous backers via Patreon ($30+)
+
+* Adrian Ocneanu
+* Garry Newman
+
+#### Backers via Patreon ($10+)
+
+* Michael Schinis
+* Peter Ryszkiewicz
+* Wikiki
+* dansup [@dsup](https://twitter.com/@dsup)
+* Niklas [@paradoxxger](https://twitter.com/@paradoxxger)
 * Jordan Nemrow
-* Ian Ebden
+* Matt Swan
-* xvxx
+* Kyu
-* Tobias E.
+* Takayuki Yamaguchi [@takyam](https://twitter.com/@takyam)
-* Robert Wetzlmayr
+* Leo Zeba [@leozeba](https://twitter.com/@leozeba)
-* 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

LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2023 Jeremy Thomas
+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

README.md

@@ -2,15 +2,12 @@
 
 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)](https://www.npmjs.com/package/bulma)
-[![npm](https://img.shields.io/npm/v/bulma.svg)][npm-link]
+[![npm](https://img.shields.io/npm/dm/bulma.svg)](https://www.npmjs.com/package/bulma)
-[![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)
 
-<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>
+<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" height="315"></a>
 
 ## Quick install
 
@@ -21,7 +18,6 @@ Bulma is constantly in development! Try it out now:
 ```sh
 npm install bulma
 ```
-
 **or**
 
 ### Yarn
@@ -36,25 +32,17 @@ yarn add bulma
 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://www.jsdelivr.com/package/npm/bulma](https://www.jsdelivr.com/package/npm/bulma)
+[https://cdnjs.com/libraries/bulma](https://cdnjs.com/libraries/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/main/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/master/css/bulma.css)
 
-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).
+You can either use that file, "out of the box", or download the Sass source files to customize the [variables](https://bulma.io/documentation/overview/variables/).
 
 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.
 
@@ -62,11 +50,11 @@ There is **no** JavaScript included. People generally want to use their own JS i
 
 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
+* Chrome
-- Edge
+* Edge
-- Firefox
+* Firefox
-- Opera
+* Opera
-- Safari
+* Safari
 
 Internet Explorer (10+) is only partially supported.
 
@@ -74,72 +62,34 @@ Internet Explorer (10+) is only partially supported.
 
 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/)
+Browse the [online documentation here.](https://bulma.io/documentation/overview/start/)
 
 ## Related projects
 
 | Project                                                                            | Description                                                        |
-| ------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------- |
+|------------------------------------------------------------------------------------|--------------------------------------------------------------------|
-| [Bulma with Attribute Modules](https://github.com/j5bot/bulma-attribute-selectors)   | Adds support for attribute-based selectors                                                                       |
+| [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](https://github.com/vue-bulma/vue-admin)                                | Vue Admin framework powered by Bulma                               |
-| [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                                                                       |
+| [Goldfish](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                                |
+| [Re-bulma](https://github.com/bokuweb/re-bulma)                                    | Bulma components build with React                                  |
 | [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                                                              |
+| [Buefy](https://buefy.github.io)                                                   | 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                                              |
+| [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.styl](https://github.com/log1x/bulma.styl)                                  | 1:1 Stylus translation of Bulma                                    |
-| [Bulma Stylus](https://github.com/groenroos/bulma-stylus)                            | Up-to-date 1:1 translation to Stylus                                                                             |
+| [elm-bulma-classes](https://github.com/danielnarey/elm-bulma-classes)              | Bulma prepared for usage with ELM                                  |
-| [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)                            |
+| [Fulma](https://mangelmaxime.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
 
-## Copyright and license ![Github](https://img.shields.io/github/license/jgthms/bulma?logo=Github)
+Code copyright 2017 Jeremy Thomas. Code released under [the MIT license](https://github.com/jgthms/bulma/blob/master/LICENSE).
-
-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,27 +1,27 @@
 {
   "name": "bulma",
-  "version": "1.0.3",
+  "version": "0.6.2",
   "homepage": "https://bulma.io",
-  "authors": ["jgthms <bbxdesign@gmail.com>"],
+  "authors": [
+    "jgthms <bbxdesign@gmail.com>"
+  ],
   "description": "Modern CSS framework based on Flexbox",
-  "main": "bulma.scss",
+  "main": "bulma.sass",
   "keywords": [
     "css",
     "sass",
-    "scss",
     "flexbox",
-    "grid",
     "responsive",
     "framework"
   ],
   "license": "MIT",
   "ignore": [
     "**/.*",
-    "bower_components",
-    "docs",
-    "images",
     "node_modules",
+    "bower_components",
     "test",
-    "tests"
+    "tests",
+    "docs",
+    "images"
   ]
 }

bulma.sass

@@ -0,0 +1,8 @@
+@charset "utf-8"
+/*! bulma.io v0.6.2 | MIT License | github.com/jgthms/bulma */
+@import "sass/utilities/_all"
+@import "sass/base/_all"
+@import "sass/elements/_all"
+@import "sass/components/_all"
+@import "sass/grid/_all"
+@import "sass/layout/_all"

bulma.scss

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

docs/.gitignore

@@ -4,18 +4,14 @@
 .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
 
@@ -23,10 +19,7 @@ test.scss
 
 .sass-cache
 /bulma
-/cypress/videos
-/dev
 /icons
 /styles/node_modules
 /versions
 _site
-.jekyll-cache

docs/.prettierignore

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

docs/.prettierrc

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

docs/README.md

@@ -3,27 +3,17 @@
 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.
+2. `gem install jekyll`
-
-> **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:
+Then to view the documentation in your local checkout:
-
-### 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. Before you begin, cd into `docs/` directory, and `cp _config.yml _config.local.yml`. Then edit `_config.local.yml` and change the `url:` value to `http://localhost:4000`. This local config file will be ignored by git.
 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.
+2. 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-docs` 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.
 
-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

@@ -1,21 +1,20 @@
 # Meta
 
+title:         "Bulma: a modern CSS framework based on Flexbox"
+description:   "Bulma is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free."
 env:           "production"
-docs_file: "website.min"
 
 # Build
 
 markdown:      kramdown
 permalink:     pretty
 url:           https://bulma.io
-exclude:
+exclude:       ['icons', 'node_modules', 'templates', '.babelrc', 'bulma-docs.sass', 'docker-compose.yml', 'package.json', 'yarn.lock']
-  [
+
-    ".babelrc",
+# Variables
-    "docker-compose.yml",
+
-    "icons",
+documentation: "/documentation/overview/start/"
-    "node_modules",
+download:      https://github.com/jgthms/bulma/releases/download/0.6.2/bulma-0.6.2.zip
-    "package.json",
+github:        https://github.com/jgthms/bulma
-    "templates",
+twitter:       https://twitter.com/jgthms
-    "website.scss",
+version:       0.6.2
-    "yarn.lock",
-  ]

docs/_data/backers.json

@@ -0,0 +1,85 @@
+{
+  "300": [
+    {
+      "FirstName": "Nazar",
+      "LastName": "",
+      "Twitter": "nazar_io"
+    },
+    {
+      "FirstName": "Ravi",
+      "LastName": "Gadesha",
+      "Twitter": "_9brainz"
+    }
+  ],
+  "100": [
+    {
+      "FirstName": "Aaron",
+      "LastName": "",
+      "Twitter": "aequasi"
+    }
+  ],
+  "30": [
+    {
+      "FirstName": "Garry",
+      "LastName": "Newman",
+      "Twitter": ""
+    },
+    {
+      "FirstName": "Adrian",
+      "LastName": "Ocneanu",
+      "Twitter": ""
+    }
+  ],
+  "10": [
+    {
+      "FirstName": "Leo",
+      "LastName": "Zeba",
+      "Twitter": "leozeba"
+    },
+    {
+      "FirstName": "Takayuki",
+      "LastName": "Yamaguchi",
+      "Twitter": "takyam"
+    },
+    {
+      "FirstName": "Kyu",
+      "LastName": "",
+      "Twitter": ""
+    },
+    {
+      "FirstName": "Matt",
+      "LastName": "Swan",
+      "Twitter": ""
+    },
+    {
+      "FirstName": "Jordan",
+      "LastName": "Nemrow",
+      "Twitter": ""
+    },
+    {
+      "FirstName": "Niklas",
+      "LastName": "",
+      "Twitter": "paradoxxger"
+    },
+    {
+      "FirstName": "dansup",
+      "LastName": "",
+      "Twitter": "dsup"
+    },
+    {
+      "FirstName": "Wikiki",
+      "LastName": "",
+      "Twitter": ""
+    },
+    {
+      "FirstName": "Peter",
+      "LastName": "Ryszkiewicz",
+      "Twitter": ""
+    },
+    {
+      "FirstName": "Michael",
+      "LastName": "Schinis",
+      "Twitter": ""
+    }
+  ]
+}

docs/_data/bubbles.json

@@ -1,32 +0,0 @@
-{
-  "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

@@ -1,18 +1,152 @@
 {
-  "lists": ["scheme", "text", "ornament", "code", "link", "status"],
+  "initial": [
-  "scheme": [
+    {
-    "scheme-main",
+      "id":"black",
-    "scheme-main-bis",
+      "name":"Black",
-    "scheme-main-ter",
+      "value": "hsl(0, 0%, 4%)"
-    "scheme-invert",
+    },
-    "scheme-invert-bis",
+    {
-    "scheme-invert-ter"
+      "id":"black-bis",
-  ],
+      "name":"Black bis",
-  "text": ["text", "text-invert", "text-light", "text-strong"],
+      "value": "hsl(0, 0%, 7%)"
-  "ornament": ["background", "border", "border-light"],
+    },
-  "code": ["code", "code-background", "pre", "pre-background"],
+    {
-  "link": ["link-visited"],
+      "id":"black-ter",
-  "status": ["text", "link", "primary", "info", "success", "warning", "danger"],
+      "name":"Black ter",
-  "sizes": ["small", "normal", "medium", "large"],
+      "value": "hsl(0, 0%, 14%)"
-  "justColors": ["link", "primary", "info", "success", "warning", "danger"]
+    },
+    {
+      "id":"grey-darker",
+      "name":"Grey darker",
+      "value": "hsl(0, 0%, 21%)"
+    },
+    {
+      "id":"grey-dark",
+      "name":"Grey dark",
+      "value": "hsl(0, 0%, 29%)"
+    },
+    {
+      "id":"grey",
+      "name":"Grey",
+      "value": "hsl(0, 0%, 48%)"
+    },
+    {
+      "id":"grey-light",
+      "name":"Grey light",
+      "value": "hsl(0, 0%, 71%)"
+    },
+    {
+      "id":"grey-lighter",
+      "name":"Grey lighter",
+      "value": "hsl(0, 0%, 86%)"
+    },
+    {
+      "id":"white-ter",
+      "name":"White ter",
+      "value": "hsl(0, 0%, 96%)"
+    },
+    {
+      "id":"white-bis",
+      "name":"White bis",
+      "value": "hsl(0, 0%, 98%)"
+    },
+    {
+      "id":"white",
+      "name":"White",
+      "value": "hsl(0, 0%, 100%)"
+    },
+    {
+      "id":"orange",
+      "name":"Orange",
+      "value": "hsl(14, 100%, 53%)"
+    },
+    {
+      "id":"yellow",
+      "name":"Yellow",
+      "value": "hsl(48, 100%, 67%)"
+    },
+    {
+      "id":"green",
+      "name":"Green",
+      "value": "hsl(141, 71%, 48%)"
+    },
+    {
+      "id":"turquoise",
+      "name":"Turquoise",
+      "value": "hsl(171, 100%, 41%)"
+    },
+    {
+      "id":"cyan",
+      "name":"Cyan",
+      "value": "hsl(204, 86%, 53%)"
+    },
+    {
+      "id":"blue",
+      "name":"Blue",
+      "value": "hsl(217, 71%, 53%)"
+    },
+    {
+      "id":"purple",
+      "name":"Purple",
+      "value": "hsl(271, 100%, 71%)"
+    },
+    {
+      "id":"red",
+      "name":"red",
+      "value": "hsl(348, 100%, 61%)"
+    }
+  ],
+  "derived": [
+    {
+      "id": "white",
+      "valueId": "white",
+      "invertId": "black"
+    },
+    {
+      "id": "black",
+      "valueId": "black",
+      "invertId": "white"
+    },
+    {
+      "id": "light",
+      "valueId": "white-ter",
+      "invertId": "grey-darker"
+    },
+    {
+      "id": "dark",
+      "valueId": "grey-darker",
+      "invertId": "white-ter"
+    },
+    {
+      "id": "primary",
+      "valueId": "turquoise",
+      "invertValue": "#fff"
+    },
+    {
+      "id": "link",
+      "valueId": "blue",
+      "invertValue": "#fff"
+    },
+    {
+      "id": "info",
+      "valueId": "cyan",
+      "invertValue": "#fff"
+    },
+    {
+      "id": "success",
+      "valueId": "green",
+      "invertValue": "#fff"
+    },
+    {
+      "id": "warning",
+      "valueId": "yellow",
+      "invertValue": "rgba(0, 0, 0, 0.7)"
+    },
+    {
+      "id": "danger",
+      "valueId": "red",
+      "invertValue": "#fff"
+    }
+  ],
+  "justColors": ["primary", "link", "info", "success", "warning", "danger"]
 }

docs/_data/css-vars.json

@@ -1,67 +0,0 @@
-[
-  "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

@@ -1,502 +0,0 @@
-{
-  "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

@@ -1,6 +1,7 @@
 {
   "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",
+  "fontawesome5": "https://use.fontawesome.com/releases/v5.0.0/js/all.js",
+  "iconic": "https://cdnjs.cloudflare.com/ajax/libs/open-iconic/1.1.1/font/css/open-iconic.min.css",
   "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"
+  "mdi": "https://cdn.materialdesignicons.com/2.0.46/css/materialdesignicons.min.css"
 }

docs/_data/links.json

@@ -1,877 +0,0 @@
-{
-  "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

@@ -1,22 +0,0 @@
-{
-  "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

@@ -1,29 +0,0 @@
-[
-  "",
-  "-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

@@ -1,30 +0,0 @@
-[
-  {
-    "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

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

docs/_data/sponsors.json

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

docs/_data/tiers.json

@@ -1,30 +0,0 @@
-[
-  {
-    "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

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

docs/_data/variables/base/generic.json

@@ -1,222 +1,90 @@
 {
-  "sass-vars": [
+  "dir_name": "base",
-    {
+  "file_name": "generic",
-      "name": "body-background-color",
+  "file_relative_path": "base/generic.sass",
-      "value": "var(--bulma-scheme-main)",
+  "file_line_from": 1,
-      "css-var": "body-background-color"
+  "file_line_to": 19,
+  "file_url": "https://github.com/jgthms/bulma/blob/master/sass/base/generic.sass#L1,L19",
+  "vars": {
+    "body-background-color": {
+      "id": "body-background-color",
+      "name": "$body-background-color",
+      "value": "#fff"
     },
-    {
+    "body-size": {
-      "name": "body-size",
+      "id": "body-size",
-      "value": "1em",
+      "name": "$body-size",
-      "css-var": "body-size"
+      "value": "16px"
     },
-    {
+    "body-rendering": {
-      "name": "body-min-width",
+      "id": "body-rendering",
-      "value": "300px",
+      "name": "$body-rendering",
-      "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"
     },
-    {
+    "body-family": {
-      "name": "body-family",
+      "id": "body-family",
-      "value": "var(--bulma-family-primary)"
+      "name": "$body-family",
+      "value": "$family-primary"
     },
-    {
+    "body-color": {
-      "name": "body-overflow-x",
+      "id": "body-color",
-      "value": "hidden"
+      "name": "$body-color",
+      "value": "$text"
     },
-    {
+    "body-weight": {
-      "name": "body-overflow-y",
+      "id": "body-weight",
-      "value": "scroll"
+      "name": "$body-weight",
+      "value": "$weight-normal"
     },
-    {
+    "body-line-height": {
-      "name": "body-color",
+      "id": "body-line-height",
-      "value": "var(--bulma-text)"
+      "name": "$body-line-height",
-    },
-    {
-      "name": "body-font-size",
-      "value": "1em"
-    },
-    {
-      "name": "body-weight",
-      "value": "var(--bulma-weight-normal)"
-    },
-    {
-      "name": "body-line-height",
       "value": "1.5"
     },
-    {
+    "code-family": {
-      "name": "code-family",
+      "id": "code-family",
-      "value": "var(--bulma-family-code)"
+      "name": "$code-family",
+      "value": "$family-code"
     },
-    {
+    "code-padding": {
-      "name": "code-padding",
+      "id": "code-padding",
+      "name": "$code-padding",
       "value": "0.25em 0.5em 0.25em"
     },
-    {
+    "code-weight": {
-      "name": "code-weight",
+      "id": "code-weight",
+      "name": "$code-weight",
       "value": "normal"
     },
-    {
+    "code-size": {
-      "name": "code-size",
+      "id": "code-size",
+      "name": "$code-size",
       "value": "0.875em"
     },
-    {
+    "hr-background-color": {
-      "name": "small-font-size",
+      "id": "hr-background-color",
-      "value": "0.875em"
+      "name": "$hr-background-color",
+      "value": "$border"
     },
-    {
+    "hr-height": {
-      "name": "hr-background-color",
+      "id": "hr-height",
-      "value": "var(--bulma-background)"
+      "name": "$hr-height",
+      "value": "1px"
     },
-    {
+    "hr-margin": {
-      "name": "hr-height",
+      "id": "hr-margin",
-      "value": "2px"
+      "name": "$hr-margin",
-    },
-    {
-      "name": "hr-margin",
       "value": "1.5rem 0"
     },
-    {
+    "strong-color": {
-      "name": "strong-color",
+      "id": "strong-color",
-      "value": "var(--bulma-text-strong)"
+      "name": "$strong-color",
+      "value": "$text-strong"
     },
-    {
+    "strong-weight": {
-      "name": "strong-weight",
+      "id": "strong-weight",
-      "value": "var(--bulma-weight-semibold)"
+      "name": "$strong-weight",
-    },
+      "value": "$weight-bold"
-    {
+    }
-      "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

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

docs/_data/variables/base/skeleton.json

@@ -1,51 +0,0 @@
-{
-  "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

@@ -1,60 +1,30 @@
 {
-  "sass-vars": [
+  "dir_name": "components",
-    {
+  "file_name": "breadcrumb",
-      "name": "breadcrumb-item-color",
+  "file_relative_path": "components/breadcrumb.sass",
-      "value": "var(--bulma-link-text)",
+  "file_line_from": 1,
-      "css-var": "breadcrumb-item-color"
+  "file_line_to": 5,
+  "file_url": "https://github.com/jgthms/bulma/blob/master/sass/components/breadcrumb.sass#L1,L5",
+  "vars": {
+    "breadcrumb-item-color": {
+      "id": "breadcrumb-item-color",
+      "name": "$breadcrumb-item-color",
+      "value": "$link"
     },
-    {
+    "breadcrumb-item-hover-color": {
-      "name": "breadcrumb-item-hover-color",
+      "id": "breadcrumb-item-hover-color",
-      "value": "var(--bulma-link-text-hover)",
+      "name": "$breadcrumb-item-hover-color",
-      "css-var": "breadcrumb-item-hover-color"
+      "value": "$link-hover"
     },
-    {
+    "breadcrumb-item-active-color": {
-      "name": "breadcrumb-item-active-color",
+      "id": "breadcrumb-item-active-color",
-      "value": "var(--bulma-link-text-active)",
+      "name": "$breadcrumb-item-active-color",
-      "css-var": "breadcrumb-item-active-color"
+      "value": "$text-strong"
     },
-    {
+    "breadcrumb-item-separator-color": {
-      "name": "breadcrumb-item-padding-vertical",
+      "id": "breadcrumb-item-separator-color",
-      "value": "0",
+      "name": "$breadcrumb-item-separator-color",
-      "css-var": "breadcrumb-item-padding-vertical"
+      "value": "$text"
-    },
-    {
-      "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

@@ -1,141 +1,45 @@
 {
-  "sass-vars": [
+  "dir_name": "components",
-    {
+  "file_name": "card",
-      "name": "card-color",
+  "file_relative_path": "components/card.sass",
-      "value": "var(--bulma-text)",
+  "file_line_from": 1,
-      "css-var": "card-color"
+  "file_line_to": 9,
+  "file_url": "https://github.com/jgthms/bulma/blob/master/sass/components/card.sass#L1,L9",
+  "vars": {
+    "card-color": {
+      "id": "card-color",
+      "name": "$card-color",
+      "value": "$text"
     },
-    {
+    "card-background-color": {
-      "name": "card-background-color",
+      "id": "card-background-color",
-      "value": "var(--bulma-scheme-main)",
+      "name": "$card-background-color",
-      "css-var": "card-background-color"
+      "value": "$white"
     },
-    {
+    "card-shadow": {
-      "name": "card-shadow",
+      "id": "card-shadow",
-      "value": "var(--bulma-shadow)",
+      "name": "$card-shadow",
-      "css-var": "card-shadow"
+      "value": "0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1)"
     },
-    {
+    "card-header-color": {
-      "name": "card-radius",
+      "id": "card-header-color",
-      "value": "0.75rem",
+      "name": "$card-header-color",
-      "css-var": "card-radius"
+      "value": "$text-strong"
     },
-    {
+    "card-header-shadow": {
-      "name": "card-header-background-color",
+      "id": "card-header-shadow",
-      "value": "transparent",
+      "name": "$card-header-shadow",
-      "css-var": "card-header-background-color"
+      "value": "0 1px 2px rgba($black, 0.1)"
     },
-    {
+    "card-header-weight": {
-      "name": "card-header-color",
+      "id": "card-header-weight",
-      "value": "var(--bulma-text-strong)",
+      "name": "$card-header-weight",
-      "css-var": "card-header-color"
+      "value": "$weight-bold"
     },
-    {
+    "card-footer-border-top": {
-      "name": "card-header-padding",
+      "id": "card-footer-border-top",
-      "value": "0.75rem 1rem",
+      "name": "$card-footer-border-top",
-      "css-var": "card-header-padding"
+      "value": "1px solid $border"
-    },
-    {
-      "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

@@ -1,139 +1,70 @@
 {
-  "sass-vars": [
+  "dir_name": "components",
-    {
+  "file_name": "dropdown",
-      "name": "dropdown-menu-min-width",
+  "file_relative_path": "components/dropdown.sass",
-      "value": "12rem",
+  "file_line_from": 1,
-      "css-var": "dropdown-menu-min-width"
+  "file_line_to": 14,
+  "file_url": "https://github.com/jgthms/bulma/blob/master/sass/components/dropdown.sass#L1,L14",
+  "vars": {
+    "dropdown-content-background-color": {
+      "id": "dropdown-content-background-color",
+      "name": "$dropdown-content-background-color",
+      "value": "$white"
     },
-    {
+    "dropdown-content-arrow": {
-      "name": "dropdown-content-background-color",
+      "id": "dropdown-content-arrow",
-      "value": "var(--bulma-scheme-main)",
+      "name": "$dropdown-content-arrow",
-      "css-var": "dropdown-content-background-color"
+      "value": "$link"
     },
-    {
+    "dropdown-content-offset": {
-      "name": "dropdown-content-offset",
+      "id": "dropdown-content-offset",
-      "value": "0.25rem",
+      "name": "$dropdown-content-offset",
-      "css-var": "dropdown-content-offset"
+      "value": "4px"
     },
-    {
+    "dropdown-content-radius": {
-      "name": "dropdown-content-padding-bottom",
+      "id": "dropdown-content-radius",
-      "value": "0.5rem",
+      "name": "$dropdown-content-radius",
-      "css-var": "dropdown-content-padding-bottom"
+      "value": "$radius"
     },
-    {
+    "dropdown-content-shadow": {
-      "name": "dropdown-content-padding-top",
+      "id": "dropdown-content-shadow",
-      "value": "0.5rem",
+      "name": "$dropdown-content-shadow",
-      "css-var": "dropdown-content-padding-top"
+      "value": "0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1)"
     },
-    {
+    "dropdown-content-z": {
-      "name": "dropdown-content-radius",
+      "id": "dropdown-content-z",
-      "value": "var(--bulma-radius)",
+      "name": "$dropdown-content-z",
-      "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"
     },
-    {
+    "dropdown-item-color": {
-      "name": "dropdown-item-h",
+      "id": "dropdown-item-color",
-      "value": "#{$dropdown-item-h},"
+      "name": "$dropdown-item-color",
+      "value": "$grey-dark"
     },
-    {
+    "dropdown-item-hover-color": {
-      "name": "dropdown-item-s",
+      "id": "dropdown-item-hover-color",
-      "value": "#{$dropdown-item-s},"
+      "name": "$dropdown-item-hover-color",
+      "value": "$black"
     },
-    {
+    "dropdown-item-hover-background-color": {
-      "name": "dropdown-item-l",
+      "id": "dropdown-item-hover-background-color",
-      "value": "#{$dropdown-item-l},"
+      "name": "$dropdown-item-hover-background-color",
+      "value": "$background"
     },
-    {
+    "dropdown-item-active-color": {
-      "name": "dropdown-item-background-l",
+      "id": "dropdown-item-active-color",
-      "value": "#{$dropdown-item-background-l},"
+      "name": "$dropdown-item-active-color",
+      "value": "$link-invert"
     },
-    {
+    "dropdown-item-active-background-color": {
-      "name": "dropdown-item-background-l-delta",
+      "id": "dropdown-item-active-background-color",
-      "value": "#{$dropdown-item-background-l-delta},"
+      "name": "$dropdown-item-active-background-color",
+      "value": "$link"
     },
-    {
+    "dropdown-divider-background-color": {
-      "name": "dropdown-item-hover-background-l-delta",
+      "id": "dropdown-divider-background-color",
-      "value": "#{$dropdown-item-hover-background-l-delta},"
+      "name": "$dropdown-divider-background-color",
-    },
+      "value": "$border"
-    {
+    }
-      "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)"
   }
-  ]
 }

docs/_data/variables/components/menu.json

@@ -1,148 +1,50 @@
 {
-  "sass-vars": [
+  "dir_name": "components",
-    {
+  "file_name": "menu",
-      "name": "menu-item-radius",
+  "file_relative_path": "components/menu.sass",
-      "value": "var(--bulma-radius-small)",
+  "file_line_from": 1,
-      "css-var": "menu-item-radius"
+  "file_line_to": 10,
+  "file_url": "https://github.com/jgthms/bulma/blob/master/sass/components/menu.sass#L1,L10",
+  "vars": {
+    "menu-item-color": {
+      "id": "menu-item-color",
+      "name": "$menu-item-color",
+      "value": "$text"
     },
-    {
+    "menu-item-radius": {
-      "name": "menu-list-border-left",
+      "id": "menu-item-radius",
-      "value": "1px solid var(--bulma-border)",
+      "name": "$menu-item-radius",
-      "css-var": "menu-list-border-left"
+      "value": "$radius-small"
     },
-    {
+    "menu-item-hover-color": {
-      "name": "menu-list-line-height",
+      "id": "menu-item-hover-color",
-      "value": "1.25",
+      "name": "$menu-item-hover-color",
-      "css-var": "menu-list-line-height"
+      "value": "$text-strong"
     },
-    {
+    "menu-item-hover-background-color": {
-      "name": "menu-list-link-padding",
+      "id": "menu-item-hover-background-color",
-      "value": "0.5em 0.75em",
+      "name": "$menu-item-hover-background-color",
-      "css-var": "menu-list-link-padding"
+      "value": "$background"
     },
-    {
+    "menu-item-active-color": {
-      "name": "menu-nested-list-margin",
+      "id": "menu-item-active-color",
-      "value": "0.75em",
+      "name": "$menu-item-active-color",
-      "css-var": "menu-nested-list-margin"
+      "value": "$link-invert"
     },
-    {
+    "menu-item-active-background-color": {
-      "name": "menu-nested-list-padding-left",
+      "id": "menu-item-active-background-color",
-      "value": "0.75em",
+      "name": "$menu-item-active-background-color",
-      "css-var": "menu-nested-list-padding-left"
+      "value": "$link"
     },
-    {
+    "menu-list-border-left": {
-      "name": "menu-label-color",
+      "id": "menu-list-border-left",
-      "value": "var(--bulma-text-weak)",
+      "name": "$menu-list-border-left",
-      "css-var": "menu-label-color"
+      "value": "1px solid $border"
     },
-    {
+    "menu-label-color": {
-      "name": "menu-label-font-size",
+      "id": "menu-label-color",
-      "value": "0.75em",
+      "name": "$menu-label-color",
-      "css-var": "menu-label-font-size"
+      "value": "$text-light"
-    },
-    {
-      "name": "menu-label-letter-spacing",
-      "value": "0.1em",
-      "css-var": "menu-label-letter-spacing"
-    },
-    {
-      "name": "menu-label-spacing",
-      "value": "1em",
-      "css-var": "menu-label-spacing"
     }
-  ],
-  "css-vars": [
-    {
-      "name": "menu-item-h",
-      "value": "#{$menu-item-h},"
-    },
-    {
-      "name": "menu-item-s",
-      "value": "#{$menu-item-s},"
-    },
-    {
-      "name": "menu-item-l",
-      "value": "#{$menu-item-l},"
-    },
-    {
-      "name": "menu-item-background-l",
-      "value": "#{$menu-item-background-l},"
-    },
-    {
-      "name": "menu-item-background-l-delta",
-      "value": "#{$menu-item-background-l-delta},"
-    },
-    {
-      "name": "menu-item-hover-background-l-delta",
-      "value": "#{$menu-item-hover-background-l-delta},"
-    },
-    {
-      "name": "menu-item-active-background-l-delta",
-      "value": "#{$menu-item-active-background-l-delta},"
-    },
-    {
-      "name": "menu-item-color-l",
-      "value": "#{$menu-item-color-l},"
-    },
-    {
-      "name": "menu-item-radius",
-      "value": "var(--bulma-radius-small)"
-    },
-    {
-      "name": "menu-item-selected-h",
-      "value": "#{$menu-item-selected-h},"
-    },
-    {
-      "name": "menu-item-selected-s",
-      "value": "#{$menu-item-selected-s},"
-    },
-    {
-      "name": "menu-item-selected-l",
-      "value": "#{$menu-item-selected-l},"
-    },
-    {
-      "name": "menu-item-selected-background-l",
-      "value": "#{$menu-item-selected-background-l},"
-    },
-    {
-      "name": "menu-item-selected-color-l",
-      "value": "#{$menu-item-selected-color-l},"
-    },
-    {
-      "name": "menu-list-border-left",
-      "value": "1px solid var(--bulma-border)"
-    },
-    {
-      "name": "menu-list-line-height",
-      "value": "1.25"
-    },
-    {
-      "name": "menu-list-link-padding",
-      "value": "0.5em 0.75em"
-    },
-    {
-      "name": "menu-nested-list-margin",
-      "value": "0.75em"
-    },
-    {
-      "name": "menu-nested-list-padding-left",
-      "value": "0.75em"
-    },
-    {
-      "name": "menu-label-color",
-      "value": "var(--bulma-text-weak)"
-    },
-    {
-      "name": "menu-label-font-size",
-      "value": "0.75em"
-    },
-    {
-      "name": "menu-label-letter-spacing",
-      "value": "0.1em"
-    },
-    {
-      "name": "menu-label-spacing",
-      "value": "1em"
   }
-  ]
 }

docs/_data/variables/components/message.json

@@ -1,145 +1,70 @@
 {
-  "sass-vars": [
+  "dir_name": "components",
-    {
+  "file_name": "message",
-      "name": "message-border-l-delta",
+  "file_relative_path": "components/message.sass",
-      "value": "-20%",
+  "file_line_from": 1,
-      "css-var": "message-border-l-delta"
+  "file_line_to": 15,
+  "file_url": "https://github.com/jgthms/bulma/blob/master/sass/components/message.sass#L1,L15",
+  "vars": {
+    "message-background-color": {
+      "id": "message-background-color",
+      "name": "$message-background-color",
+      "value": "$background"
     },
-    {
+    "message-radius": {
-      "name": "message-radius",
+      "id": "message-radius",
-      "value": "var(--bulma-radius)",
+      "name": "$message-radius",
-      "css-var": "message-radius"
+      "value": "$radius"
     },
-    {
+    "message-header-background-color": {
-      "name": "message-header-weight",
+      "id": "message-header-background-color",
-      "value": "var(--bulma-weight-semibold)",
+      "name": "$message-header-background-color",
-      "css-var": "message-header-weight"
+      "value": "$text"
     },
-    {
+    "message-header-color": {
-      "name": "message-header-padding",
+      "id": "message-header-color",
-      "value": "1em 1.25em",
+      "name": "$message-header-color",
-      "css-var": "message-header-padding"
+      "value": "$text-invert"
     },
-    {
+    "message-header-padding": {
-      "name": "message-header-radius",
+      "id": "message-header-padding",
-      "value": "var(--bulma-radius)",
+      "name": "$message-header-padding",
-      "css-var": "message-header-radius"
+      "value": "0.5em 0.75em"
     },
-    {
+    "message-header-radius": {
-      "name": "message-body-border-width",
+      "id": "message-header-radius",
-      "value": "0 0 0 4px",
+      "name": "$message-header-radius",
-      "css-var": "message-body-border-width"
+      "value": "$radius"
     },
-    {
+    "message-body-border": {
-      "name": "message-body-color",
+      "id": "message-body-border",
-      "value": "var(--bulma-text)",
+      "name": "$message-body-border",
-      "css-var": "message-body-color"
+      "value": "1px solid $border"
     },
-    {
+    "message-body-color": {
-      "name": "message-body-padding",
+      "id": "message-body-color",
-      "value": "1.25em 1.5em",
+      "name": "$message-body-color",
-      "css-var": "message-body-padding"
+      "value": "$text"
     },
-    {
+    "message-body-padding": {
-      "name": "message-body-radius",
+      "id": "message-body-padding",
-      "value": "var(--bulma-radius-small)",
+      "name": "$message-body-padding",
-      "css-var": "message-body-radius"
-    },
-    {
-      "name": "message-body-pre-code-background-color",
-      "value": "transparent",
-      "css-var": "message-body-pre-code-background-color"
-    },
-    {
-      "name": "message-header-body-border-width",
-      "value": "0",
-      "css-var": "message-header-body-border-width"
-    },
-    {
-      "name": "message-colors",
-      "value": "dv.$colors"
-    }
-  ],
-  "css-vars": [
-    {
-      "name": "message-border-l-delta",
-      "value": "-20%"
-    },
-    {
-      "name": "message-radius",
-      "value": "var(--bulma-radius)"
-    },
-    {
-      "name": "message-header-weight",
-      "value": "var(--bulma-weight-semibold)"
-    },
-    {
-      "name": "message-header-padding",
       "value": "1em 1.25em"
     },
-    {
+    "message-body-radius": {
-      "name": "message-header-radius",
+      "id": "message-body-radius",
-      "value": "var(--bulma-radius)"
+      "name": "$message-body-radius",
+      "value": "$radius"
     },
-    {
+    "message-body-pre-background-color": {
-      "name": "message-body-border-width",
+      "id": "message-body-pre-background-color",
-      "value": "0 0 0 4px"
+      "name": "$message-body-pre-background-color",
+      "value": "$white"
     },
-    {
+    "message-body-pre-code-background-color": {
-      "name": "message-body-color",
+      "id": "message-body-pre-code-background-color",
-      "value": "var(--bulma-text)"
+      "name": "$message-body-pre-code-background-color",
-    },
-    {
-      "name": "message-body-padding",
-      "value": "1.25em 1.5em"
-    },
-    {
-      "name": "message-body-radius",
-      "value": "var(--bulma-radius-small)"
-    },
-    {
-      "name": "message-body-pre-code-background-color",
       "value": "transparent"
-    },
-    {
-      "name": "message-header-body-border-width",
-      "value": "0"
-    },
-    {
-      "name": "message-h",
-      "value": "#{$message-h},"
-    },
-    {
-      "name": "message-s",
-      "value": "#{$message-s},"
-    },
-    {
-      "name": "message-background-l",
-      "value": "#{$message-background-l},"
-    },
-    {
-      "name": "message-border-l",
-      "value": "#{$message-border-l},"
-    },
-    {
-      "name": "message-border-style",
-      "value": "#{$message-border-style},"
-    },
-    {
-      "name": "message-border-width",
-      "value": "#{$message-border-width},"
-    },
-    {
-      "name": "message-color-l",
-      "value": "#{$message-color-l},"
-    },
-    {
-      "name": "message-header-background-l",
-      "value": "#{$message-header-background-l},"
-    },
-    {
-      "name": "message-header-color-l",
-      "value": "#{$message-header-color-l},"
     }
-  ]
+  }
 }

docs/_data/variables/components/modal.json

@@ -1,186 +1,115 @@
 {
-  "sass-vars": [
+  "dir_name": "components",
-    {
+  "file_name": "modal",
-      "name": "modal-z",
+  "file_relative_path": "components/modal.sass",
-      "value": "40",
+  "file_line_from": 1,
-      "css-var": "modal-z"
+  "file_line_to": 29,
+  "file_url": "https://github.com/jgthms/bulma/blob/master/sass/components/modal.sass#L1,L29",
+  "vars": {
+    "modal-z": {
+      "id": "modal-z",
+      "name": "$modal-z",
+      "value": "20"
     },
-    {
+    "modal-background-background-color": {
-      "name": "modal-background-background-color",
+      "id": "modal-background-background-color",
-      "value": "hsla(\n  var(--bulma-scheme-h),\n  var(--bulma-scheme-s),\n  var(--bulma-scheme-invert-l),\n  0.86\n)",
+      "name": "$modal-background-background-color",
-      "css-var": "modal-background-background-color"
+      "value": "rgba($black, 0.86)"
     },
-    {
+    "modal-content-width": {
-      "name": "modal-content-width",
+      "id": "modal-content-width",
-      "value": "40rem",
+      "name": "$modal-content-width",
-      "css-var": "modal-content-width"
+      "value": "640px"
     },
-    {
+    "modal-content-margin-mobile": {
-      "name": "modal-content-margin-mobile",
+      "id": "modal-content-margin-mobile",
-      "value": "1.25rem",
+      "name": "$modal-content-margin-mobile",
-      "css-var": "modal-content-margin-mobile"
+      "value": "20px"
     },
-    {
+    "modal-content-spacing-mobile": {
-      "name": "modal-content-spacing-mobile",
+      "id": "modal-content-spacing-mobile",
-      "value": "10rem",
+      "name": "$modal-content-spacing-mobile",
-      "css-var": "modal-content-spacing-mobile"
+      "value": "160px"
     },
-    {
+    "modal-content-spacing-tablet": {
-      "name": "modal-content-spacing-tablet",
+      "id": "modal-content-spacing-tablet",
-      "value": "2.5rem",
+      "name": "$modal-content-spacing-tablet",
-      "css-var": "modal-content-spacing-tablet"
+      "value": "40px"
     },
-    {
+    "modal-close-dimensions": {
-      "name": "modal-close-dimensions",
+      "id": "modal-close-dimensions",
-      "value": "2.5rem",
+      "name": "$modal-close-dimensions",
-      "css-var": "modal-close-dimensions"
+      "value": "40px"
     },
-    {
+    "modal-close-right": {
-      "name": "modal-close-right",
+      "id": "modal-close-right",
-      "value": "1.25rem",
+      "name": "$modal-close-right",
-      "css-var": "modal-close-right"
+      "value": "20px"
     },
-    {
+    "modal-close-top": {
-      "name": "modal-close-top",
+      "id": "modal-close-top",
-      "value": "1.25rem",
+      "name": "$modal-close-top",
-      "css-var": "modal-close-top"
+      "value": "20px"
     },
-    {
+    "modal-card-spacing": {
-      "name": "modal-card-spacing",
+      "id": "modal-card-spacing",
-      "value": "2.5rem",
+      "name": "$modal-card-spacing",
-      "css-var": "modal-card-spacing"
+      "value": "40px"
     },
-    {
+    "modal-card-head-background-color": {
-      "name": "modal-card-head-background-color",
+      "id": "modal-card-head-background-color",
-      "value": "var(--bulma-scheme-main)",
+      "name": "$modal-card-head-background-color",
-      "css-var": "modal-card-head-background-color"
+      "value": "$background"
     },
-    {
+    "modal-card-head-border-bottom": {
-      "name": "modal-card-head-padding",
+      "id": "modal-card-head-border-bottom",
-      "value": "2rem",
+      "name": "$modal-card-head-border-bottom",
-      "css-var": "modal-card-head-padding"
+      "value": "1px solid $border"
     },
-    {
+    "modal-card-head-padding": {
-      "name": "modal-card-head-radius",
+      "id": "modal-card-head-padding",
-      "value": "var(--bulma-radius-large)",
+      "name": "$modal-card-head-padding",
-      "css-var": "modal-card-head-radius"
+      "value": "20px"
     },
-    {
+    "modal-card-head-radius": {
-      "name": "modal-card-title-color",
+      "id": "modal-card-head-radius",
-      "value": "var(--bulma-text-strong)",
+      "name": "$modal-card-head-radius",
-      "css-var": "modal-card-title-color"
+      "value": "$radius-large"
     },
-    {
+    "modal-card-title-color": {
-      "name": "modal-card-title-line-height",
+      "id": "modal-card-title-color",
-      "value": "1",
+      "name": "$modal-card-title-color",
-      "css-var": "modal-card-title-line-height"
+      "value": "$text-strong"
     },
-    {
+    "modal-card-title-line-height": {
-      "name": "modal-card-title-size",
+      "id": "modal-card-title-line-height",
-      "value": "var(--bulma-size-4)",
+      "name": "$modal-card-title-line-height",
-      "css-var": "modal-card-title-size"
-    },
-    {
-      "name": "modal-card-foot-background-color",
-      "value": "var(--bulma-scheme-main-bis)",
-      "css-var": "modal-card-foot-background-color"
-    },
-    {
-      "name": "modal-card-foot-radius",
-      "value": "var(--bulma-radius-large)",
-      "css-var": "modal-card-foot-radius"
-    },
-    {
-      "name": "modal-card-body-background-color",
-      "value": "var(--bulma-scheme-main)",
-      "css-var": "modal-card-body-background-color"
-    },
-    {
-      "name": "modal-card-body-padding",
-      "value": "2rem",
-      "css-var": "modal-card-body-padding"
-    }
-  ],
-  "css-vars": [
-    {
-      "name": "modal-z",
-      "value": "40"
-    },
-    {
-      "name": "modal-background-background-color",
-      "value": "hsla(\n  var(--bulma-scheme-h),\n  var(--bulma-scheme-s),\n  var(--bulma-scheme-invert-l),\n  0.86\n)"
-    },
-    {
-      "name": "modal-content-width",
-      "value": "40rem"
-    },
-    {
-      "name": "modal-content-margin-mobile",
-      "value": "1.25rem"
-    },
-    {
-      "name": "modal-content-spacing-mobile",
-      "value": "10rem"
-    },
-    {
-      "name": "modal-content-spacing-tablet",
-      "value": "2.5rem"
-    },
-    {
-      "name": "modal-close-dimensions",
-      "value": "2.5rem"
-    },
-    {
-      "name": "modal-close-right",
-      "value": "1.25rem"
-    },
-    {
-      "name": "modal-close-top",
-      "value": "1.25rem"
-    },
-    {
-      "name": "modal-card-spacing",
-      "value": "2.5rem"
-    },
-    {
-      "name": "modal-card-head-background-color",
-      "value": "var(--bulma-scheme-main)"
-    },
-    {
-      "name": "modal-card-head-padding",
-      "value": "2rem"
-    },
-    {
-      "name": "modal-card-head-radius",
-      "value": "var(--bulma-radius-large)"
-    },
-    {
-      "name": "modal-card-title-color",
-      "value": "var(--bulma-text-strong)"
-    },
-    {
-      "name": "modal-card-title-line-height",
       "value": "1"
     },
-    {
+    "modal-card-title-size": {
-      "name": "modal-card-title-size",
+      "id": "modal-card-title-size",
-      "value": "var(--bulma-size-4)"
+      "name": "$modal-card-title-size",
+      "value": "$size-4"
     },
-    {
+    "modal-card-foot-radius": {
-      "name": "modal-card-foot-background-color",
+      "id": "modal-card-foot-radius",
-      "value": "var(--bulma-scheme-main-bis)"
+      "name": "$modal-card-foot-radius",
+      "value": "$radius-large"
     },
-    {
+    "modal-card-foot-border-top": {
-      "name": "modal-card-foot-radius",
+      "id": "modal-card-foot-border-top",
-      "value": "var(--bulma-radius-large)"
+      "name": "$modal-card-foot-border-top",
+      "value": "1px solid $border"
     },
-    {
+    "modal-card-body-background-color": {
-      "name": "modal-card-body-background-color",
+      "id": "modal-card-body-background-color",
-      "value": "var(--bulma-scheme-main)"
+      "name": "$modal-card-body-background-color",
+      "value": "$white"
     },
-    {
+    "modal-card-body-padding": {
-      "name": "modal-card-body-padding",
+      "id": "modal-card-body-padding",
-      "value": "2rem"
+      "name": "$modal-card-body-padding",
+      "value": "20px"
+    }
   }
-  ]
 }

docs/_data/variables/components/navbar.json

@@ -1,166 +1,150 @@
 {
-  "sass-vars": [
+  "dir_name": "components",
-    {
+  "file_name": "navbar",
-      "name": "navbar-background-color",
+  "file_relative_path": "components/navbar.sass",
-      "css-var": "navbar-background-color",
+  "file_line_from": 1,
-      "value": "var(--bulma-scheme-main)"
+  "file_line_to": 34,
+  "file_url": "https://github.com/jgthms/bulma/blob/master/sass/components/navbar.sass#L1,L34",
+  "vars": {
+    "navbar-background-color": {
+      "id": "navbar-background-color",
+      "name": "$navbar-background-color",
+      "value": "$white"
     },
-    {
+    "navbar-height": {
-      "name": "navbar-box-shadow-size",
+      "id": "navbar-height",
-      "css-var": "navbar-box-shadow-size",
+      "name": "$navbar-height",
-      "value": "0 0.125em 0 0"
+      "value": "3.25rem"
     },
-    {
+    "navbar-item-color": {
-      "name": "navbar-box-shadow-color",
+      "id": "navbar-item-color",
-      "css-var": "navbar-box-shadow-color",
+      "name": "$navbar-item-color",
-      "value": "var(--bulma-background)"
+      "value": "$grey-dark"
     },
-    {
+    "navbar-item-hover-color": {
-      "name": "navbar-height",
+      "id": "navbar-item-hover-color",
-      "value": "3.25rem",
+      "name": "$navbar-item-hover-color",
-      "css-var": "navbar-height"
+      "value": "$link"
     },
-    {
+    "navbar-item-hover-background-color": {
-      "name": "navbar-padding-vertical",
+      "id": "navbar-item-hover-background-color",
-      "css-var": "navbar-padding-vertical",
+      "name": "$navbar-item-hover-background-color",
-      "value": "1rem"
+      "value": "$background"
     },
-    {
+    "navbar-item-active-color": {
-      "name": "navbar-padding-horizontal",
+      "id": "navbar-item-active-color",
-      "css-var": "navbar-padding-horizontal",
+      "name": "$navbar-item-active-color",
-      "value": "2rem"
+      "value": "$black"
     },
-    {
+    "navbar-item-active-background-color": {
-      "name": "navbar-z",
+      "id": "navbar-item-active-background-color",
-      "css-var": "navbar-z",
+      "name": "$navbar-item-active-background-color",
-      "value": "30"
+      "value": "transparent"
     },
-    {
+    "navbar-item-img-max-height": {
-      "name": "navbar-fixed-z",
+      "id": "navbar-item-img-max-height",
-      "css-var": "navbar-fixed-z",
+      "name": "$navbar-item-img-max-height",
-      "value": "30"
-    },
-    {
-      "name": "navbar-item-img-max-height",
-      "css-var": "navbar-item-img-max-height",
       "value": "1.75rem"
     },
-    {
+    "navbar-tab-hover-background-color": {
-      "name": "navbar-burger-color",
+      "id": "navbar-tab-hover-background-color",
-      "css-var": "navbar-burger-color",
+      "name": "$navbar-tab-hover-background-color",
-      "value": "var(--bulma-navbar-item-color)"
-    },
-    {
-      "name": "navbar-tab-hover-background-color",
-      "css-var": "navbar-tab-hover-background-color",
       "value": "transparent"
     },
-    {
+    "navbar-tab-hover-border-bottom-color": {
-      "name": "navbar-tab-hover-border-bottom-color",
+      "id": "navbar-tab-hover-border-bottom-color",
-      "css-var": "navbar-tab-hover-border-bottom-color",
+      "name": "$navbar-tab-hover-border-bottom-color",
-      "value": "var(--bulma-link)"
+      "value": "$link"
     },
-    {
+    "navbar-tab-active-color": {
-      "name": "navbar-tab-active-color",
+      "id": "navbar-tab-active-color",
-      "css-var": "navbar-tab-active-color",
+      "name": "$navbar-tab-active-color",
-      "value": "var(--bulma-link)"
+      "value": "$link"
     },
-    {
+    "navbar-tab-active-background-color": {
-      "name": "navbar-tab-active-background-color",
+      "id": "navbar-tab-active-background-color",
-      "css-var": "navbar-tab-active-background-color",
+      "name": "$navbar-tab-active-background-color",
       "value": "transparent"
     },
-    {
+    "navbar-tab-active-border-bottom-color": {
-      "name": "navbar-tab-active-border-bottom-color",
+      "id": "navbar-tab-active-border-bottom-color",
-      "css-var": "navbar-tab-active-border-bottom-color",
+      "name": "$navbar-tab-active-border-bottom-color",
-      "value": "var(--bulma-link)"
+      "value": "$link"
     },
-    {
+    "navbar-tab-active-border-bottom-style": {
-      "name": "navbar-tab-active-border-bottom-style",
+      "id": "navbar-tab-active-border-bottom-style",
-      "css-var": "navbar-tab-active-border-bottom-style",
+      "name": "$navbar-tab-active-border-bottom-style",
       "value": "solid"
     },
-    {
+    "navbar-tab-active-border-bottom-width": {
-      "name": "navbar-tab-active-border-bottom-width",
+      "id": "navbar-tab-active-border-bottom-width",
-      "css-var": "navbar-tab-active-border-bottom-width",
+      "name": "$navbar-tab-active-border-bottom-width",
-      "value": "0.1875em"
+      "value": "3px"
     },
-    {
+    "navbar-dropdown-background-color": {
-      "name": "navbar-dropdown-background-color",
+      "id": "navbar-dropdown-background-color",
-      "css-var": "navbar-dropdown-background-color",
+      "name": "$navbar-dropdown-background-color",
-      "value": "var(--bulma-scheme-main)"
+      "value": "$white"
     },
-    {
+    "navbar-dropdown-border-top": {
-      "name": "navbar-dropdown-border-l",
+      "id": "navbar-dropdown-border-top",
-      "css-var": "navbar-dropdown-border-l",
+      "name": "$navbar-dropdown-border-top",
-      "value": "var(--bulma-border-l)"
+      "value": "1px solid $border"
     },
-    {
+    "navbar-dropdown-offset": {
-      "name": "navbar-dropdown-border-color",
+      "id": "navbar-dropdown-offset",
-      "css-var": "navbar-dropdown-border-color",
+      "name": "$navbar-dropdown-offset",
-      "value": "hsl(\n  var(--bulma-navbar-h),\n  var(--bulma-navbar-s),\n  var(--bulma-navbar-dropdown-border-l)\n)"
+      "value": "-4px"
     },
-    {
+    "navbar-dropdown-arrow": {
-      "name": "navbar-dropdown-border-style",
+      "id": "navbar-dropdown-arrow",
-      "css-var": "navbar-dropdown-border-style",
+      "name": "$navbar-dropdown-arrow",
-      "value": "solid"
+      "value": "$link"
     },
-    {
+    "navbar-dropdown-radius": {
-      "name": "navbar-dropdown-border-width",
+      "id": "navbar-dropdown-radius",
-      "css-var": "navbar-dropdown-border-width",
+      "name": "$navbar-dropdown-radius",
-      "value": "0.125em"
+      "value": "$radius-large"
     },
-    {
+    "navbar-dropdown-z": {
-      "name": "navbar-dropdown-offset",
+      "id": "navbar-dropdown-z",
-      "css-var": "navbar-dropdown-offset",
+      "name": "$navbar-dropdown-z",
-      "value": "-0.25em"
-    },
-    {
-      "name": "navbar-dropdown-arrow",
-      "css-var": "navbar-dropdown-arrow",
-      "value": "var(--bulma-link)"
-    },
-    {
-      "name": "navbar-dropdown-radius",
-      "css-var": "navbar-dropdown-radius",
-      "value": "var(--bulma-radius-large)"
-    },
-    {
-      "name": "navbar-dropdown-z",
-      "css-var": "navbar-dropdown-z",
       "value": "20"
     },
-    {
+    "navbar-dropdown-boxed-radius": {
-      "name": "navbar-dropdown-boxed-radius",
+      "id": "navbar-dropdown-boxed-radius",
-      "css-var": "navbar-dropdown-boxed-radius",
+      "name": "$navbar-dropdown-boxed-radius",
-      "value": "var(--bulma-radius-large)"
+      "value": "$radius-large"
     },
-    {
+    "navbar-dropdown-boxed-shadow": {
-      "name": "navbar-dropdown-boxed-shadow",
+      "id": "navbar-dropdown-boxed-shadow",
-      "css-var": "navbar-dropdown-boxed-shadow",
+      "name": "$navbar-dropdown-boxed-shadow",
-      "value": "0 0.5em 0.5em hsla(\n  var(--bulma-scheme-h),\n  var(--bulma-scheme-s),\n  var(--bulma-scheme-invert-l),\n  0.1\n),\n0 0 0 1px hsla(\n  var(--bulma-scheme-h),\n  var(--bulma-scheme-s),\n  var(--bulma-scheme-invert-l),\n  0.1\n)"
+      "value": "0 8px 8px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1)"
     },
-    {
+    "navbar-dropdown-item-hover-color": {
-      "name": "navbar-divider-background-l",
+      "id": "navbar-dropdown-item-hover-color",
-      "css-var": "navbar-divider-background-l",
+      "name": "$navbar-dropdown-item-hover-color",
-      "value": "var(--bulma-background-l)"
+      "value": "$black"
     },
-    {
+    "navbar-dropdown-item-hover-background-color": {
-      "name": "navbar-divider-height",
+      "id": "navbar-dropdown-item-hover-background-color",
-      "css-var": "navbar-divider-height",
+      "name": "$navbar-dropdown-item-hover-background-color",
-      "value": "0.125em"
+      "value": "$background"
     },
-    {
+    "navbar-dropdown-item-active-color": {
-      "name": "navbar-bottom-box-shadow-size",
+      "id": "navbar-dropdown-item-active-color",
-      "css-var": "navbar-bottom-box-shadow-size",
+      "name": "$navbar-dropdown-item-active-color",
-      "value": "0 -0.125em 0 0"
+      "value": "$link"
+    },
+    "navbar-dropdown-item-active-background-color": {
+      "id": "navbar-dropdown-item-active-background-color",
+      "name": "$navbar-dropdown-item-active-background-color",
+      "value": "$background"
+    },
+    "navbar-divider-background-color": {
+      "id": "navbar-divider-background-color",
+      "name": "$navbar-divider-background-color",
+      "value": "$border"
     }
-  ],
-  "css-vars": [
-    {
-      "name": "navbar-height",
-      "css-var": "navbar-height",
-      "value": "3.25rem"
   }
-  ]
 }

docs/_data/variables/components/pagination.json

@@ -1,256 +1,90 @@
 {
-  "sass-vars": [
+  "dir_name": "components",
-    {
+  "file_name": "pagination",
-      "name": "pagination-margin",
+  "file_relative_path": "components/pagination.sass",
-      "value": "-0.25rem",
+  "file_line_from": 1,
-      "css-var": "pagination-margin"
+  "file_line_to": 22,
+  "file_url": "https://github.com/jgthms/bulma/blob/master/sass/components/pagination.sass#L1,L22",
+  "vars": {
+    "pagination-color": {
+      "id": "pagination-color",
+      "name": "$pagination-color",
+      "value": "$grey-darker"
     },
-    {
+    "pagination-border-color": {
-      "name": "pagination-min-width",
+      "id": "pagination-border-color",
-      "value": "var(--bulma-control-height)",
+      "name": "$pagination-border-color",
-      "css-var": "pagination-min-width"
+      "value": "$grey-lighter"
     },
-    {
+    "pagination-margin": {
-      "name": "pagination-item-border-style",
+      "id": "pagination-margin",
-      "value": "solid",
+      "name": "$pagination-margin",
-      "css-var": "pagination-item-border-style"
-    },
-    {
-      "name": "pagination-item-border-width",
-      "value": "var(--bulma-control-border-width)",
-      "css-var": "pagination-item-border-width"
-    },
-    {
-      "name": "pagination-item-font-size",
-      "value": "1em",
-      "css-var": "pagination-item-font-size"
-    },
-    {
-      "name": "pagination-item-margin",
-      "value": "0.25rem",
-      "css-var": "pagination-item-margin"
-    },
-    {
-      "name": "pagination-item-padding-left",
-      "value": "0.5em",
-      "css-var": "pagination-item-padding-left"
-    },
-    {
-      "name": "pagination-item-padding-right",
-      "value": "0.5em",
-      "css-var": "pagination-item-padding-right"
-    },
-    {
-      "name": "pagination-nav-padding-left",
-      "value": "0.75em",
-      "css-var": "pagination-nav-padding-left"
-    },
-    {
-      "name": "pagination-nav-padding-right",
-      "value": "0.75em",
-      "css-var": "pagination-nav-padding-right"
-    },
-    {
-      "name": "pagination-disabled-color",
-      "value": "var(--bulma-text-weak)",
-      "css-var": "pagination-disabled-color"
-    },
-    {
-      "name": "pagination-disabled-background-color",
-      "value": "var(--bulma-border)",
-      "css-var": "pagination-disabled-background-color"
-    },
-    {
-      "name": "pagination-disabled-border-color",
-      "value": "var(--bulma-border)",
-      "css-var": "pagination-disabled-border-color"
-    },
-    {
-      "name": "pagination-current-color",
-      "value": "var(--bulma-link-invert)",
-      "css-var": "pagination-current-color"
-    },
-    {
-      "name": "pagination-current-background-color",
-      "value": "var(--bulma-link)",
-      "css-var": "pagination-current-background-color"
-    },
-    {
-      "name": "pagination-current-border-color",
-      "value": "var(--bulma-link)",
-      "css-var": "pagination-current-border-color"
-    },
-    {
-      "name": "pagination-ellipsis-color",
-      "value": "var(--bulma-text-weak)",
-      "css-var": "pagination-ellipsis-color"
-    },
-    {
-      "name": "pagination-shadow-inset",
-      "value": "inset 0 0.0625em 0.125em hsla(\n  var(--bulma-scheme-h),\n  var(--bulma-scheme-s),\n  var(--bulma-scheme-invert-l),\n  0.2\n)",
-      "css-var": "pagination-shadow-inset"
-    }
-  ],
-  "css-vars": [
-    {
-      "name": "pagination-margin",
       "value": "-0.25rem"
     },
-    {
+    "pagination-hover-color": {
-      "name": "pagination-min-width",
+      "id": "pagination-hover-color",
-      "value": "var(--bulma-control-height)"
+      "name": "$pagination-hover-color",
+      "value": "$link-hover"
     },
-    {
+    "pagination-hover-border-color": {
-      "name": "pagination-item-h",
+      "id": "pagination-hover-border-color",
-      "value": "#{$pagination-item-h},"
+      "name": "$pagination-hover-border-color",
+      "value": "$link-hover-border"
     },
-    {
+    "pagination-focus-color": {
-      "name": "pagination-item-s",
+      "id": "pagination-focus-color",
-      "value": "#{$pagination-item-s},"
+      "name": "$pagination-focus-color",
+      "value": "$link-focus"
     },
-    {
+    "pagination-focus-border-color": {
-      "name": "pagination-item-l",
+      "id": "pagination-focus-border-color",
-      "value": "#{$pagination-item-l},"
+      "name": "$pagination-focus-border-color",
+      "value": "$link-focus-border"
     },
-    {
+    "pagination-active-color": {
-      "name": "pagination-item-background-l-delta",
+      "id": "pagination-active-color",
-      "value": "#{$pagination-item-background-l-delta},"
+      "name": "$pagination-active-color",
+      "value": "$link-active"
     },
-    {
+    "pagination-active-border-color": {
-      "name": "pagination-item-hover-background-l-delta",
+      "id": "pagination-active-border-color",
-      "value": "#{$pagination-item-hover-background-l-delta},"
+      "name": "$pagination-active-border-color",
+      "value": "$link-active-border"
     },
-    {
+    "pagination-disabled-color": {
-      "name": "pagination-item-active-background-l-delta",
+      "id": "pagination-disabled-color",
-      "value": "#{$pagination-item-active-background-l-delta},"
+      "name": "$pagination-disabled-color",
+      "value": "$grey"
     },
-    {
+    "pagination-disabled-background-color": {
-      "name": "pagination-item-border-style",
+      "id": "pagination-disabled-background-color",
-      "value": "solid"
+      "name": "$pagination-disabled-background-color",
+      "value": "$grey-lighter"
     },
-    {
+    "pagination-disabled-border-color": {
-      "name": "pagination-item-border-width",
+      "id": "pagination-disabled-border-color",
-      "value": "var(--bulma-control-border-width)"
+      "name": "$pagination-disabled-border-color",
+      "value": "$grey-lighter"
     },
-    {
+    "pagination-current-color": {
-      "name": "pagination-item-border-l",
+      "id": "pagination-current-color",
-      "value": "#{$pagination-item-border-l},"
+      "name": "$pagination-current-color",
+      "value": "$link-invert"
     },
-    {
+    "pagination-current-background-color": {
-      "name": "pagination-item-border-l-delta",
+      "id": "pagination-current-background-color",
-      "value": "#{$pagination-item-border-l-delta},"
+      "name": "$pagination-current-background-color",
+      "value": "$link"
     },
-    {
+    "pagination-current-border-color": {
-      "name": "pagination-item-hover-border-l-delta",
+      "id": "pagination-current-border-color",
-      "value": "#{$pagination-item-hover-border-l-delta},"
+      "name": "$pagination-current-border-color",
+      "value": "$link"
     },
-    {
+    "pagination-ellipsis-color": {
-      "name": "pagination-item-active-border-l-delta",
+      "id": "pagination-ellipsis-color",
-      "value": "#{$pagination-item-active-border-l-delta},"
+      "name": "$pagination-ellipsis-color",
-    },
+      "value": "$grey-light"
-    {
+    }
-      "name": "pagination-item-focus-border-l-delta",
-      "value": "#{$pagination-item-focus-border-l-delta},"
-    },
-    {
-      "name": "pagination-item-color-l",
-      "value": "#{$pagination-item-color-l},"
-    },
-    {
-      "name": "pagination-item-font-size",
-      "value": "1em"
-    },
-    {
-      "name": "pagination-item-margin",
-      "value": "0.25rem"
-    },
-    {
-      "name": "pagination-item-padding-left",
-      "value": "0.5em"
-    },
-    {
-      "name": "pagination-item-padding-right",
-      "value": "0.5em"
-    },
-    {
-      "name": "pagination-item-outer-shadow-h",
-      "value": "#{$pagination-item-outer-shadow-h},"
-    },
-    {
-      "name": "pagination-item-outer-shadow-s",
-      "value": "#{$pagination-item-outer-shadow-s},"
-    },
-    {
-      "name": "pagination-item-outer-shadow-l",
-      "value": "#{$pagination-item-outer-shadow-l},"
-    },
-    {
-      "name": "pagination-item-outer-shadow-a",
-      "value": "#{$pagination-item-outer-shadow-a},"
-    },
-    {
-      "name": "pagination-nav-padding-left",
-      "value": "0.75em"
-    },
-    {
-      "name": "pagination-nav-padding-right",
-      "value": "0.75em"
-    },
-    {
-      "name": "pagination-disabled-color",
-      "value": "var(--bulma-text-weak)"
-    },
-    {
-      "name": "pagination-disabled-background-color",
-      "value": "var(--bulma-border)"
-    },
-    {
-      "name": "pagination-disabled-border-color",
-      "value": "var(--bulma-border)"
-    },
-    {
-      "name": "pagination-current-color",
-      "value": "var(--bulma-link-invert)"
-    },
-    {
-      "name": "pagination-current-background-color",
-      "value": "var(--bulma-link)"
-    },
-    {
-      "name": "pagination-current-border-color",
-      "value": "var(--bulma-link)"
-    },
-    {
-      "name": "pagination-ellipsis-color",
-      "value": "var(--bulma-text-weak)"
-    },
-    {
-      "name": "pagination-shadow-inset",
-      "value": "inset 0 0.0625em 0.125em hsla(\n  var(--bulma-scheme-h),\n  var(--bulma-scheme-s),\n  var(--bulma-scheme-invert-l),\n  0.2\n)"
-    },
-    {
-      "name": "pagination-selected-item-h",
-      "value": "#{$pagination-selected-item-h},"
-    },
-    {
-      "name": "pagination-selected-item-s",
-      "value": "#{$pagination-selected-item-s},"
-    },
-    {
-      "name": "pagination-selected-item-l",
-      "value": "#{$pagination-selected-item-l},"
-    },
-    {
-      "name": "pagination-selected-item-background-l",
-      "value": "#{$pagination-selected-item-background-l},"
-    },
-    {
-      "name": "pagination-selected-item-border-l",
-      "value": "#{$pagination-selected-item-border-l},"
-    },
-    {
-      "name": "pagination-selected-item-color-l",
-      "value": "#{$pagination-selected-item-color-l},"
   }
-  ]
 }

docs/_data/variables/components/panel.json

@@ -1,208 +1,105 @@
 {
-  "sass-vars": [
+  "dir_name": "components",
-    {
+  "file_name": "panel",
-      "name": "panel-margin",
+  "file_relative_path": "components/panel.sass",
-      "value": "var(--bulma-block-spacing)",
+  "file_line_from": 1,
-      "css-var": "panel-margin"
+  "file_line_to": 24,
+  "file_url": "https://github.com/jgthms/bulma/blob/master/sass/components/panel.sass#L1,L24",
+  "vars": {
+    "panel-item-border": {
+      "id": "panel-item-border",
+      "name": "$panel-item-border",
+      "value": "1px solid $border"
     },
-    {
+    "panel-heading-background-color": {
-      "name": "panel-item-border",
+      "id": "panel-heading-background-color",
-      "value": "1px solid var(--bulma-border-weak)",
+      "name": "$panel-heading-background-color",
-      "css-var": "panel-item-border"
+      "value": "$background"
     },
-    {
+    "panel-heading-color": {
-      "name": "panel-radius",
+      "id": "panel-heading-color",
-      "value": "var(--bulma-radius-large)",
+      "name": "$panel-heading-color",
-      "css-var": "panel-radius"
+      "value": "$text-strong"
     },
-    {
+    "panel-heading-line-height": {
-      "name": "panel-shadow",
+      "id": "panel-heading-line-height",
-      "value": "var(--bulma-shadow)",
+      "name": "$panel-heading-line-height",
-      "css-var": "panel-shadow"
-    },
-    {
-      "name": "panel-heading-line-height",
-      "value": "1.25",
-      "css-var": "panel-heading-line-height"
-    },
-    {
-      "name": "panel-heading-padding",
-      "value": "1em 1.25em",
-      "css-var": "panel-heading-padding"
-    },
-    {
-      "name": "panel-heading-radius",
-      "value": "var(--bulma-radius)",
-      "css-var": "panel-heading-radius"
-    },
-    {
-      "name": "panel-heading-size",
-      "value": "1.25em",
-      "css-var": "panel-heading-size"
-    },
-    {
-      "name": "panel-heading-weight",
-      "value": "var(--bulma-weight-bold)",
-      "css-var": "panel-heading-weight"
-    },
-    {
-      "name": "panel-tabs-font-size",
-      "value": "1em",
-      "css-var": "panel-tabs-font-size"
-    },
-    {
-      "name": "panel-tab-border-bottom-color",
-      "value": "var(--bulma-border)",
-      "css-var": "panel-tab-border-bottom-color"
-    },
-    {
-      "name": "panel-tab-border-bottom-style",
-      "value": "solid",
-      "css-var": "panel-tab-border-bottom-style"
-    },
-    {
-      "name": "panel-tab-border-bottom-width",
-      "value": "1px",
-      "css-var": "panel-tab-border-bottom-width"
-    },
-    {
-      "name": "panel-tab-active-color",
-      "value": "var(--bulma-link-active)",
-      "css-var": "panel-tab-active-color"
-    },
-    {
-      "name": "panel-list-item-color",
-      "value": "var(--bulma-text)",
-      "css-var": "panel-list-item-color"
-    },
-    {
-      "name": "panel-list-item-hover-color",
-      "value": "var(--bulma-link)",
-      "css-var": "panel-list-item-hover-color"
-    },
-    {
-      "name": "panel-block-color",
-      "value": "var(--bulma-text-strong)",
-      "css-var": "panel-block-color"
-    },
-    {
-      "name": "panel-block-hover-background-color",
-      "value": "var(--bulma-background)",
-      "css-var": "panel-block-hover-background-color"
-    },
-    {
-      "name": "panel-block-active-border-left-color",
-      "value": "var(--bulma-link)",
-      "css-var": "panel-block-active-border-left-color"
-    },
-    {
-      "name": "panel-block-active-color",
-      "value": "var(--bulma-link-active)",
-      "css-var": "panel-block-active-color"
-    },
-    {
-      "name": "panel-block-active-icon-color",
-      "value": "var(--bulma-link)",
-      "css-var": "panel-block-active-icon-color"
-    },
-    {
-      "name": "panel-icon-color",
-      "value": "var(--bulma-text-weak)",
-      "css-var": "panel-icon-color"
-    },
-    {
-      "name": "panel-colors",
-      "value": "dv.$colors"
-    }
-  ],
-  "css-vars": [
-    {
-      "name": "panel-margin",
-      "value": "var(--bulma-block-spacing)"
-    },
-    {
-      "name": "panel-item-border",
-      "value": "1px solid var(--bulma-border-weak)"
-    },
-    {
-      "name": "panel-radius",
-      "value": "var(--bulma-radius-large)"
-    },
-    {
-      "name": "panel-shadow",
-      "value": "var(--bulma-shadow)"
-    },
-    {
-      "name": "panel-heading-line-height",
       "value": "1.25"
     },
-    {
+    "panel-heading-padding": {
-      "name": "panel-heading-padding",
+      "id": "panel-heading-padding",
-      "value": "1em 1.25em"
+      "name": "$panel-heading-padding",
+      "value": "0.5em 0.75em"
     },
-    {
+    "panel-heading-radius": {
-      "name": "panel-heading-radius",
+      "id": "panel-heading-radius",
-      "value": "var(--bulma-radius)"
+      "name": "$panel-heading-radius",
+      "value": "$radius"
     },
-    {
+    "panel-heading-size": {
-      "name": "panel-heading-size",
+      "id": "panel-heading-size",
+      "name": "$panel-heading-size",
       "value": "1.25em"
     },
-    {
+    "panel-heading-weight": {
-      "name": "panel-heading-weight",
+      "id": "panel-heading-weight",
-      "value": "var(--bulma-weight-bold)"
+      "name": "$panel-heading-weight",
+      "value": "$weight-light"
     },
-    {
+    "panel-tab-border-bottom": {
-      "name": "panel-tabs-font-size",
+      "id": "panel-tab-border-bottom",
-      "value": "1em"
+      "name": "$panel-tab-border-bottom",
+      "value": "1px solid $border"
     },
-    {
+    "panel-tab-active-border-bottom-color": {
-      "name": "panel-tab-border-bottom-color",
+      "id": "panel-tab-active-border-bottom-color",
-      "value": "var(--bulma-border)"
+      "name": "$panel-tab-active-border-bottom-color",
+      "value": "$link-active-border"
     },
-    {
+    "panel-tab-active-color": {
-      "name": "panel-tab-border-bottom-style",
+      "id": "panel-tab-active-color",
-      "value": "solid"
+      "name": "$panel-tab-active-color",
+      "value": "$link-active"
     },
-    {
+    "panel-list-item-color": {
-      "name": "panel-tab-border-bottom-width",
+      "id": "panel-list-item-color",
-      "value": "1px"
+      "name": "$panel-list-item-color",
+      "value": "$text"
     },
-    {
+    "panel-list-item-hover-color": {
-      "name": "panel-tab-active-color",
+      "id": "panel-list-item-hover-color",
-      "value": "var(--bulma-link-active)"
+      "name": "$panel-list-item-hover-color",
+      "value": "$link"
     },
-    {
+    "panel-block-color": {
-      "name": "panel-list-item-color",
+      "id": "panel-block-color",
-      "value": "var(--bulma-text)"
+      "name": "$panel-block-color",
+      "value": "$text-strong"
     },
-    {
+    "panel-block-hover-background-color": {
-      "name": "panel-list-item-hover-color",
+      "id": "panel-block-hover-background-color",
-      "value": "var(--bulma-link)"
+      "name": "$panel-block-hover-background-color",
+      "value": "$background"
     },
-    {
+    "panel-block-active-border-left-color": {
-      "name": "panel-block-color",
+      "id": "panel-block-active-border-left-color",
-      "value": "var(--bulma-text-strong)"
+      "name": "$panel-block-active-border-left-color",
+      "value": "$link"
     },
-    {
+    "panel-block-active-color": {
-      "name": "panel-block-hover-background-color",
+      "id": "panel-block-active-color",
-      "value": "var(--bulma-background)"
+      "name": "$panel-block-active-color",
+      "value": "$link-active"
     },
-    {
+    "panel-block-active-icon-color": {
-      "name": "panel-block-active-border-left-color",
+      "id": "panel-block-active-icon-color",
-      "value": "var(--bulma-link)"
+      "name": "$panel-block-active-icon-color",
+      "value": "$link"
     },
-    {
+    "panel-icon-color": {
-      "name": "panel-block-active-color",
+      "id": "panel-icon-color",
-      "value": "var(--bulma-link-active)"
+      "name": "$panel-icon-color",
-    },
+      "value": "$text-light"
-    {
+    }
-      "name": "panel-block-active-icon-color",
-      "value": "var(--bulma-link)"
-    },
-    {
-      "name": "panel-icon-color",
-      "value": "var(--bulma-text-weak)"
   }
-  ]
 }

docs/_data/variables/components/tabs.json

@@ -1,222 +1,130 @@
 {
-  "sass-vars": [
+  "dir_name": "components",
-    {
+  "file_name": "tabs",
-      "name": "tabs-border-bottom-color",
+  "file_relative_path": "components/tabs.sass",
-      "value": "var(--bulma-border)",
+  "file_line_from": 1,
-      "css-var": "tabs-border-bottom-color"
+  "file_line_to": 27,
+  "file_url": "https://github.com/jgthms/bulma/blob/master/sass/components/tabs.sass#L1,L27",
+  "vars": {
+    "tabs-border-bottom-color": {
+      "id": "tabs-border-bottom-color",
+      "name": "$tabs-border-bottom-color",
+      "value": "$border"
     },
-    {
+    "tabs-border-bottom-style": {
-      "name": "tabs-border-bottom-style",
+      "id": "tabs-border-bottom-style",
-      "value": "solid",
+      "name": "$tabs-border-bottom-style",
-      "css-var": "tabs-border-bottom-style"
-    },
-    {
-      "name": "tabs-border-bottom-width",
-      "value": "1px",
-      "css-var": "tabs-border-bottom-width"
-    },
-    {
-      "name": "tabs-link-color",
-      "value": "var(--bulma-text)",
-      "css-var": "tabs-link-color"
-    },
-    {
-      "name": "tabs-link-hover-border-bottom-color",
-      "value": "var(--bulma-text-strong)",
-      "css-var": "tabs-link-hover-border-bottom-color"
-    },
-    {
-      "name": "tabs-link-hover-color",
-      "value": "var(--bulma-text-strong)",
-      "css-var": "tabs-link-hover-color"
-    },
-    {
-      "name": "tabs-link-active-border-bottom-color",
-      "value": "var(--bulma-link-text)",
-      "css-var": "tabs-link-active-border-bottom-color"
-    },
-    {
-      "name": "tabs-link-active-color",
-      "value": "var(--bulma-link-text)",
-      "css-var": "tabs-link-active-color"
-    },
-    {
-      "name": "tabs-link-padding",
-      "value": "0.5em 1em",
-      "css-var": "tabs-link-padding"
-    },
-    {
-      "name": "tabs-boxed-link-radius",
-      "value": "var(--bulma-radius)",
-      "css-var": "tabs-boxed-link-radius"
-    },
-    {
-      "name": "tabs-boxed-link-hover-background-color",
-      "value": "var(--bulma-background)",
-      "css-var": "tabs-boxed-link-hover-background-color"
-    },
-    {
-      "name": "tabs-boxed-link-hover-border-bottom-color",
-      "value": "var(--bulma-border)",
-      "css-var": "tabs-boxed-link-hover-border-bottom-color"
-    },
-    {
-      "name": "tabs-boxed-link-active-background-color",
-      "value": "var(--bulma-scheme-main)",
-      "css-var": "tabs-boxed-link-active-background-color"
-    },
-    {
-      "name": "tabs-boxed-link-active-border-color",
-      "value": "var(--bulma-border)",
-      "css-var": "tabs-boxed-link-active-border-color"
-    },
-    {
-      "name": "tabs-boxed-link-active-border-bottom-color",
-      "value": "transparent",
-      "css-var": "tabs-boxed-link-active-border-bottom-color"
-    },
-    {
-      "name": "tabs-toggle-link-border-color",
-      "value": "var(--bulma-border)",
-      "css-var": "tabs-toggle-link-border-color"
-    },
-    {
-      "name": "tabs-toggle-link-border-style",
-      "value": "solid",
-      "css-var": "tabs-toggle-link-border-style"
-    },
-    {
-      "name": "tabs-toggle-link-border-width",
-      "value": "1px",
-      "css-var": "tabs-toggle-link-border-width"
-    },
-    {
-      "name": "tabs-toggle-link-hover-background-color",
-      "value": "var(--bulma-background)",
-      "css-var": "tabs-toggle-link-hover-background-color"
-    },
-    {
-      "name": "tabs-toggle-link-hover-border-color",
-      "value": "var(--bulma-border-hover)",
-      "css-var": "tabs-toggle-link-hover-border-color"
-    },
-    {
-      "name": "tabs-toggle-link-radius",
-      "value": "var(--bulma-radius)",
-      "css-var": "tabs-toggle-link-radius"
-    },
-    {
-      "name": "tabs-toggle-link-active-background-color",
-      "value": "var(--bulma-link)",
-      "css-var": "tabs-toggle-link-active-background-color"
-    },
-    {
-      "name": "tabs-toggle-link-active-border-color",
-      "value": "var(--bulma-link)",
-      "css-var": "tabs-toggle-link-active-border-color"
-    },
-    {
-      "name": "tabs-toggle-link-active-color",
-      "value": "var(--bulma-link-invert)",
-      "css-var": "tabs-toggle-link-active-color"
-    }
-  ],
-  "css-vars": [
-    {
-      "name": "tabs-border-bottom-color",
-      "value": "var(--bulma-border)"
-    },
-    {
-      "name": "tabs-border-bottom-style",
       "value": "solid"
     },
-    {
+    "tabs-border-bottom-width": {
-      "name": "tabs-border-bottom-width",
+      "id": "tabs-border-bottom-width",
+      "name": "$tabs-border-bottom-width",
       "value": "1px"
     },
-    {
+    "tabs-link-color": {
-      "name": "tabs-link-color",
+      "id": "tabs-link-color",
-      "value": "var(--bulma-text)"
+      "name": "$tabs-link-color",
+      "value": "$text"
     },
-    {
+    "tabs-link-hover-border-bottom-color": {
-      "name": "tabs-link-hover-border-bottom-color",
+      "id": "tabs-link-hover-border-bottom-color",
-      "value": "var(--bulma-text-strong)"
+      "name": "$tabs-link-hover-border-bottom-color",
+      "value": "$text-strong"
     },
-    {
+    "tabs-link-hover-color": {
-      "name": "tabs-link-hover-color",
+      "id": "tabs-link-hover-color",
-      "value": "var(--bulma-text-strong)"
+      "name": "$tabs-link-hover-color",
+      "value": "$text-strong"
     },
-    {
+    "tabs-link-active-border-bottom-color": {
-      "name": "tabs-link-active-border-bottom-color",
+      "id": "tabs-link-active-border-bottom-color",
-      "value": "var(--bulma-link-text)"
+      "name": "$tabs-link-active-border-bottom-color",
+      "value": "$link"
     },
-    {
+    "tabs-link-active-color": {
-      "name": "tabs-link-active-color",
+      "id": "tabs-link-active-color",
-      "value": "var(--bulma-link-text)"
+      "name": "$tabs-link-active-color",
+      "value": "$link"
     },
-    {
+    "tabs-link-padding": {
-      "name": "tabs-link-padding",
+      "id": "tabs-link-padding",
+      "name": "$tabs-link-padding",
       "value": "0.5em 1em"
     },
-    {
+    "tabs-boxed-link-radius": {
-      "name": "tabs-boxed-link-radius",
+      "id": "tabs-boxed-link-radius",
-      "value": "var(--bulma-radius)"
+      "name": "$tabs-boxed-link-radius",
+      "value": "$radius"
     },
-    {
+    "tabs-boxed-link-hover-background-color": {
-      "name": "tabs-boxed-link-hover-background-color",
+      "id": "tabs-boxed-link-hover-background-color",
-      "value": "var(--bulma-background)"
+      "name": "$tabs-boxed-link-hover-background-color",
+      "value": "$background"
     },
-    {
+    "tabs-boxed-link-hover-border-bottom-color": {
-      "name": "tabs-boxed-link-hover-border-bottom-color",
+      "id": "tabs-boxed-link-hover-border-bottom-color",
-      "value": "var(--bulma-border)"
+      "name": "$tabs-boxed-link-hover-border-bottom-color",
+      "value": "$border"
     },
-    {
+    "tabs-boxed-link-active-background-color": {
-      "name": "tabs-boxed-link-active-background-color",
+      "id": "tabs-boxed-link-active-background-color",
-      "value": "var(--bulma-scheme-main)"
+      "name": "$tabs-boxed-link-active-background-color",
+      "value": "$white"
     },
-    {
+    "tabs-boxed-link-active-border-color": {
-      "name": "tabs-boxed-link-active-border-color",
+      "id": "tabs-boxed-link-active-border-color",
-      "value": "var(--bulma-border)"
+      "name": "$tabs-boxed-link-active-border-color",
+      "value": "$border"
     },
-    {
+    "tabs-boxed-link-active-border-bottom-color": {
-      "name": "tabs-boxed-link-active-border-bottom-color",
+      "id": "tabs-boxed-link-active-border-bottom-color",
+      "name": "$tabs-boxed-link-active-border-bottom-color",
       "value": "transparent"
     },
-    {
+    "tabs-toggle-link-border-color": {
-      "name": "tabs-toggle-link-border-color",
+      "id": "tabs-toggle-link-border-color",
-      "value": "var(--bulma-border)"
+      "name": "$tabs-toggle-link-border-color",
+      "value": "$border"
     },
-    {
+    "tabs-toggle-link-border-style": {
-      "name": "tabs-toggle-link-border-style",
+      "id": "tabs-toggle-link-border-style",
+      "name": "$tabs-toggle-link-border-style",
       "value": "solid"
     },
-    {
+    "tabs-toggle-link-border-width": {
-      "name": "tabs-toggle-link-border-width",
+      "id": "tabs-toggle-link-border-width",
+      "name": "$tabs-toggle-link-border-width",
       "value": "1px"
     },
-    {
+    "tabs-toggle-link-hover-background-color": {
-      "name": "tabs-toggle-link-hover-background-color",
+      "id": "tabs-toggle-link-hover-background-color",
-      "value": "var(--bulma-background)"
+      "name": "$tabs-toggle-link-hover-background-color",
+      "value": "$background"
     },
-    {
+    "tabs-toggle-link-hover-border-color": {
-      "name": "tabs-toggle-link-hover-border-color",
+      "id": "tabs-toggle-link-hover-border-color",
-      "value": "var(--bulma-border-hover)"
+      "name": "$tabs-toggle-link-hover-border-color",
+      "value": "$border-hover"
     },
-    {
+    "tabs-toggle-link-radius": {
-      "name": "tabs-toggle-link-radius",
+      "id": "tabs-toggle-link-radius",
-      "value": "var(--bulma-radius)"
+      "name": "$tabs-toggle-link-radius",
+      "value": "$radius"
     },
-    {
+    "tabs-toggle-link-active-background-color": {
-      "name": "tabs-toggle-link-active-background-color",
+      "id": "tabs-toggle-link-active-background-color",
-      "value": "var(--bulma-link)"
+      "name": "$tabs-toggle-link-active-background-color",
+      "value": "$link"
     },
-    {
+    "tabs-toggle-link-active-border-color": {
-      "name": "tabs-toggle-link-active-border-color",
+      "id": "tabs-toggle-link-active-border-color",
-      "value": "var(--bulma-link)"
+      "name": "$tabs-toggle-link-active-border-color",
+      "value": "$link"
     },
-    {
+    "tabs-toggle-link-active-color": {
-      "name": "tabs-toggle-link-active-color",
+      "id": "tabs-toggle-link-active-color",
-      "value": "var(--bulma-link-invert)"
+      "name": "$tabs-toggle-link-active-color",
+      "value": "$link-invert"
+    }
   }
-  ]
 }

docs/_data/variables/elements/block.json

@@ -1,9 +0,0 @@
-{
-  "sass-vars": [],
-  "css-vars": [
-    {
-      "name": "block-spacing",
-      "value": "1.5rem"
-    }
-  ]
-}

docs/_data/variables/elements/box.json

@@ -1,69 +1,45 @@
 {
-  "sass-vars": [
+  "dir_name": "elements",
-    {
+  "file_name": "box",
-      "name": "box-background-color",
+  "file_relative_path": "elements/box.sass",
-      "value": "var(--bulma-scheme-main)",
+  "file_line_from": 1,
-      "css-var": "box-background-color"
+  "file_line_to": 8,
+  "file_url": "https://github.com/jgthms/bulma/blob/master/sass/elements/box.sass#L1,L8",
+  "vars": {
+    "box-color": {
+      "id": "box-color",
+      "name": "$box-color",
+      "value": "$text"
     },
-    {
+    "box-background-color": {
-      "name": "box-color",
+      "id": "box-background-color",
-      "value": "var(--bulma-text)",
+      "name": "$box-background-color",
-      "css-var": "box-color"
+      "value": "$white"
     },
-    {
+    "box-radius": {
-      "name": "box-radius",
+      "id": "box-radius",
-      "value": "var(--bulma-radius-large)",
+      "name": "$box-radius",
-      "css-var": "box-radius"
+      "value": "$radius-large"
     },
-    {
+    "box-shadow": {
-      "name": "box-shadow",
+      "id": "box-shadow",
-      "value": "var(--bulma-shadow)",
+      "name": "$box-shadow",
-      "css-var": "box-shadow"
+      "value": "0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1)"
     },
-    {
+    "box-padding": {
-      "name": "box-padding",
+      "id": "box-padding",
-      "value": "1.25rem",
+      "name": "$box-padding",
-      "css-var": "box-padding"
-    },
-    {
-      "name": "box-link-hover-shadow",
-      "value": "0 0.5em 1em -0.125em hsla(\n  var(--bulma-scheme-h),\n  var(--bulma-scheme-s),\n  var(--bulma-scheme-invert-l),\n  0.1\n),\n0 0 0 1px var(--bulma-link)",
-      "css-var": "box-link-hover-shadow"
-    },
-    {
-      "name": "box-link-active-shadow",
-      "value": "inset 0 1px 2px hsla(\n  var(--bulma-scheme-h),\n  var(--bulma-scheme-s),\n  var(--bulma-scheme-invert-l),\n  0.2\n),\n0 0 0 1px var(--bulma-link)",
-      "css-var": "box-link-active-shadow"
-    }
-  ],
-  "css-vars": [
-    {
-      "name": "box-background-color",
-      "value": "var(--bulma-scheme-main)"
-    },
-    {
-      "name": "box-color",
-      "value": "var(--bulma-text)"
-    },
-    {
-      "name": "box-radius",
-      "value": "var(--bulma-radius-large)"
-    },
-    {
-      "name": "box-shadow",
-      "value": "var(--bulma-shadow)"
-    },
-    {
-      "name": "box-padding",
       "value": "1.25rem"
     },
-    {
+    "box-link-hover-shadow": {
-      "name": "box-link-hover-shadow",
+      "id": "box-link-hover-shadow",
-      "value": "0 0.5em 1em -0.125em hsla(\nvar(--bulma-scheme-h),\nvar(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.1),\n0 0 0 1px var(--bulma-link)"
+      "name": "$box-link-hover-shadow",
+      "value": "0 2px 3px rgba($black, 0.1), 0 0 0 1px $link"
     },
-    {
+    "box-link-active-shadow": {
-      "name": "box-link-active-shadow",
+      "id": "box-link-active-shadow",
-      "value": "inset 0 1px 2px hsla( var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.2),\n0 0 0 1px var(--bulma-link)"
+      "name": "$box-link-active-shadow",
+      "value": "inset 0 1px 2px rgba($black, 0.2), 0 0 0 1px $link"
+    }
   }
-  ]
 }

docs/_data/variables/elements/button.json

@@ -1,271 +1,115 @@
 {
-  "sass-vars": [
+  "dir_name": "elements",
-    {
+  "file_name": "button",
-      "name": "button-weight",
+  "file_relative_path": "elements/button.sass",
-      "value": "var(--bulma-weight-medium)",
+  "file_line_from": 1,
-      "css-var": "button-weight"
+  "file_line_to": 27,
+  "file_url": "https://github.com/jgthms/bulma/blob/master/sass/elements/button.sass#L1,L27",
+  "vars": {
+    "button-color": {
+      "id": "button-color",
+      "name": "$button-color",
+      "value": "$grey-darker"
     },
-    {
+    "button-background-color": {
-      "name": "button-family",
+      "id": "button-background-color",
-      "value": "false",
+      "name": "$button-background-color",
-      "css-var": "button-family"
+      "value": "$white"
     },
-    {
+    "button-border-color": {
-      "name": "button-border-color",
+      "id": "button-border-color",
-      "value": "var(--bulma-border)",
+      "name": "$button-border-color",
-      "css-var": "button-border-color"
+      "value": "$grey-lighter"
     },
-    {
+    "button-hover-color": {
-      "name": "button-border-style",
+      "id": "button-hover-color",
-      "value": "solid",
+      "name": "$button-hover-color",
-      "css-var": "button-border-style"
+      "value": "$link-hover"
     },
-    {
+    "button-hover-border-color": {
-      "name": "button-border-width",
+      "id": "button-hover-border-color",
-      "value": "var(--bulma-control-border-width)",
+      "name": "$button-hover-border-color",
-      "css-var": "button-border-width"
+      "value": "$link-hover-border"
     },
-    {
+    "button-focus-color": {
-      "name": "button-padding-vertical",
+      "id": "button-focus-color",
-      "value": "0.5em",
+      "name": "$button-focus-color",
-      "css-var": "button-padding-vertical"
+      "value": "$link-focus"
     },
-    {
+    "button-focus-border-color": {
-      "name": "button-padding-horizontal",
+      "id": "button-focus-border-color",
-      "value": "1em",
+      "name": "$button-focus-border-color",
-      "css-var": "button-padding-horizontal"
+      "value": "$link-focus-border"
     },
-    {
+    "button-focus-box-shadow-size": {
-      "name": "button-focus-border-color",
+      "id": "button-focus-box-shadow-size",
-      "value": "var(--bulma-link-focus-border)",
+      "name": "$button-focus-box-shadow-size",
-      "css-var": "button-focus-border-color"
-    },
-    {
-      "name": "button-focus-box-shadow-size",
-      "value": "0 0 0 0.125em",
-      "css-var": "button-focus-box-shadow-size"
-    },
-    {
-      "name": "button-focus-box-shadow-color",
-      "value": "hsla(\n  var(--bulma-link-h),\n  var(--bulma-link-s),\n  var(--bulma-link-on-scheme-l),\n  0.25\n)",
-      "css-var": "button-focus-box-shadow-color"
-    },
-    {
-      "name": "button-active-color",
-      "value": "var(--bulma-link-active)",
-      "css-var": "button-active-color"
-    },
-    {
-      "name": "button-active-border-color",
-      "value": "var(--bulma-link-active-border)",
-      "css-var": "button-active-border-color"
-    },
-    {
-      "name": "button-text-color",
-      "value": "var(--bulma-text)",
-      "css-var": "button-text-color"
-    },
-    {
-      "name": "button-text-decoration",
-      "value": "underline",
-      "css-var": "button-text-decoration"
-    },
-    {
-      "name": "button-text-hover-background-color",
-      "value": "var(--bulma-background)",
-      "css-var": "button-text-hover-background-color"
-    },
-    {
-      "name": "button-text-hover-color",
-      "value": "var(--bulma-text-strong)",
-      "css-var": "button-text-hover-color"
-    },
-    {
-      "name": "button-ghost-background",
-      "value": "none",
-      "css-var": "button-ghost-background"
-    },
-    {
-      "name": "button-ghost-border-color",
-      "value": "transparent",
-      "css-var": "button-ghost-border-color"
-    },
-    {
-      "name": "button-ghost-color",
-      "value": "var(--bulma-link-text)",
-      "css-var": "button-ghost-color"
-    },
-    {
-      "name": "button-ghost-decoration",
-      "value": "none",
-      "css-var": "button-ghost-decoration"
-    },
-    {
-      "name": "button-ghost-hover-color",
-      "value": "var(--bulma-link)",
-      "css-var": "button-ghost-hover-color"
-    },
-    {
-      "name": "button-ghost-hover-decoration",
-      "value": "underline",
-      "css-var": "button-ghost-hover-decoration"
-    },
-    {
-      "name": "button-disabled-background-color",
-      "value": "var(--bulma-scheme-main)",
-      "css-var": "button-disabled-background-color"
-    },
-    {
-      "name": "button-disabled-border-color",
-      "value": "var(--bulma-border)",
-      "css-var": "button-disabled-border-color"
-    },
-    {
-      "name": "button-disabled-shadow",
-      "value": "none",
-      "css-var": "button-disabled-shadow"
-    },
-    {
-      "name": "button-disabled-opacity",
-      "value": "0.5",
-      "css-var": "button-disabled-opacity"
-    },
-    {
-      "name": "button-static-color",
-      "value": "var(--bulma-text-weak)",
-      "css-var": "button-static-color"
-    },
-    {
-      "name": "button-static-background-color",
-      "value": "var(--bulma-scheme-main-ter)",
-      "css-var": "button-static-background-color"
-    },
-    {
-      "name": "button-static-border-color",
-      "value": "var(--bulma-border)",
-      "css-var": "button-static-border-color"
-    },
-    {
-      "name": "button-colors",
-      "value": "dv.$colors"
-    }
-  ],
-  "css-vars": [
-    {
-      "name": "button-family",
-      "value": "false"
-    },
-    {
-      "name": "button-weight",
-      "value": "var(--bulma-weight-medium)"
-    },
-    {
-      "name": "button-border-color",
-      "value": "var(--bulma-border)"
-    },
-    {
-      "name": "button-border-style",
-      "value": "solid"
-    },
-    {
-      "name": "button-border-width",
-      "value": "var(--bulma-control-border-width)"
-    },
-    {
-      "name": "button-padding-vertical",
-      "value": "0.5em"
-    },
-    {
-      "name": "button-padding-horizontal",
-      "value": "1em"
-    },
-    {
-      "name": "button-focus-border-color",
-      "value": "var(--bulma-link-focus-border)"
-    },
-    {
-      "name": "button-focus-box-shadow-size",
       "value": "0 0 0 0.125em"
     },
-    {
+    "button-focus-box-shadow-color": {
-      "name": "button-focus-box-shadow-color",
+      "id": "button-focus-box-shadow-color",
-      "value": "hsla(\n  var(--bulma-link-h),\n  var(--bulma-link-s),\n  var(--bulma-link-on-scheme-l),\n  0.25\n)"
+      "name": "$button-focus-box-shadow-color",
+      "value": "rgba($link, 0.25)"
     },
-    {
+    "button-active-color": {
-      "name": "button-active-color",
+      "id": "button-active-color",
-      "value": "var(--bulma-link-active)"
+      "name": "$button-active-color",
+      "value": "$link-active"
     },
-    {
+    "button-active-border-color": {
-      "name": "button-active-border-color",
+      "id": "button-active-border-color",
-      "value": "var(--bulma-link-active-border)"
+      "name": "$button-active-border-color",
+      "value": "$link-active-border"
     },
-    {
+    "button-text-color": {
-      "name": "button-text-color",
+      "id": "button-text-color",
-      "value": "var(--bulma-text)"
+      "name": "$button-text-color",
+      "value": "$text"
     },
-    {
+    "button-text-hover-background-color": {
-      "name": "button-text-decoration",
+      "id": "button-text-hover-background-color",
-      "value": "underline"
+      "name": "$button-text-hover-background-color",
+      "value": "$background"
     },
-    {
+    "button-text-hover-color": {
-      "name": "button-text-hover-background-color",
+      "id": "button-text-hover-color",
-      "value": "var(--bulma-background)"
+      "name": "$button-text-hover-color",
+      "value": "$text-strong"
     },
-    {
+    "button-disabled-background-color": {
-      "name": "button-text-hover-color",
+      "id": "button-disabled-background-color",
-      "value": "var(--bulma-text-strong)"
+      "name": "$button-disabled-background-color",
+      "value": "$white"
     },
-    {
+    "button-disabled-border-color": {
-      "name": "button-ghost-background",
+      "id": "button-disabled-border-color",
+      "name": "$button-disabled-border-color",
+      "value": "$grey-lighter"
+    },
+    "button-disabled-shadow": {
+      "id": "button-disabled-shadow",
+      "name": "$button-disabled-shadow",
       "value": "none"
     },
-    {
+    "button-disabled-opacity": {
-      "name": "button-ghost-border-color",
+      "id": "button-disabled-opacity",
-      "value": "transparent"
+      "name": "$button-disabled-opacity",
-    },
-    {
-      "name": "button-ghost-color",
-      "value": "var(--bulma-link-text)"
-    },
-    {
-      "name": "button-ghost-decoration",
-      "value": "none"
-    },
-    {
-      "name": "button-ghost-hover-color",
-      "value": "var(--bulma-link)"
-    },
-    {
-      "name": "button-ghost-hover-decoration",
-      "value": "underline"
-    },
-    {
-      "name": "button-disabled-background-color",
-      "value": "var(--bulma-scheme-main)"
-    },
-    {
-      "name": "button-disabled-border-color",
-      "value": "var(--bulma-border)"
-    },
-    {
-      "name": "button-disabled-shadow",
-      "value": "none"
-    },
-    {
-      "name": "button-disabled-opacity",
       "value": "0.5"
     },
-    {
+    "button-static-color": {
-      "name": "button-static-color",
+      "id": "button-static-color",
-      "value": "var(--bulma-text-weak)"
+      "name": "$button-static-color",
+      "value": "$grey"
     },
-    {
+    "button-static-background-color": {
-      "name": "button-static-background-color",
+      "id": "button-static-background-color",
-      "value": "var(--bulma-scheme-main-ter)"
+      "name": "$button-static-background-color",
+      "value": "$white-ter"
     },
-    {
+    "button-static-border-color": {
-      "name": "button-static-border-color",
+      "id": "button-static-border-color",
-      "value": "var(--bulma-border)"
+      "name": "$button-static-border-color",
+      "value": "$grey-lighter"
+    }
   }
-  ]
 }

docs/_data/variables/elements/content.json

@@ -1,159 +1,90 @@
 {
-  "sass-vars": [
+  "dir_name": "elements",
-    {
+  "file_name": "content",
-      "name": "content-heading-color",
+  "file_relative_path": "elements/content.sass",
-      "value": "var(--bulma-text-strong)",
+  "file_line_from": 1,
-      "css-var": "content-heading-color"
+  "file_line_to": 19,
+  "file_url": "https://github.com/jgthms/bulma/blob/master/sass/elements/content.sass#L1,L19",
+  "vars": {
+    "content-heading-color": {
+      "id": "content-heading-color",
+      "name": "$content-heading-color",
+      "value": "$text-strong"
     },
-    {
+    "content-heading-weight": {
-      "name": "content-heading-weight",
+      "id": "content-heading-weight",
-      "value": "var(--bulma-weight-extrabold)",
+      "name": "$content-heading-weight",
-      "css-var": "content-heading-weight"
+      "value": "$weight-normal"
     },
-    {
+    "content-heading-line-height": {
-      "name": "content-heading-line-height",
+      "id": "content-heading-line-height",
-      "value": "1.125",
+      "name": "$content-heading-line-height",
-      "css-var": "content-heading-line-height"
-    },
-    {
-      "name": "content-block-margin-bottom",
-      "value": "1em",
-      "css-var": "content-block-margin-bottom"
-    },
-    {
-      "name": "content-blockquote-background-color",
-      "value": "var(--bulma-background)",
-      "css-var": "content-blockquote-background-color"
-    },
-    {
-      "name": "content-blockquote-border-left",
-      "value": "5px solid var(--bulma-border)",
-      "css-var": "content-blockquote-border-left"
-    },
-    {
-      "name": "content-blockquote-padding",
-      "value": "1.25em 1.5em",
-      "css-var": "content-blockquote-padding"
-    },
-    {
-      "name": "content-pre-padding",
-      "value": "1.25em 1.5em",
-      "css-var": "content-pre-padding"
-    },
-    {
-      "name": "content-table-cell-border",
-      "value": "1px solid var(--bulma-border)",
-      "css-var": "content-table-cell-border"
-    },
-    {
-      "name": "content-table-cell-border-width",
-      "value": "0 0 1px",
-      "css-var": "content-table-cell-border-width"
-    },
-    {
-      "name": "content-table-cell-padding",
-      "value": "0.5em 0.75em",
-      "css-var": "content-table-cell-padding"
-    },
-    {
-      "name": "content-table-cell-heading-color",
-      "value": "var(--bulma-text-strong)",
-      "css-var": "content-table-cell-heading-color"
-    },
-    {
-      "name": "content-table-head-cell-border-width",
-      "value": "0 0 2px",
-      "css-var": "content-table-head-cell-border-width"
-    },
-    {
-      "name": "content-table-head-cell-color",
-      "value": "var(--bulma-text-strong)",
-      "css-var": "content-table-head-cell-color"
-    },
-    {
-      "name": "content-table-body-last-row-cell-border-bottom-width",
-      "value": "0",
-      "css-var": "content-table-body-last-row-cell-border-bottom-width"
-    },
-    {
-      "name": "content-table-foot-cell-border-width",
-      "value": "2px 0 0",
-      "css-var": "content-table-foot-cell-border-width"
-    },
-    {
-      "name": "content-table-foot-cell-color",
-      "value": "var(--bulma-text-strong)",
-      "css-var": "content-table-foot-cell-color"
-    }
-  ],
-  "css-vars": [
-    {
-      "name": "content-heading-color",
-      "value": "var(--bulma-text-strong)"
-    },
-    {
-      "name": "content-heading-weight",
-      "value": "var(--bulma-weight-extrabold)"
-    },
-    {
-      "name": "content-heading-line-height",
       "value": "1.125"
     },
-    {
+    "content-blockquote-background-color": {
-      "name": "content-block-margin-bottom",
+      "id": "content-blockquote-background-color",
-      "value": "1em"
+      "name": "$content-blockquote-background-color",
+      "value": "$background"
     },
-    {
+    "content-blockquote-border-left": {
-      "name": "content-blockquote-background-color",
+      "id": "content-blockquote-border-left",
-      "value": "var(--bulma-background)"
+      "name": "$content-blockquote-border-left",
+      "value": "5px solid $border"
     },
-    {
+    "content-blockquote-padding": {
-      "name": "content-blockquote-border-left",
+      "id": "content-blockquote-padding",
-      "value": "5px solid var(--bulma-border)"
+      "name": "$content-blockquote-padding",
-    },
-    {
-      "name": "content-blockquote-padding",
       "value": "1.25em 1.5em"
     },
-    {
+    "content-pre-padding": {
-      "name": "content-pre-padding",
+      "id": "content-pre-padding",
+      "name": "$content-pre-padding",
       "value": "1.25em 1.5em"
     },
-    {
+    "content-table-cell-border": {
-      "name": "content-table-cell-border",
+      "id": "content-table-cell-border",
-      "value": "1px solid var(--bulma-border)"
+      "name": "$content-table-cell-border",
+      "value": "1px solid $border"
     },
-    {
+    "content-table-cell-border-width": {
-      "name": "content-table-cell-border-width",
+      "id": "content-table-cell-border-width",
+      "name": "$content-table-cell-border-width",
       "value": "0 0 1px"
     },
-    {
+    "content-table-cell-padding": {
-      "name": "content-table-cell-padding",
+      "id": "content-table-cell-padding",
+      "name": "$content-table-cell-padding",
       "value": "0.5em 0.75em"
     },
-    {
+    "content-table-cell-heading-color": {
-      "name": "content-table-cell-heading-color",
+      "id": "content-table-cell-heading-color",
-      "value": "var(--bulma-text-strong)"
+      "name": "$content-table-cell-heading-color",
+      "value": "$text-strong"
     },
-    {
+    "content-table-row-hover-background-color": {
-      "name": "content-table-head-cell-border-width",
+      "id": "content-table-row-hover-background-color",
+      "name": "$content-table-row-hover-background-color",
+      "value": "$background"
+    },
+    "content-table-head-cell-border-width": {
+      "id": "content-table-head-cell-border-width",
+      "name": "$content-table-head-cell-border-width",
       "value": "0 0 2px"
     },
-    {
+    "content-table-head-cell-color": {
-      "name": "content-table-head-cell-color",
+      "id": "content-table-head-cell-color",
-      "value": "var(--bulma-text-strong)"
+      "name": "$content-table-head-cell-color",
+      "value": "$text-strong"
     },
-    {
+    "content-table-foot-cell-border-width": {
-      "name": "content-table-body-last-row-cell-border-bottom-width",
+      "id": "content-table-foot-cell-border-width",
-      "value": "0"
+      "name": "$content-table-foot-cell-border-width",
-    },
-    {
-      "name": "content-table-foot-cell-border-width",
       "value": "2px 0 0"
     },
-    {
+    "content-table-foot-cell-color": {
-      "name": "content-table-foot-cell-color",
+      "id": "content-table-foot-cell-color",
-      "value": "var(--bulma-text-strong)"
+      "name": "$content-table-foot-cell-color",
+      "value": "$text-strong"
+    }
   }
-  ]
 }

docs/_data/variables/elements/delete.json

@@ -1,21 +0,0 @@
-{
-  "sass-vars": [],
-  "css-vars": [
-    {
-      "name": "delete-dimensions",
-      "value": "1.25rem"
-    },
-    {
-      "name": "delete-background-l",
-      "value": "0%"
-    },
-    {
-      "name": "delete-background-alpha",
-      "value": "0.5"
-    },
-    {
-      "name": "delete-color",
-      "value": "var(--bulma-white)"
-    }
-  ]
-}

docs/_data/variables/elements/form.json

@@ -0,0 +1,160 @@
+{
+  "dir_name": "elements",
+  "file_name": "form",
+  "file_relative_path": "elements/form.sass",
+  "file_line_from": 1,
+  "file_line_to": 41,
+  "file_url": "https://github.com/jgthms/bulma/blob/master/sass/elements/form.sass#L1,L41",
+  "vars": {
+    "input-color": {
+      "id": "input-color",
+      "name": "$input-color",
+      "value": "$grey-darker"
+    },
+    "input-background-color": {
+      "id": "input-background-color",
+      "name": "$input-background-color",
+      "value": "$white"
+    },
+    "input-border-color": {
+      "id": "input-border-color",
+      "name": "$input-border-color",
+      "value": "$grey-lighter"
+    },
+    "input-shadow": {
+      "id": "input-shadow",
+      "name": "$input-shadow",
+      "value": "inset 0 1px 2px rgba($black, 0.1)"
+    },
+    "input-hover-color": {
+      "id": "input-hover-color",
+      "name": "$input-hover-color",
+      "value": "$grey-darker"
+    },
+    "input-hover-border-color": {
+      "id": "input-hover-border-color",
+      "name": "$input-hover-border-color",
+      "value": "$grey-light"
+    },
+    "input-focus-color": {
+      "id": "input-focus-color",
+      "name": "$input-focus-color",
+      "value": "$grey-darker"
+    },
+    "input-focus-border-color": {
+      "id": "input-focus-border-color",
+      "name": "$input-focus-border-color",
+      "value": "$link"
+    },
+    "input-focus-box-shadow-size": {
+      "id": "input-focus-box-shadow-size",
+      "name": "$input-focus-box-shadow-size",
+      "value": "0 0 0 0.125em"
+    },
+    "input-focus-box-shadow-color": {
+      "id": "input-focus-box-shadow-color",
+      "name": "$input-focus-box-shadow-color",
+      "value": "rgba($link, 0.25)"
+    },
+    "input-disabled-color": {
+      "id": "input-disabled-color",
+      "name": "$input-disabled-color",
+      "value": "$text-light"
+    },
+    "input-disabled-background-color": {
+      "id": "input-disabled-background-color",
+      "name": "$input-disabled-background-color",
+      "value": "$background"
+    },
+    "input-disabled-border-color": {
+      "id": "input-disabled-border-color",
+      "name": "$input-disabled-border-color",
+      "value": "$background"
+    },
+    "input-arrow": {
+      "id": "input-arrow",
+      "name": "$input-arrow",
+      "value": "$link"
+    },
+    "input-icon-color": {
+      "id": "input-icon-color",
+      "name": "$input-icon-color",
+      "value": "$grey-lighter"
+    },
+    "input-icon-active-color": {
+      "id": "input-icon-active-color",
+      "name": "$input-icon-active-color",
+      "value": "$grey"
+    },
+    "input-radius": {
+      "id": "input-radius",
+      "name": "$input-radius",
+      "value": "$radius"
+    },
+    "file-border-color": {
+      "id": "file-border-color",
+      "name": "$file-border-color",
+      "value": "$border"
+    },
+    "file-radius": {
+      "id": "file-radius",
+      "name": "$file-radius",
+      "value": "$radius"
+    },
+    "file-cta-background-color": {
+      "id": "file-cta-background-color",
+      "name": "$file-cta-background-color",
+      "value": "$white-ter"
+    },
+    "file-cta-color": {
+      "id": "file-cta-color",
+      "name": "$file-cta-color",
+      "value": "$grey-dark"
+    },
+    "file-cta-hover-color": {
+      "id": "file-cta-hover-color",
+      "name": "$file-cta-hover-color",
+      "value": "$grey-darker"
+    },
+    "file-cta-active-color": {
+      "id": "file-cta-active-color",
+      "name": "$file-cta-active-color",
+      "value": "$grey-darker"
+    },
+    "file-name-border-color": {
+      "id": "file-name-border-color",
+      "name": "$file-name-border-color",
+      "value": "$border"
+    },
+    "file-name-border-style": {
+      "id": "file-name-border-style",
+      "name": "$file-name-border-style",
+      "value": "solid"
+    },
+    "file-name-border-width": {
+      "id": "file-name-border-width",
+      "name": "$file-name-border-width",
+      "value": "1px 1px 1px 0"
+    },
+    "file-name-max-width": {
+      "id": "file-name-max-width",
+      "name": "$file-name-max-width",
+      "value": "16em"
+    },
+    "label-color": {
+      "id": "label-color",
+      "name": "$label-color",
+      "value": "$grey-darker"
+    },
+    "label-weight": {
+      "id": "label-weight",
+      "name": "$label-weight",
+      "value": "$weight-bold"
+    },
+    "help-size": {
+      "id": "help-size",
+      "name": "$help-size",
+      "value": "$size-small"
+    }
+  }
+}

docs/_data/variables/elements/icon.json

@@ -1,51 +1,30 @@
 {
-  "sass-vars": [
+  "dir_name": "elements",
-    {
+  "file_name": "icon",
-      "name": "icon-dimensions",
+  "file_relative_path": "elements/icon.sass",
-      "value": "1.5rem",
+  "file_line_from": 1,
-      "css-var": "icon-dimensions"
+  "file_line_to": 4,
-    },
+  "file_url": "https://github.com/jgthms/bulma/blob/master/sass/elements/icon.sass#L1,L4",
-    {
+  "vars": {
-      "name": "icon-dimensions-small",
+    "icon-dimensions": {
-      "value": "1rem",
+      "id": "icon-dimensions",
-      "css-var": "icon-dimensions-small"
+      "name": "$icon-dimensions",
-    },
-    {
-      "name": "icon-dimensions-medium",
-      "value": "2rem",
-      "css-var": "icon-dimensions-medium"
-    },
-    {
-      "name": "icon-dimensions-large",
-      "value": "3rem",
-      "css-var": "icon-dimensions-large"
-    },
-    {
-      "name": "icon-text-spacing",
-      "value": "0.25em",
-      "css-var": "icon-text-spacing"
-    }
-  ],
-  "css-vars": [
-    {
-      "name": "icon-dimensions",
       "value": "1.5rem"
     },
-    {
+    "icon-dimensions-small": {
-      "name": "icon-dimensions-small",
+      "id": "icon-dimensions-small",
+      "name": "$icon-dimensions-small",
       "value": "1rem"
     },
-    {
+    "icon-dimensions-medium": {
-      "name": "icon-dimensions-medium",
+      "id": "icon-dimensions-medium",
+      "name": "$icon-dimensions-medium",
       "value": "2rem"
     },
-    {
+    "icon-dimensions-large": {
-      "name": "icon-dimensions-large",
+      "id": "icon-dimensions-large",
+      "name": "$icon-dimensions-large",
       "value": "3rem"
-    },
-    {
-      "name": "icon-text-spacing",
-      "value": "0.25em"
     }
-  ]
+  }
 }

docs/_data/variables/elements/image.json

@@ -1,9 +1,15 @@
 {
-  "sass-vars": [
+  "dir_name": "elements",
-    {
+  "file_name": "image",
-      "name": "dimensions",
+  "file_relative_path": "elements/image.sass",
+  "file_line_from": 1,
+  "file_line_to": 1,
+  "file_url": "https://github.com/jgthms/bulma/blob/master/sass/elements/image.sass#L1,L1",
+  "vars": {
+    "dimensions": {
+      "id": "dimensions",
+      "name": "$dimensions",
       "value": "16 24 32 48 64 96 128"
     }
-  ],
+  }
-  "css-vars": []
 }

docs/_data/variables/elements/loader.json

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

docs/_data/variables/elements/notification.json

@@ -1,53 +1,25 @@
 {
-  "sass-vars": [
+  "dir_name": "elements",
-    {
+  "file_name": "notification",
-      "name": "notification-code-background-color",
+  "file_relative_path": "elements/notification.sass",
-      "value": "var(--bulma-scheme-main)",
+  "file_line_from": 1,
-      "css-var": "notification-code-background-color"
+  "file_line_to": 3,
+  "file_url": "https://github.com/jgthms/bulma/blob/master/sass/elements/notification.sass#L1,L3",
+  "vars": {
+    "notification-background-color": {
+      "id": "notification-background-color",
+      "name": "$notification-background-color",
+      "value": "$background"
     },
-    {
+    "notification-radius": {
-      "name": "notification-radius",
+      "id": "notification-radius",
-      "value": "var(--bulma-radius)",
+      "name": "$notification-radius",
-      "css-var": "notification-radius"
+      "value": "$radius"
     },
-    {
+    "notification-padding": {
-      "name": "notification-padding",
+      "id": "notification-padding",
-      "value": "1.375em 1.5em",
+      "name": "$notification-padding",
-      "css-var": "notification-padding"
+      "value": "1.25rem 2.5rem 1.25rem 1.5rem"
-    },
-    {
-      "name": "notification-colors",
-      "value": "dv.$colors"
     }
-  ],
-  "css-vars": [
-    {
-      "name": "notification-h",
-      "value": "#{cv.getVar(\"scheme-h\")},"
-    },
-    {
-      "name": "notification-s",
-      "value": "#{cv.getVar(\"scheme-s\")},"
-    },
-    {
-      "name": "notification-background-l",
-      "value": "#{cv.getVar(\"background-l\")},"
-    },
-    {
-      "name": "notification-color-l",
-      "value": "#{cv.getVar(\"text-strong-l\")},"
-    },
-    {
-      "name": "notification-code-background-color",
-      "value": "var(--bulma-scheme-main)"
-    },
-    {
-      "name": "notification-radius",
-      "value": "var(--bulma-radius)"
-    },
-    {
-      "name": "notification-padding",
-      "value": "1.375em 1.5em"
   }
-  ]
 }

docs/_data/variables/elements/progress.json

@@ -1,46 +1,20 @@
 {
-  "sass-vars": [
+  "dir_name": "elements",
-    {
+  "file_name": "progress",
-      "name": "progress-bar-background-color",
+  "file_relative_path": "elements/progress.sass",
-      "value": "var(--bulma-border-weak)",
+  "file_line_from": 1,
-      "css-var": "progress-bar-background-color"
+  "file_line_to": 2,
+  "file_url": "https://github.com/jgthms/bulma/blob/master/sass/elements/progress.sass#L1,L2",
+  "vars": {
+    "progress-bar-background-color": {
+      "id": "progress-bar-background-color",
+      "name": "$progress-bar-background-color",
+      "value": "$border"
     },
-    {
+    "progress-value-background-color": {
-      "name": "progress-value-background-color",
+      "id": "progress-value-background-color",
-      "value": "var(--bulma-text)",
+      "name": "$progress-value-background-color",
-      "css-var": "progress-value-background-color"
+      "value": "$text"
-    },
-    {
-      "name": "progress-border-radius",
-      "value": "var(--bulma-radius-rounded)",
-      "css-var": "progress-border-radius"
-    },
-    {
-      "name": "progress-indeterminate-duration",
-      "value": "1.5s",
-      "css-var": "progress-indeterminate-duration"
-    },
-    {
-      "name": "progress-colors",
-      "value": "dv.$colors"
     }
-  ],
-  "css-vars": [
-    {
-      "name": "progress-border-radius",
-      "value": "var(--bulma-radius-rounded)"
-    },
-    {
-      "name": "progress-bar-background-color",
-      "value": "var(--bulma-border-weak)"
-    },
-    {
-      "name": "progress-value-background-color",
-      "value": "var(--bulma-text)"
-    },
-    {
-      "name": "progress-indeterminate-duration",
-      "value": "1.5s"
   }
-  ]
 }

docs/_data/variables/elements/table.json

@@ -1,190 +1,85 @@
 {
-  "sass-vars": [
+  "dir_name": "elements",
-    {
+  "file_name": "table",
-      "name": "table-color",
+  "file_relative_path": "elements/table.sass",
-      "value": "var(--bulma-text-strong)",
+  "file_line_from": 1,
-      "css-var": "table-color"
+  "file_line_to": 20,
+  "file_url": "https://github.com/jgthms/bulma/blob/master/sass/elements/table.sass#L1,L20",
+  "vars": {
+    "table-color": {
+      "id": "table-color",
+      "name": "$table-color",
+      "value": "$grey-darker"
     },
-    {
+    "table-background-color": {
-      "name": "table-background-color",
+      "id": "table-background-color",
-      "value": "var(--bulma-scheme-main)",
+      "name": "$table-background-color",
-      "css-var": "table-background-color"
+      "value": "$white"
     },
-    {
+    "table-cell-border": {
-      "name": "table-cell-border-color",
+      "id": "table-cell-border",
-      "value": "var(--bulma-border)",
+      "name": "$table-cell-border",
-      "css-var": "table-cell-border-color"
+      "value": "1px solid $grey-lighter"
     },
-    {
+    "table-cell-border-width": {
-      "name": "table-cell-border-style",
+      "id": "table-cell-border-width",
-      "value": "solid",
+      "name": "$table-cell-border-width",
-      "css-var": "table-cell-border-style"
-    },
-    {
-      "name": "table-cell-border-width",
-      "value": "0 0 1px",
-      "css-var": "table-cell-border-width"
-    },
-    {
-      "name": "table-cell-padding",
-      "value": "0.5em 0.75em",
-      "css-var": "table-cell-padding"
-    },
-    {
-      "name": "table-cell-heading-color",
-      "value": "var(--bulma-text-strong)",
-      "css-var": "table-cell-heading-color"
-    },
-    {
-      "name": "table-cell-text-align",
-      "value": "left",
-      "css-var": "table-cell-text-align"
-    },
-    {
-      "name": "table-head-cell-border-width",
-      "value": "0 0 2px",
-      "css-var": "table-head-cell-border-width"
-    },
-    {
-      "name": "table-head-cell-color",
-      "value": "var(--bulma-text-strong)",
-      "css-var": "table-head-cell-color"
-    },
-    {
-      "name": "table-foot-cell-border-width",
-      "value": "2px 0 0",
-      "css-var": "table-foot-cell-border-width"
-    },
-    {
-      "name": "table-foot-cell-color",
-      "value": "var(--bulma-text-strong)",
-      "css-var": "table-foot-cell-color"
-    },
-    {
-      "name": "table-head-background-color",
-      "value": "transparent",
-      "css-var": "table-head-background-color"
-    },
-    {
-      "name": "table-body-background-color",
-      "value": "transparent",
-      "css-var": "table-body-background-color"
-    },
-    {
-      "name": "table-foot-background-color",
-      "value": "transparent",
-      "css-var": "table-foot-background-color"
-    },
-    {
-      "name": "table-row-hover-background-color",
-      "value": "var(--bulma-scheme-main-bis)",
-      "css-var": "table-row-hover-background-color"
-    },
-    {
-      "name": "table-row-active-background-color",
-      "value": "var(--bulma-primary)",
-      "css-var": "table-row-active-background-color"
-    },
-    {
-      "name": "table-row-active-color",
-      "value": "var(--bulma-primary-invert)",
-      "css-var": "table-row-active-color"
-    },
-    {
-      "name": "table-striped-row-even-background-color",
-      "value": "var(--bulma-scheme-main-bis)",
-      "css-var": "table-striped-row-even-background-color"
-    },
-    {
-      "name": "table-striped-row-even-hover-background-color",
-      "value": "var(--bulma-scheme-main-ter)",
-      "css-var": "table-striped-row-even-hover-background-color"
-    },
-    {
-      "name": "table-colors",
-      "value": "dv.$colors"
-    }
-  ],
-  "css-vars": [
-    {
-      "name": "table-color",
-      "value": "var(--bulma-text-strong)"
-    },
-    {
-      "name": "table-background-color",
-      "value": "var(--bulma-scheme-main)"
-    },
-    {
-      "name": "table-cell-border-color",
-      "value": "var(--bulma-border)"
-    },
-    {
-      "name": "table-cell-border-style",
-      "value": "solid"
-    },
-    {
-      "name": "table-cell-border-width",
       "value": "0 0 1px"
     },
-    {
+    "table-cell-padding": {
-      "name": "table-cell-padding",
+      "id": "table-cell-padding",
+      "name": "$table-cell-padding",
       "value": "0.5em 0.75em"
     },
-    {
+    "table-cell-heading-color": {
-      "name": "table-cell-heading-color",
+      "id": "table-cell-heading-color",
-      "value": "var(--bulma-text-strong)"
+      "name": "$table-cell-heading-color",
+      "value": "$text-strong"
     },
-    {
+    "table-head-cell-border-width": {
-      "name": "table-cell-text-align",
+      "id": "table-head-cell-border-width",
-      "value": "left"
+      "name": "$table-head-cell-border-width",
-    },
-    {
-      "name": "table-head-cell-border-width",
       "value": "0 0 2px"
     },
-    {
+    "table-head-cell-color": {
-      "name": "table-head-cell-color",
+      "id": "table-head-cell-color",
-      "value": "var(--bulma-text-strong)"
+      "name": "$table-head-cell-color",
+      "value": "$text-strong"
     },
-    {
+    "table-foot-cell-border-width": {
-      "name": "table-foot-cell-border-width",
+      "id": "table-foot-cell-border-width",
+      "name": "$table-foot-cell-border-width",
       "value": "2px 0 0"
     },
-    {
+    "table-foot-cell-color": {
-      "name": "table-foot-cell-color",
+      "id": "table-foot-cell-color",
-      "value": "var(--bulma-text-strong)"
+      "name": "$table-foot-cell-color",
+      "value": "$text-strong"
     },
-    {
+    "table-row-hover-background-color": {
-      "name": "table-head-background-color",
+      "id": "table-row-hover-background-color",
-      "value": "transparent"
+      "name": "$table-row-hover-background-color",
+      "value": "$white-bis"
     },
-    {
+    "table-row-active-background-color": {
-      "name": "table-body-background-color",
+      "id": "table-row-active-background-color",
-      "value": "transparent"
+      "name": "$table-row-active-background-color",
+      "value": "$primary"
     },
-    {
+    "table-row-active-color": {
-      "name": "table-foot-background-color",
+      "id": "table-row-active-color",
-      "value": "transparent"
+      "name": "$table-row-active-color",
+      "value": "$primary-invert"
     },
-    {
+    "table-striped-row-even-background-color": {
-      "name": "table-row-hover-background-color",
+      "id": "table-striped-row-even-background-color",
-      "value": "var(--bulma-scheme-main-bis)"
+      "name": "$table-striped-row-even-background-color",
+      "value": "$white-bis"
     },
-    {
+    "table-striped-row-even-hover-background-color": {
-      "name": "table-row-active-background-color",
+      "id": "table-striped-row-even-hover-background-color",
-      "value": "var(--bulma-primary)"
+      "name": "$table-striped-row-even-hover-background-color",
-    },
+      "value": "$white-ter"
-    {
+    }
-      "name": "table-row-active-color",
-      "value": "var(--bulma-primary-invert)"
-    },
-    {
-      "name": "table-striped-row-even-background-color",
-      "value": "var(--bulma-scheme-main-bis)"
-    },
-    {
-      "name": "table-striped-row-even-hover-background-color",
-      "value": "cv.getVar(\n  \"scheme-main-ter\"\n)"
   }
-  ]
 }

docs/_data/variables/elements/tag.json

@@ -1,56 +1,30 @@
 {
-  "sass-vars": [
+  "dir_name": "elements",
-    {
+  "file_name": "tag",
-      "name": "tag-radius",
+  "file_relative_path": "elements/tag.sass",
-      "value": "var(--bulma-radius)",
+  "file_line_from": 1,
-      "css-var": "tag-radius"
+  "file_line_to": 4,
+  "file_url": "https://github.com/jgthms/bulma/blob/master/sass/elements/tag.sass#L1,L4",
+  "vars": {
+    "tag-background-color": {
+      "id": "tag-background-color",
+      "name": "$tag-background-color",
+      "value": "$background"
     },
-    {
+    "tag-color": {
-      "name": "tag-delete-margin",
+      "id": "tag-color",
-      "value": "1px",
+      "name": "$tag-color",
-      "css-var": "tag-delete-margin"
+      "value": "$text"
     },
-    {
+    "tag-radius": {
-      "name": "tag-colors",
+      "id": "tag-radius",
-      "value": "dv.$colors"
+      "name": "$tag-radius",
-    }
+      "value": "$radius"
-  ],
-  "css-vars": [
-    {
-      "name": "tag-h",
-      "value": "#{$tag-h},"
     },
-    {
+    "tag-delete-margin": {
-      "name": "tag-s",
+      "id": "tag-delete-margin",
-      "value": "#{$tag-s},"
+      "name": "$tag-delete-margin",
-    },
-    {
-      "name": "tag-background-l",
-      "value": "#{$tag-background-l},"
-    },
-    {
-      "name": "tag-background-l-delta",
-      "value": "#{$tag-background-l-delta},"
-    },
-    {
-      "name": "tag-hover-background-l-delta",
-      "value": "#{$tag-hover-background-l-delta},"
-    },
-    {
-      "name": "tag-active-background-l-delta",
-      "value": "#{$tag-active-background-l-delta},"
-    },
-    {
-      "name": "tag-color-l",
-      "value": "#{$tag-color-l},"
-    },
-    {
-      "name": "tag-radius",
-      "value": "var(--bulma-radius)"
-    },
-    {
-      "name": "tag-delete-margin",
       "value": "1px"
     }
-  ]
+  }
 }

docs/_data/variables/elements/title.json

@@ -1,150 +1,60 @@
 {
-  "sass-vars": [
+  "dir_name": "elements",
-    {
+  "file_name": "title",
-      "name": "title-color",
+  "file_relative_path": "elements/title.sass",
-      "value": "var(--bulma-text-strong)",
+  "file_line_from": 1,
-      "css-var": "title-color"
+  "file_line_to": 11,
+  "file_url": "https://github.com/jgthms/bulma/blob/master/sass/elements/title.sass#L1,L11",
+  "vars": {
+    "title-color": {
+      "id": "title-color",
+      "name": "$title-color",
+      "value": "$grey-darker"
     },
-    {
+    "title-size": {
-      "name": "title-family",
+      "id": "title-size",
-      "value": "false",
+      "name": "$title-size",
-      "css-var": "title-family"
+      "value": "$size-3"
     },
-    {
+    "title-weight": {
-      "name": "title-size",
+      "id": "title-weight",
-      "value": "var(--bulma-size-3)",
+      "name": "$title-weight",
-      "css-var": "title-size"
+      "value": "$weight-semibold"
     },
-    {
+    "title-strong-color": {
-      "name": "title-weight",
+      "id": "title-strong-color",
-      "value": "var(--bulma-weight-extrabold)",
+      "name": "$title-strong-color",
-      "css-var": "title-weight"
-    },
-    {
-      "name": "title-line-height",
-      "value": "1.125",
-      "css-var": "title-line-height"
-    },
-    {
-      "name": "title-strong-color",
-      "value": "inherit",
-      "css-var": "title-strong-color"
-    },
-    {
-      "name": "title-strong-weight",
-      "value": "inherit",
-      "css-var": "title-strong-weight"
-    },
-    {
-      "name": "title-sub-size",
-      "value": "0.75em",
-      "css-var": "title-sub-size"
-    },
-    {
-      "name": "title-sup-size",
-      "value": "0.75em",
-      "css-var": "title-sup-size"
-    },
-    {
-      "name": "subtitle-color",
-      "value": "var(--bulma-text)",
-      "css-var": "subtitle-color"
-    },
-    {
-      "name": "subtitle-family",
-      "value": "false",
-      "css-var": "subtitle-family"
-    },
-    {
-      "name": "subtitle-size",
-      "value": "var(--bulma-size-5)",
-      "css-var": "subtitle-size"
-    },
-    {
-      "name": "subtitle-weight",
-      "value": "var(--bulma-weight-normal)",
-      "css-var": "subtitle-weight"
-    },
-    {
-      "name": "subtitle-line-height",
-      "value": "1.25",
-      "css-var": "subtitle-line-height"
-    },
-    {
-      "name": "subtitle-strong-color",
-      "value": "var(--bulma-text-strong)",
-      "css-var": "subtitle-strong-color"
-    },
-    {
-      "name": "subtitle-strong-weight",
-      "value": "var(--bulma-weight-semibold)",
-      "css-var": "subtitle-strong-weight"
-    }
-  ],
-  "css-vars": [
-    {
-      "name": "title-color",
-      "value": "var(--bulma-text-strong)"
-    },
-    {
-      "name": "title-family",
-      "value": "false"
-    },
-    {
-      "name": "title-size",
-      "value": "var(--bulma-size-3)"
-    },
-    {
-      "name": "title-weight",
-      "value": "var(--bulma-weight-extrabold)"
-    },
-    {
-      "name": "title-line-height",
-      "value": "1.125"
-    },
-    {
-      "name": "title-strong-color",
       "value": "inherit"
     },
-    {
+    "title-strong-weight": {
-      "name": "title-strong-weight",
+      "id": "title-strong-weight",
+      "name": "$title-strong-weight",
       "value": "inherit"
     },
-    {
+    "subtitle-color": {
-      "name": "title-sub-size",
+      "id": "subtitle-color",
-      "value": "0.75em"
+      "name": "$subtitle-color",
+      "value": "$grey-dark"
     },
-    {
+    "subtitle-size": {
-      "name": "title-sup-size",
+      "id": "subtitle-size",
-      "value": "0.75em"
+      "name": "$subtitle-size",
+      "value": "$size-5"
     },
-    {
+    "subtitle-weight": {
-      "name": "subtitle-color",
+      "id": "subtitle-weight",
-      "value": "var(--bulma-text)"
+      "name": "$subtitle-weight",
+      "value": "$weight-normal"
     },
-    {
+    "subtitle-strong-color": {
-      "name": "subtitle-family",
+      "id": "subtitle-strong-color",
-      "value": "false"
+      "name": "$subtitle-strong-color",
+      "value": "$grey-darker"
     },
-    {
+    "subtitle-strong-weight": {
-      "name": "subtitle-size",
+      "id": "subtitle-strong-weight",
-      "value": "var(--bulma-size-5)"
+      "name": "$subtitle-strong-weight",
-    },
+      "value": "$weight-semibold"
-    {
+    }
-      "name": "subtitle-weight",
-      "value": "var(--bulma-weight-normal)"
-    },
-    {
-      "name": "subtitle-line-height",
-      "value": "1.25"
-    },
-    {
-      "name": "subtitle-strong-color",
-      "value": "var(--bulma-text-strong)"
-    },
-    {
-      "name": "subtitle-strong-weight",
-      "value": "var(--bulma-weight-semibold)"
   }
-  ]
 }

docs/_data/variables/form/checkbox-radio.json

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

docs/_data/variables/form/file.json

@@ -1,123 +0,0 @@
-{
-  "sass-vars": [
-    {
-      "name": "file-radius",
-      "value": "var(--bulma-radius)",
-      "css-var": "file-radius"
-    },
-    {
-      "name": "file-cta-color",
-      "value": "var(--bulma-text)"
-    },
-    {
-      "name": "file-cta-hover-color",
-      "value": "var(--bulma-text-strong)"
-    },
-    {
-      "name": "file-cta-active-color",
-      "value": "var(--bulma-text-strong)"
-    },
-    {
-      "name": "file-name-border-color",
-      "value": "var(--bulma-border)",
-      "css-var": "file-name-border-color"
-    },
-    {
-      "name": "file-name-border-style",
-      "value": "solid",
-      "css-var": "file-name-border-style"
-    },
-    {
-      "name": "file-name-border-width",
-      "value": "1px 1px 1px 0",
-      "css-var": "file-name-border-width"
-    },
-    {
-      "name": "file-name-max-width",
-      "value": "16em",
-      "css-var": "file-name-max-width"
-    }
-  ],
-  "css-vars": [
-    {
-      "name": "file-radius",
-      "value": "var(--bulma-radius)"
-    },
-    {
-      "name": "file-name-border-color",
-      "value": "var(--bulma-border)"
-    },
-    {
-      "name": "file-name-border-style",
-      "value": "solid"
-    },
-    {
-      "name": "file-name-border-width",
-      "value": "1px 1px 1px 0"
-    },
-    {
-      "name": "file-name-max-width",
-      "value": "16em"
-    },
-    {
-      "name": "file-h",
-      "value": "#{$file-h},"
-    },
-    {
-      "name": "file-s",
-      "value": "#{$file-s},"
-    },
-    {
-      "name": "file-background-l",
-      "value": "#{$file-background-l},"
-    },
-    {
-      "name": "file-background-l-delta",
-      "value": "#{$file-background-l-delta},"
-    },
-    {
-      "name": "file-hover-background-l-delta",
-      "value": "#{$file-hover-background-l-delta},"
-    },
-    {
-      "name": "file-active-background-l-delta",
-      "value": "#{$file-active-background-l-delta},"
-    },
-    {
-      "name": "file-border-l",
-      "value": "#{$file-border-l},"
-    },
-    {
-      "name": "file-border-l-delta",
-      "value": "#{$file-border-l-delta},"
-    },
-    {
-      "name": "file-hover-border-l-delta",
-      "value": "#{$file-hover-border-l-delta},"
-    },
-    {
-      "name": "file-active-border-l-delta",
-      "value": "#{$file-active-border-l-delta},"
-    },
-    {
-      "name": "file-cta-color-l",
-      "value": "#{$file-cta-color-l},"
-    },
-    {
-      "name": "file-name-color-l",
-      "value": "#{$file-name-color-l},"
-    },
-    {
-      "name": "file-color-l-delta",
-      "value": "#{$file-color-l-delta},"
-    },
-    {
-      "name": "file-hover-color-l-delta",
-      "value": "#{$file-hover-color-l-delta},"
-    },
-    {
-      "name": "file-active-color-l-delta",
-      "value": "#{$file-active-color-l-delta},"
-    }
-  ]
-}

docs/_data/variables/form/general.json

@@ -1,174 +0,0 @@
-{
-  "sass-vars": [
-    {
-      "name": "control-radius",
-      "value": "var(--bulma-radius)",
-      "css-var": "control-radius"
-    },
-    {
-      "name": "control-radius-small",
-      "value": "var(--bulma-radius-small)",
-      "css-var": "control-radius-small"
-    },
-    {
-      "name": "control-border-width",
-      "value": "1px",
-      "css-var": "control-border-width"
-    },
-    {
-      "name": "control-size",
-      "value": "var(--bulma-size-normal)",
-      "css-var": "control-size"
-    },
-    {
-      "name": "control-height",
-      "value": "2.5em",
-      "css-var": "control-height"
-    },
-    {
-      "name": "control-line-height",
-      "value": "1.5",
-      "css-var": "control-line-height"
-    },
-    {
-      "name": "control-padding-vertical",
-      "value": "calc(0.5em - 1px)",
-      "css-var": "control-padding-vertical"
-    },
-    {
-      "name": "control-padding-horizontal",
-      "value": "calc(0.75em - 1px)",
-      "css-var": "control-padding-horizontal"
-    },
-    {
-      "name": "control-focus-shadow-l",
-      "value": "50%",
-      "css-var": "control-focus-shadow-l"
-    },
-    {
-      "name": "label-color",
-      "css-var": "label-color",
-      "value": "var(--bulma-text-strong)"
-    },
-    {
-      "name": "label-weight",
-      "css-var": "label-weight",
-      "value": "var(--bulma-weight-semibold)"
-    },
-    {
-      "name": "help-size",
-      "css-var": "help-size",
-      "value": "var(--bulma-size-small)"
-    }
-  ],
-  "css-vars": [
-    {
-      "name": "input-h",
-      "value": "var(--bulma-scheme-h)"
-    },
-    {
-      "name": "input-s",
-      "value": "var(--bulma-scheme-s)"
-    },
-    {
-      "name": "input-l",
-      "value": "var(--bulma-scheme-main-l)"
-    },
-    {
-      "name": "input-border-l",
-      "value": "var(--bulma-border-l)"
-    },
-    {
-      "name": "input-border-l-delta",
-      "value": "0%"
-    },
-    {
-      "name": "input-hover-border-l-delta",
-      "value": "var(--bulma-hover-border-l-delta)"
-    },
-    {
-      "name": "input-active-border-l-delta",
-      "value": "var(--bulma-active-border-l-delta)"
-    },
-    {
-      "name": "input-focus-h",
-      "value": "var(--bulma-focus-h)"
-    },
-    {
-      "name": "input-focus-s",
-      "value": "var(--bulma-focus-s)"
-    },
-    {
-      "name": "input-focus-l",
-      "value": "var(--bulma-focus-l)"
-    },
-    {
-      "name": "input-focus-shadow-size",
-      "value": "var(--bulma-focus-shadow-size)"
-    },
-    {
-      "name": "input-focus-shadow-alpha",
-      "value": "var(--bulma-focus-shadow-alpha)"
-    },
-    {
-      "name": "input-color-l",
-      "value": "var(--bulma-text-strong-l)"
-    },
-    {
-      "name": "input-background-l",
-      "value": "var(--bulma-scheme-main-l)"
-    },
-    {
-      "name": "input-background-l-delta",
-      "value": "0%"
-    },
-    {
-      "name": "input-height",
-      "value": "var(--bulma-control-height)"
-    },
-    {
-      "name": "input-shadow",
-      "value": "inset 0 0.0625em 0.125em\n  hsla(\n    var(--bulma-scheme-h),\n    var(--bulma-scheme-s),\n    var(--bulma-scheme-invert-l),\n    0.05\n  )"
-    },
-    {
-      "name": "input-placeholder-color",
-      "value": "hsla(\n  var(--bulma-text-h),\n  var(--bulma-text-s),\n  var(--bulma-text-strong-l),\n  0.3\n)"
-    },
-    {
-      "name": "input-disabled-color",
-      "value": "var(--bulma-text-weak)"
-    },
-    {
-      "name": "input-disabled-background-color",
-      "value": "var(--bulma-background)"
-    },
-    {
-      "name": "input-disabled-border-color",
-      "value": "var(--bulma-background)"
-    },
-    {
-      "name": "input-disabled-placeholder-color",
-      "value": "hsla(\n  var(--bulma-text-h),\n  var(--bulma-text-s),\n  var(--bulma-text-weak-l),\n  0.3\n)"
-    },
-    {
-      "name": "input-arrow",
-      "value": "var(--bulma-link)"
-    },
-    {
-      "name": "input-icon-color",
-      "value": "var(--bulma-text-light)"
-    },
-    {
-      "name": "input-icon-hover-color",
-      "value": "var(--bulma-text-weak)"
-    },
-    {
-      "name": "input-icon-focus-color",
-      "value": "var(--bulma-link)"
-    },
-    {
-      "name": "input-radius",
-      "value": "var(--bulma-radius)"
-    }
-  ]
-}

docs/_data/variables/form/input-textarea.json

@@ -1,42 +0,0 @@
-{
-  "sass-vars": [
-    {
-      "name": "textarea-padding",
-      "value": "var(--bulma-control-padding-horizontal)"
-    },
-    {
-      "name": "textarea-max-height",
-      "value": "40em"
-    },
-    {
-      "name": "textarea-min-height",
-      "value": "8em"
-    },
-    {
-      "name": "textarea-colors",
-      "value": "shared.$form-colors"
-    }
-  ],
-  "css-vars": [
-    {
-      "name": "input-h",
-      "value": "#{cv.getVar(\"scheme-h\")},"
-    },
-    {
-      "name": "input-s",
-      "value": "#{cv.getVar(\"scheme-s\")},"
-    },
-    {
-      "name": "input-border-style",
-      "value": "solid,"
-    },
-    {
-      "name": "input-border-width",
-      "value": "1px,"
-    },
-    {
-      "name": "input-border-l",
-      "value": "#{cv.getVar(\"border-l\")},"
-    }
-  ]
-}

docs/_data/variables/form/input.json

@@ -1,249 +0,0 @@
-{
-  "sass-vars": [
-    {
-      "name": "input-h",
-      "value": "var(--bulma-scheme-h)",
-      "css-var": "input-h"
-    },
-    {
-      "name": "input-s",
-      "value": "var(--bulma-scheme-s)",
-      "css-var": "input-s"
-    },
-    {
-      "name": "input-l",
-      "value": "var(--bulma-scheme-main-l)",
-      "css-var": "input-l"
-    },
-    {
-      "name": "input-border-l",
-      "value": "var(--bulma-border-l)",
-      "css-var": "input-border-l"
-    },
-    {
-      "name": "input-border-l-delta",
-      "value": "0%",
-      "css-var": "input-border-l-delta"
-    },
-    {
-      "name": "input-hover-border-l-delta",
-      "value": "var(--bulma-hover-border-l-delta)",
-      "css-var": "input-hover-border-l-delta"
-    },
-    {
-      "name": "input-active-border-l-delta",
-      "value": "var(--bulma-active-border-l-delta)",
-      "css-var": "input-active-border-l-delta"
-    },
-    {
-      "name": "input-color-l",
-      "value": "var(--bulma-text-strong-l)",
-      "css-var": "input-color-l"
-    },
-    {
-      "name": "input-background-l",
-      "value": "var(--bulma-scheme-main-l)",
-      "css-var": "input-background-l"
-    },
-    {
-      "name": "input-background-l-delta",
-      "value": "0%",
-      "css-var": "input-background-l-delta"
-    },
-    {
-      "name": "input-height",
-      "value": "var(--bulma-control-height)",
-      "css-var": "input-height"
-    },
-    {
-      "name": "input-shadow",
-      "value": "inset 0 0.0625em 0.125em hsla(\n  var(--bulma-scheme-h),\n  var(--bulma-scheme-s),\n  var(--bulma-scheme-invert-l),\n  0.05\n)",
-      "css-var": "input-shadow"
-    },
-    {
-      "name": "input-placeholder-color",
-      "value": "hsla(\n  var(--bulma-text-h),\n  var(--bulma-text-s),\n  var(--bulma-text-strong-l),\n  0.3\n)",
-      "css-var": "input-placeholder-color"
-    },
-    {
-      "name": "input-focus-h",
-      "value": "var(--bulma-focus-h)",
-      "css-var": "input-focus-h"
-    },
-    {
-      "name": "input-focus-s",
-      "value": "var(--bulma-focus-s)",
-      "css-var": "input-focus-s"
-    },
-    {
-      "name": "input-focus-l",
-      "value": "var(--bulma-focus-l)",
-      "css-var": "input-focus-l"
-    },
-    {
-      "name": "input-focus-shadow-size",
-      "value": "var(--bulma-focus-shadow-size)",
-      "css-var": "input-focus-shadow-size"
-    },
-    {
-      "name": "input-focus-shadow-alpha",
-      "value": "var(--bulma-focus-shadow-alpha)",
-      "css-var": "input-focus-shadow-alpha"
-    },
-    {
-      "name": "input-disabled-color",
-      "value": "var(--bulma-text-weak)",
-      "css-var": "input-disabled-color"
-    },
-    {
-      "name": "input-disabled-background-color",
-      "value": "var(--bulma-background)",
-      "css-var": "input-disabled-background-color"
-    },
-    {
-      "name": "input-disabled-border-color",
-      "value": "var(--bulma-background)",
-      "css-var": "input-disabled-border-color"
-    },
-    {
-      "name": "input-disabled-placeholder-color",
-      "value": "hsla(\n  var(--bulma-text-h),\n  var(--bulma-text-s),\n  var(--bulma-text-weak-l),\n  0.3\n)",
-      "css-var": "input-disabled-placeholder-color"
-    },
-    {
-      "name": "input-arrow",
-      "value": "var(--bulma-link)",
-      "css-var": "input-arrow"
-    },
-    {
-      "name": "input-icon-color",
-      "value": "var(--bulma-text-light)",
-      "css-var": "input-icon-color"
-    },
-    {
-      "name": "input-icon-hover-color",
-      "value": "var(--bulma-text-weak)",
-      "css-var": "input-icon-hover-color"
-    },
-    {
-      "name": "input-icon-focus-color",
-      "value": "var(--bulma-link)",
-      "css-var": "input-icon-focus-color"
-    },
-    {
-      "name": "input-radius",
-      "value": "var(--bulma-radius)",
-      "css-var": "input-radius"
-    }
-  ],
-  "css-vars": [
-    {
-      "name": "input-h",
-      "value": "var(--bulma-scheme-h)"
-    },
-    {
-      "name": "input-s",
-      "value": "var(--bulma-scheme-s)"
-    },
-    {
-      "name": "input-l",
-      "value": "var(--bulma-scheme-main-l)"
-    },
-    {
-      "name": "input-border-l",
-      "value": "var(--bulma-border-l)"
-    },
-    {
-      "name": "input-border-l-delta",
-      "value": "0%"
-    },
-    {
-      "name": "input-hover-border-l-delta",
-      "value": "var(--bulma-hover-border-l-delta)"
-    },
-    {
-      "name": "input-active-border-l-delta",
-      "value": "var(--bulma-active-border-l-delta)"
-    },
-    {
-      "name": "input-focus-h",
-      "value": "var(--bulma-focus-h)"
-    },
-    {
-      "name": "input-focus-s",
-      "value": "var(--bulma-focus-s)"
-    },
-    {
-      "name": "input-focus-l",
-      "value": "var(--bulma-focus-l)"
-    },
-    {
-      "name": "input-focus-shadow-size",
-      "value": "var(--bulma-focus-shadow-size)"
-    },
-    {
-      "name": "input-focus-shadow-alpha",
-      "value": "var(--bulma-focus-shadow-alpha)"
-    },
-    {
-      "name": "input-color-l",
-      "value": "var(--bulma-text-strong-l)"
-    },
-    {
-      "name": "input-background-l",
-      "value": "var(--bulma-scheme-main-l)"
-    },
-    {
-      "name": "input-background-l-delta",
-      "value": "0%"
-    },
-    {
-      "name": "input-height",
-      "value": "var(--bulma-control-height)"
-    },
-    {
-      "name": "input-shadow",
-      "value": "inset 0 0.0625em 0.125em hsla(\n  var(--bulma-scheme-h),\n  var(--bulma-scheme-s),\n  var(--bulma-scheme-invert-l),\n  0.05\n)"
-    },
-    {
-      "name": "input-placeholder-color",
-      "value": "hsla(\n  var(--bulma-text-h),\n  var(--bulma-text-s),\n  var(--bulma-text-strong-l),\n  0.3\n)"
-    },
-    {
-      "name": "input-disabled-color",
-      "value": "var(--bulma-text-weak)"
-    },
-    {
-      "name": "input-disabled-background-color",
-      "value": "var(--bulma-background)"
-    },
-    {
-      "name": "input-disabled-border-color",
-      "value": "var(--bulma-background)"
-    },
-    {
-      "name": "input-disabled-placeholder-color",
-      "value": "hsla(\n  var(--bulma-text-h),\n  var(--bulma-text-s),\n  var(--bulma-text-weak-l),\n  0.3\n)"
-    },
-    {
-      "name": "input-arrow",
-      "value": "var(--bulma-link)"
-    },
-    {
-      "name": "input-icon-color",
-      "value": "var(--bulma-text-light)"
-    },
-    {
-      "name": "input-icon-hover-color",
-      "value": "var(--bulma-text-weak)"
-    },
-    {
-      "name": "input-icon-focus-color",
-      "value": "var(--bulma-link)"
-    },
-    {
-      "name": "input-radius",
-      "value": "var(--bulma-radius)"
-    }
-  ]
-}

docs/_data/variables/form/select.json

@@ -1,30 +0,0 @@
-{
-  "sass-vars": [
-    {
-      "name": "select-colors",
-      "value": "shared.$form-colors"
-    }
-  ],
-  "css-vars": [
-    {
-      "name": "input-h",
-      "value": "#{cv.getVar(\"scheme-h\")},"
-    },
-    {
-      "name": "input-s",
-      "value": "#{cv.getVar(\"scheme-s\")},"
-    },
-    {
-      "name": "input-border-style",
-      "value": "solid,"
-    },
-    {
-      "name": "input-border-width",
-      "value": "1px,"
-    },
-    {
-      "name": "input-border-l",
-      "value": "#{cv.getVar(\"border-l\")},"
-    }
-  ]
-}

docs/_data/variables/form/shared.json

@@ -1,253 +0,0 @@
-{
-  "sass-vars": [
-    {
-      "name": "form-colors",
-      "value": "dv.$colors"
-    },
-    {
-      "name": "input-h",
-      "value": "var(--bulma-scheme-h)",
-      "css-var": "input-h"
-    },
-    {
-      "name": "input-s",
-      "value": "var(--bulma-scheme-s)",
-      "css-var": "input-s"
-    },
-    {
-      "name": "input-l",
-      "value": "var(--bulma-scheme-main-l)",
-      "css-var": "input-l"
-    },
-    {
-      "name": "input-border-l",
-      "value": "var(--bulma-border-l)",
-      "css-var": "input-border-l"
-    },
-    {
-      "name": "input-border-l-delta",
-      "value": "0%",
-      "css-var": "input-border-l-delta"
-    },
-    {
-      "name": "input-hover-border-l-delta",
-      "value": "var(--bulma-hover-border-l-delta)",
-      "css-var": "input-hover-border-l-delta"
-    },
-    {
-      "name": "input-active-border-l-delta",
-      "value": "var(--bulma-active-border-l-delta)",
-      "css-var": "input-active-border-l-delta"
-    },
-    {
-      "name": "input-color-l",
-      "value": "var(--bulma-text-strong-l)",
-      "css-var": "input-color-l"
-    },
-    {
-      "name": "input-background-l",
-      "value": "var(--bulma-scheme-main-l)",
-      "css-var": "input-background-l"
-    },
-    {
-      "name": "input-background-l-delta",
-      "value": "0%",
-      "css-var": "input-background-l-delta"
-    },
-    {
-      "name": "input-height",
-      "value": "var(--bulma-control-height)",
-      "css-var": "input-height"
-    },
-    {
-      "name": "input-shadow",
-      "value": "inset 0 0.0625em 0.125em\n  hsla(\n    var(--bulma-scheme-h),\n    var(--bulma-scheme-s),\n    var(--bulma-scheme-invert-l),\n    0.05\n  )",
-      "css-var": "input-shadow"
-    },
-    {
-      "name": "input-placeholder-color",
-      "value": "hsla(\n  var(--bulma-text-h),\n  var(--bulma-text-s),\n  var(--bulma-text-strong-l),\n  0.3\n)",
-      "css-var": "input-placeholder-color"
-    },
-    {
-      "name": "input-focus-h",
-      "value": "var(--bulma-focus-h)",
-      "css-var": "input-focus-h"
-    },
-    {
-      "name": "input-focus-s",
-      "value": "var(--bulma-focus-s)",
-      "css-var": "input-focus-s"
-    },
-    {
-      "name": "input-focus-l",
-      "value": "var(--bulma-focus-l)",
-      "css-var": "input-focus-l"
-    },
-    {
-      "name": "input-focus-shadow-size",
-      "value": "var(--bulma-focus-shadow-size)",
-      "css-var": "input-focus-shadow-size"
-    },
-    {
-      "name": "input-focus-shadow-alpha",
-      "value": "var(--bulma-focus-shadow-alpha)",
-      "css-var": "input-focus-shadow-alpha"
-    },
-    {
-      "name": "input-disabled-color",
-      "value": "var(--bulma-text-weak)",
-      "css-var": "input-disabled-color"
-    },
-    {
-      "name": "input-disabled-background-color",
-      "value": "var(--bulma-background)",
-      "css-var": "input-disabled-background-color"
-    },
-    {
-      "name": "input-disabled-border-color",
-      "value": "var(--bulma-background)",
-      "css-var": "input-disabled-border-color"
-    },
-    {
-      "name": "input-disabled-placeholder-color",
-      "value": "hsla(\n  var(--bulma-text-h),\n  var(--bulma-text-s),\n  var(--bulma-text-weak-l),\n  0.3\n)",
-      "css-var": "input-disabled-placeholder-color"
-    },
-    {
-      "name": "input-arrow",
-      "value": "var(--bulma-link)",
-      "css-var": "input-arrow"
-    },
-    {
-      "name": "input-icon-color",
-      "value": "var(--bulma-text-light)",
-      "css-var": "input-icon-color"
-    },
-    {
-      "name": "input-icon-hover-color",
-      "value": "var(--bulma-text-weak)",
-      "css-var": "input-icon-hover-color"
-    },
-    {
-      "name": "input-icon-focus-color",
-      "value": "var(--bulma-link)",
-      "css-var": "input-icon-focus-color"
-    },
-    {
-      "name": "input-radius",
-      "value": "var(--bulma-radius)",
-      "css-var": "input-radius"
-    }
-  ],
-  "css-vars": [
-    {
-      "name": "input-h",
-      "value": "var(--bulma-scheme-h)"
-    },
-    {
-      "name": "input-s",
-      "value": "var(--bulma-scheme-s)"
-    },
-    {
-      "name": "input-l",
-      "value": "var(--bulma-scheme-main-l)"
-    },
-    {
-      "name": "input-border-l",
-      "value": "var(--bulma-border-l)"
-    },
-    {
-      "name": "input-border-l-delta",
-      "value": "0%"
-    },
-    {
-      "name": "input-hover-border-l-delta",
-      "value": "var(--bulma-hover-border-l-delta)"
-    },
-    {
-      "name": "input-active-border-l-delta",
-      "value": "var(--bulma-active-border-l-delta)"
-    },
-    {
-      "name": "input-focus-h",
-      "value": "var(--bulma-focus-h)"
-    },
-    {
-      "name": "input-focus-s",
-      "value": "var(--bulma-focus-s)"
-    },
-    {
-      "name": "input-focus-l",
-      "value": "var(--bulma-focus-l)"
-    },
-    {
-      "name": "input-focus-shadow-size",
-      "value": "var(--bulma-focus-shadow-size)"
-    },
-    {
-      "name": "input-focus-shadow-alpha",
-      "value": "var(--bulma-focus-shadow-alpha)"
-    },
-    {
-      "name": "input-color-l",
-      "value": "var(--bulma-text-strong-l)"
-    },
-    {
-      "name": "input-background-l",
-      "value": "var(--bulma-scheme-main-l)"
-    },
-    {
-      "name": "input-background-l-delta",
-      "value": "0%"
-    },
-    {
-      "name": "input-height",
-      "value": "var(--bulma-control-height)"
-    },
-    {
-      "name": "input-shadow",
-      "value": "inset 0 0.0625em 0.125em\n  hsla(\n    var(--bulma-scheme-h),\n    var(--bulma-scheme-s),\n    var(--bulma-scheme-invert-l),\n    0.05\n  )"
-    },
-    {
-      "name": "input-placeholder-color",
-      "value": "hsla(\n  var(--bulma-text-h),\n  var(--bulma-text-s),\n  var(--bulma-text-strong-l),\n  0.3\n)"
-    },
-    {
-      "name": "input-disabled-color",
-      "value": "var(--bulma-text-weak)"
-    },
-    {
-      "name": "input-disabled-background-color",
-      "value": "var(--bulma-background)"
-    },
-    {
-      "name": "input-disabled-border-color",
-      "value": "var(--bulma-background)"
-    },
-    {
-      "name": "input-disabled-placeholder-color",
-      "value": "hsla(\n  var(--bulma-text-h),\n  var(--bulma-text-s),\n  var(--bulma-text-weak-l),\n  0.3\n)"
-    },
-    {
-      "name": "input-arrow",
-      "value": "var(--bulma-link)"
-    },
-    {
-      "name": "input-icon-color",
-      "value": "var(--bulma-text-light)"
-    },
-    {
-      "name": "input-icon-hover-color",
-      "value": "var(--bulma-text-weak)"
-    },
-    {
-      "name": "input-icon-focus-color",
-      "value": "var(--bulma-link)"
-    },
-    {
-      "name": "input-radius",
-      "value": "var(--bulma-radius)"
-    }
-  ]
-}

docs/_data/variables/form/textarea.json

@@ -1,41 +0,0 @@
-{
-  "sass-vars": [
-    {
-      "name": "textarea-padding",
-      "css-var": "textarea-padding",
-      "value": "var(--bulma-control-padding-horizontal)"
-    },
-    {
-      "name": "textarea-max-height",
-      "css-var": "textarea-max-height",
-      "value": "40em"
-    },
-    {
-      "name": "textarea-min-height",
-      "css-var": "textarea-min-height",
-      "value": "8em"
-    }
-  ],
-  "css-vars": [
-    {
-      "name": "input-h",
-      "value": "#{cv.getVar(\"scheme-h\")},"
-    },
-    {
-      "name": "input-s",
-      "value": "#{cv.getVar(\"scheme-s\")},"
-    },
-    {
-      "name": "input-border-style",
-      "value": "solid,"
-    },
-    {
-      "name": "input-border-width",
-      "value": "1px,"
-    },
-    {
-      "name": "input-border-l",
-      "value": "#{cv.getVar(\"border-l\")},"
-    }
-  ]
-}

docs/_data/variables/form/tools.json

@@ -1,26 +0,0 @@
-{
-  "sass-vars": [
-    {
-      "name": "label-color",
-      "value": "var(--bulma-text-strong)"
-    },
-    {
-      "name": "label-weight",
-      "value": "var(--bulma-weight-semibold)"
-    },
-    {
-      "name": "help-size",
-      "value": "var(--bulma-size-small)"
-    },
-    {
-      "name": "label-colors",
-      "value": "shared.$form-colors"
-    }
-  ],
-  "css-vars": [
-    {
-      "name": "block-spacing",
-      "value": "0.75rem,"
-    }
-  ]
-}

docs/_data/variables/grid/columns.json

@@ -1,15 +1,15 @@
 {
-  "sass-vars": [
+  "dir_name": "grid",
-    {
+  "file_name": "columns",
-      "name": "column-gap",
+  "file_relative_path": "grid/columns.sass",
-      "value": "0.75rem",
+  "file_line_from": 1,
-      "css-var": "column-gap"
+  "file_line_to": 1,
-    }
+  "file_url": "https://github.com/jgthms/bulma/blob/master/sass/grid/columns.sass#L1,L1",
-  ],
+  "vars": {
-  "css-vars": [
+    "column-gap": {
-    {
+      "id": "column-gap",
-      "name": "column-gap",
+      "name": "$column-gap",
       "value": "0.75rem"
     }
-  ]
+  }
 }

docs/_data/variables/grid/grid.json

@@ -1,13 +0,0 @@
-{
-  "sass-vars": [],
-  "css-vars": [
-    {
-      "name": "grid-gap-count",
-      "value": "calc(#{cv.getVar(\"grid-column-count\")} - 1),"
-    },
-    {
-      "name": "grid-column-count",
-      "value": "2,"
-    }
-  ]
-}

docs/_data/variables/layout/container.json

@@ -1,15 +0,0 @@
-{
-  "sass-vars": [
-    {
-      "name": "container-offset",
-      "css-var": "container-offset",
-      "value": "64px"
-    },
-    {
-      "name": "container-max-width",
-      "css-var": "container-max-width",
-      "value": "1408px"
-    }
-  ],
-  "css-vars": []
-}

docs/_data/variables/layout/footer.json

@@ -1,33 +1,15 @@
 {
-  "sass-vars": [
+  "dir_name": "layout",
-    {
+  "file_name": "footer",
-      "name": "footer-background-color",
+  "file_relative_path": "layout/footer.sass",
-      "value": "var(--bulma-scheme-main-bis)",
+  "file_line_from": 1,
-      "css-var": "footer-background-color"
+  "file_line_to": 1,
-    },
+  "file_url": "https://github.com/jgthms/bulma/blob/master/sass/layout/footer.sass#L1,L1",
-    {
+  "vars": {
-      "name": "footer-color",
+    "footer-background-color": {
-      "value": "false",
+      "id": "footer-background-color",
-      "css-var": "footer-color"
+      "name": "$footer-background-color",
-    },
+      "value": "$background"
-    {
-      "name": "footer-padding",
-      "value": "3rem 1.5rem 6rem",
-      "css-var": "footer-padding"
     }
-  ],
-  "css-vars": [
-    {
-      "name": "footer-background-color",
-      "value": "var(--bulma-scheme-main-bis)"
-    },
-    {
-      "name": "footer-color",
-      "value": "false"
-    },
-    {
-      "name": "footer-padding",
-      "value": "3rem 1.5rem 6rem"
   }
-  ]
 }

docs/_data/variables/layout/hero.json

@@ -1,66 +0,0 @@
-{
-  "sass-vars": [
-    {
-      "name": "hero-body-padding",
-      "value": "3rem 1.5rem",
-      "css-var": "hero-body-padding"
-    },
-    {
-      "name": "hero-body-padding-tablet",
-      "value": "3rem 3rem",
-      "css-var": "hero-body-padding-tablet"
-    },
-    {
-      "name": "hero-body-padding-small",
-      "value": "1.5rem",
-      "css-var": "hero-body-padding-small"
-    },
-    {
-      "name": "hero-body-padding-medium",
-      "value": "9rem 4.5rem",
-      "css-var": "hero-body-padding-medium"
-    },
-    {
-      "name": "hero-body-padding-large",
-      "value": "18rem 6rem",
-      "css-var": "hero-body-padding-large"
-    },
-    {
-      "name": "hero-gradient-h-offset",
-      "value": "5deg",
-      "css-var": "hero-gradient-h-offset"
-    },
-    {
-      "name": "hero-gradient-s-offset",
-      "value": "10%",
-      "css-var": "hero-gradient-s-offset"
-    },
-    {
-      "name": "hero-gradient-l-offset",
-      "value": "5%",
-      "css-var": "hero-gradient-l-offset:"
-    }
-  ],
-  "css-vars": [
-    {
-      "name": "hero-body-padding",
-      "value": "3rem 1.5rem"
-    },
-    {
-      "name": "hero-body-padding-tablet",
-      "value": "3rem 3rem"
-    },
-    {
-      "name": "hero-body-padding-small",
-      "value": "1.5rem"
-    },
-    {
-      "name": "hero-body-padding-medium",
-      "value": "9rem 4.5rem"
-    },
-    {
-      "name": "hero-body-padding-large",
-      "value": "18rem 6rem"
-    }
-  ]
-}

docs/_data/variables/layout/level.json

@@ -1,9 +0,0 @@
-{
-  "sass-vars": [
-    {
-      "name": "level-item-spacing",
-      "value": "calc(var(--bulma-block-spacing) * 0.5)"
-    }
-  ],
-  "css-vars": []
-}

docs/_data/variables/layout/media-object.json

@@ -1,78 +0,0 @@
-{
-  "sass-vars": [
-    {
-      "name": "media-border-color",
-      "value": "hsla(\n  var(--bulma-scheme-h),\n  var(--bulma-scheme-s),\n  var(--bulma-border-l),\n  0.5\n)",
-      "css-var": "media-border-color"
-    },
-    {
-      "name": "media-border-size",
-      "value": "1px",
-      "css-var": "media-border-size"
-    },
-    {
-      "name": "media-spacing",
-      "value": "1rem",
-      "css-var": "media-spacing"
-    },
-    {
-      "name": "media-spacing-large",
-      "value": "1.5rem",
-      "css-var": "media-spacing-large"
-    },
-    {
-      "name": "media-content-spacing",
-      "value": "0.75rem",
-      "css-var": "media-content-spacing"
-    },
-    {
-      "name": "media-level-1-spacing",
-      "value": "0.75rem",
-      "css-var": "media-level-1-spacing"
-    },
-    {
-      "name": "media-level-1-content-spacing",
-      "value": "0.5rem",
-      "css-var": "media-level-1-content-spacing"
-    },
-    {
-      "name": "media-level-2-spacing",
-      "value": "0.5rem",
-      "css-var": "media-level-2-spacing"
-    }
-  ],
-  "css-vars": [
-    {
-      "name": "media-border-color",
-      "value": "hsla(\n  var(--bulma-scheme-h),\n  var(--bulma-scheme-s),\n  var(--bulma-border-l),\n  0.5\n)"
-    },
-    {
-      "name": "media-border-size",
-      "value": "1px"
-    },
-    {
-      "name": "media-spacing",
-      "value": "1rem"
-    },
-    {
-      "name": "media-spacing-large",
-      "value": "1.5rem"
-    },
-    {
-      "name": "media-content-spacing",
-      "value": "0.75rem"
-    },
-    {
-      "name": "media-level-1-spacing",
-      "value": "0.75rem"
-    },
-    {
-      "name": "media-level-1-content-spacing",
-      "value": "0.5rem"
-    },
-    {
-      "name": "media-level-2-spacing",
-      "value": "0.5rem"
-    }
-  ]
-}

docs/_data/variables/layout/section.json

@@ -1,42 +1,25 @@
 {
-  "sass-vars": [
+  "dir_name": "layout",
-    {
+  "file_name": "section",
-      "name": "section-padding",
+  "file_relative_path": "layout/section.sass",
-      "value": "3rem 1.5rem",
+  "file_line_from": 1,
-      "css-var": "section-padding"
+  "file_line_to": 3,
-    },
+  "file_url": "https://github.com/jgthms/bulma/blob/master/sass/layout/section.sass#L1,L3",
-    {
+  "vars": {
-      "name": "section-padding-desktop",
+    "section-padding": {
-      "value": "3rem 3rem",
+      "id": "section-padding",
-      "css-var": "section-padding-desktop"
+      "name": "$section-padding",
-    },
-    {
-      "name": "section-padding-medium",
-      "value": "9rem 4.5rem",
-      "css-var": "section-padding-medium"
-    },
-    {
-      "name": "section-padding-large",
-      "value": "18rem 6rem",
-      "css-var": "section-padding-large"
-    }
-  ],
-  "css-vars": [
-    {
-      "name": "section-padding",
       "value": "3rem 1.5rem"
     },
-    {
+    "section-padding-medium": {
-      "name": "section-padding-desktop",
+      "id": "section-padding-medium",
-      "value": "3rem 3rem"
+      "name": "$section-padding-medium",
+      "value": "9rem 1.5rem"
     },
-    {
+    "section-padding-large": {
-      "name": "section-padding-medium",
+      "id": "section-padding-large",
-      "value": "9rem 4.5rem"
+      "name": "$section-padding-large",
-    },
+      "value": "18rem 1.5rem"
-    {
+    }
-      "name": "section-padding-large",
-      "value": "18rem 6rem"
   }
-  ]
 }

docs/_data/variables/utilities/controls.json

@@ -1,87 +1,30 @@
 {
-  "sass-vars": [
+  "dir_name": "utilities",
-    {
+  "file_name": "controls",
-      "name": "control-radius",
+  "file_relative_path": "utilities/controls.sass",
-      "value": "var(--bulma-radius)",
+  "file_line_from": 1,
-      "css-var": "control-radius"
+  "file_line_to": 5,
+  "file_url": "https://github.com/jgthms/bulma/blob/master/sass/utilities/controls.sass#L1,L5",
+  "vars": {
+    "control-radius": {
+      "id": "control-radius",
+      "name": "$control-radius",
+      "value": "$radius"
     },
-    {
+    "control-radius-small": {
-      "name": "control-radius-small",
+      "id": "control-radius-small",
-      "value": "var(--bulma-radius-small)",
+      "name": "$control-radius-small",
-      "css-var": "control-radius-small"
+      "value": "$radius-small"
     },
-    {
+    "control-padding-vertical": {
-      "name": "control-border-width",
+      "id": "control-padding-vertical",
-      "value": "1px",
+      "name": "$control-padding-vertical",
-      "css-var": "control-border-width"
+      "value": "calc(0.375em - 1px)"
     },
-    {
+    "control-padding-horizontal": {
-      "name": "control-size",
+      "id": "control-padding-horizontal",
-      "value": "var(--bulma-size-normal)",
+      "name": "$control-padding-horizontal",
-      "css-var": "control-size"
+      "value": "calc(0.625em - 1px)"
-    },
-    {
-      "name": "control-height",
-      "value": "2.5em",
-      "css-var": "control-height"
-    },
-    {
-      "name": "control-line-height",
-      "value": "1.5",
-      "css-var": "control-line-height"
-    },
-    {
-      "name": "control-padding-vertical",
-      "value": "calc(0.5em - #{$control-border-width})",
-      "css-var": "control-padding-vertical"
-    },
-    {
-      "name": "control-padding-horizontal",
-      "value": "calc(0.75em - #{$control-border-width})",
-      "css-var": "control-padding-horizontal"
-    },
-    {
-      "name": "control-focus-shadow-l",
-      "value": "50%",
-      "css-var": "control-focus-shadow-l"
     }
-  ],
-  "css-vars": [
-    {
-      "name": "control-radius",
-      "value": "var(--bulma-radius)"
-    },
-    {
-      "name": "control-radius-small",
-      "value": "var(--bulma-radius-small)"
-    },
-    {
-      "name": "control-border-width",
-      "value": "1px"
-    },
-    {
-      "name": "control-height",
-      "value": "2.5em"
-    },
-    {
-      "name": "control-line-height",
-      "value": "1.5"
-    },
-    {
-      "name": "control-padding-vertical",
-      "value": "calc(0.5em - #{$control-border-width})"
-    },
-    {
-      "name": "control-padding-horizontal",
-      "value": "calc(0.75em - #{$control-border-width})"
-    },
-    {
-      "name": "control-size",
-      "value": "var(--bulma-size-normal)"
-    },
-    {
-      "name": "control-focus-shadow-l",
-      "value": "50%"
   }
-  ]
 }

docs/_data/variables/utilities/derived-variables.json

@@ -1,157 +1,265 @@
 {
-  "sass-vars": [
+  "dir_name": "utilities",
-    {
+  "file_name": "derived-variables",
-      "name": "scheme-main",
+  "file_relative_path": "utilities/derived-variables.sass",
-      "value": "iv.$white"
+  "file_line_from": 1,
+  "file_line_to": 82,
+  "file_url": "https://github.com/jgthms/bulma/blob/master/sass/utilities/derived-variables.sass#L1,L82",
+  "vars": {
+    "primary": {
+      "id": "primary",
+      "name": "$primary",
+      "value": "$turquoise"
     },
-    {
+    "info": {
-      "name": "scheme-main-bis",
+      "id": "info",
-      "value": "iv.$white-bis"
+      "name": "$info",
+      "value": "$cyan"
     },
-    {
+    "success": {
-      "name": "scheme-main-ter",
+      "id": "success",
-      "value": "iv.$white-ter"
+      "name": "$success",
+      "value": "$green"
     },
-    {
+    "warning": {
-      "name": "scheme-invert",
+      "id": "warning",
-      "value": "iv.$black"
+      "name": "$warning",
+      "value": "$yellow"
     },
-    {
+    "danger": {
-      "name": "scheme-invert-bis",
+      "id": "danger",
-      "value": "iv.$black-bis"
+      "name": "$danger",
+      "value": "$red"
     },
-    {
+    "light": {
-      "name": "scheme-invert-ter",
+      "id": "light",
-      "value": "iv.$black-ter"
+      "name": "$light",
+      "value": "$white-ter"
     },
-    {
+    "dark": {
-      "name": "text",
+      "id": "dark",
-      "value": "iv.$grey-dark"
+      "name": "$dark",
+      "value": "$grey-darker"
     },
-    {
+    "orange-invert": {
-      "name": "text-invert",
+      "id": "orange-invert",
-      "value": "fn.bulmaFindColorInvert($text)"
+      "name": "$orange-invert",
+      "value": "findColorInvert($orange)"
     },
-    {
+    "yellow-invert": {
-      "name": "text-weak",
+      "id": "yellow-invert",
-      "value": "iv.$grey"
+      "name": "$yellow-invert",
+      "value": "findColorInvert($yellow)"
     },
-    {
+    "green-invert": {
-      "name": "text-strong",
+      "id": "green-invert",
-      "value": "iv.$grey-darker"
+      "name": "$green-invert",
+      "value": "findColorInvert($green)"
     },
-    {
+    "turquoise-invert": {
-      "name": "primary",
+      "id": "turquoise-invert",
-      "value": "iv.$turquoise"
+      "name": "$turquoise-invert",
+      "value": "findColorInvert($turquoise)"
     },
-    {
+    "cyan-invert": {
-      "name": "info",
+      "id": "cyan-invert",
-      "value": "iv.$cyan"
+      "name": "$cyan-invert",
+      "value": "findColorInvert($cyan)"
     },
-    {
+    "blue-invert": {
-      "name": "success",
+      "id": "blue-invert",
-      "value": "iv.$green"
+      "name": "$blue-invert",
+      "value": "findColorInvert($blue)"
     },
-    {
+    "purple-invert": {
-      "name": "warning",
+      "id": "purple-invert",
-      "value": "iv.$yellow"
+      "name": "$purple-invert",
+      "value": "findColorInvert($purple)"
     },
-    {
+    "red-invert": {
-      "name": "danger",
+      "id": "red-invert",
-      "value": "iv.$red"
+      "name": "$red-invert",
+      "value": "findColorInvert($red)"
     },
-    {
+    "primary-invert": {
-      "name": "light",
+      "id": "primary-invert",
-      "value": "iv.$white-ter"
+      "name": "$primary-invert",
+      "value": "$turquoise-invert"
     },
-    {
+    "info-invert": {
-      "name": "dark",
+      "id": "info-invert",
-      "value": "iv.$grey-darker"
+      "name": "$info-invert",
+      "value": "$cyan-invert"
     },
-    {
+    "success-invert": {
-      "name": "link",
+      "id": "success-invert",
-      "value": "iv.$blue"
+      "name": "$success-invert",
+      "value": "$green-invert"
     },
-    {
+    "warning-invert": {
-      "name": "background",
+      "id": "warning-invert",
-      "value": "iv.$white-ter"
+      "name": "$warning-invert",
+      "value": "$yellow-invert"
     },
-    {
+    "danger-invert": {
-      "name": "border",
+      "id": "danger-invert",
-      "value": "iv.$grey-lighter"
+      "name": "$danger-invert",
+      "value": "$red-invert"
     },
-    {
+    "light-invert": {
-      "name": "border-weak",
+      "id": "light-invert",
-      "value": "iv.$grey-lightest"
+      "name": "$light-invert",
+      "value": "$dark"
     },
-    {
+    "dark-invert": {
-      "name": "code",
+      "id": "dark-invert",
-      "value": "iv.$red"
+      "name": "$dark-invert",
+      "value": "$light"
     },
-    {
+    "background": {
-      "name": "code-background",
+      "id": "background",
+      "name": "$background",
+      "value": "$white-ter"
+    },
+    "border": {
+      "id": "border",
+      "name": "$border",
+      "value": "$grey-lighter"
+    },
+    "border-hover": {
+      "id": "border-hover",
+      "name": "$border-hover",
+      "value": "$grey-light"
+    },
+    "text": {
+      "id": "text",
+      "name": "$text",
+      "value": "$grey-dark"
+    },
+    "text-invert": {
+      "id": "text-invert",
+      "name": "$text-invert",
+      "value": "findColorInvert($text)"
+    },
+    "text-light": {
+      "id": "text-light",
+      "name": "$text-light",
+      "value": "$grey"
+    },
+    "text-strong": {
+      "id": "text-strong",
+      "name": "$text-strong",
+      "value": "$grey-darker"
+    },
+    "code": {
+      "id": "code",
+      "name": "$code",
+      "value": "$red"
+    },
+    "code-background": {
+      "id": "code-background",
+      "name": "$code-background",
       "value": "$background"
     },
-    {
+    "pre": {
-      "name": "pre",
+      "id": "pre",
+      "name": "$pre",
       "value": "$text"
     },
-    {
+    "pre-background": {
-      "name": "pre-background",
+      "id": "pre-background",
+      "name": "$pre-background",
       "value": "$background"
     },
-    {
+    "link": {
-      "name": "family-primary",
+      "id": "link",
-      "value": "iv.$family-sans-serif"
+      "name": "$link",
+      "value": "$blue"
     },
-    {
+    "link-invert": {
-      "name": "family-secondary",
+      "id": "link-invert",
-      "value": "iv.$family-sans-serif"
+      "name": "$link-invert",
+      "value": "$blue-invert"
     },
-    {
+    "link-visited": {
-      "name": "family-code",
+      "id": "link-visited",
-      "value": "iv.$family-monospace"
+      "name": "$link-visited",
+      "value": "$purple"
     },
-    {
+    "link-hover": {
-      "name": "size-small",
+      "id": "link-hover",
-      "value": "iv.$size-7"
+      "name": "$link-hover",
+      "value": "$grey-darker"
     },
-    {
+    "link-hover-border": {
-      "name": "size-normal",
+      "id": "link-hover-border",
-      "value": "iv.$size-6"
+      "name": "$link-hover-border",
+      "value": "$grey-light"
     },
-    {
+    "link-focus": {
-      "name": "size-medium",
+      "id": "link-focus",
-      "value": "iv.$size-5"
+      "name": "$link-focus",
+      "value": "$grey-darker"
     },
-    {
+    "link-focus-border": {
-      "name": "size-large",
+      "id": "link-focus-border",
-      "value": "iv.$size-4"
+      "name": "$link-focus-border",
+      "value": "$blue"
     },
-    {
+    "link-active": {
-      "name": "shadow-color",
+      "id": "link-active",
-      "value": "iv.$black"
+      "name": "$link-active",
+      "value": "$grey-darker"
     },
-    {
+    "link-active-border": {
-      "name": "custom-colors",
+      "id": "link-active-border",
-      "value": "null"
+      "name": "$link-active-border",
+      "value": "$grey-dark"
     },
-    {
+    "family-primary": {
-      "name": "custom-shades",
+      "id": "family-primary",
-      "value": "null"
+      "name": "$family-primary",
+      "value": "$family-sans-serif"
     },
-    {
+    "family-code": {
-      "name": "colors",
+      "id": "family-code",
-      "value": "fn.mergeColorMaps(\n  (\n    \"white\": (\n      iv.$white,\n      iv.$black,\n    ),\n    \"black\": (\n      iv.$black,\n      iv.$white,\n    ),\n    \"light\": (\n      $light,\n      $dark,\n    ),\n    \"dark\": (\n      $dark,\n      $light,\n    ),\n    \"text\": $text,\n    \"primary\": $primary,\n    \"link\": $link,\n    \"info\": $info,\n    \"success\": $success,\n    \"warning\": $warning,\n    \"danger\": $danger,\n  ),\n  $custom-colors\n)"
+      "name": "$family-code",
+      "value": "$family-monospace"
     },
-    {
+    "size-small": {
-      "name": "shades",
+      "id": "size-small",
-      "value": "fn.mergeColorMaps(\n  (\n    \"black-bis\": iv.$black-bis,\n    \"black-ter\": iv.$black-ter,\n    \"grey-darker\": iv.$grey-darker,\n    \"grey-dark\": iv.$grey-dark,\n    \"grey\": iv.$grey,\n    \"grey-light\": iv.$grey-light,\n    \"grey-lighter\": iv.$grey-lighter,\n    \"white-ter\": iv.$white-ter,\n    \"white-bis\": iv.$white-bis,\n  ),\n  $custom-shades\n)"
+      "name": "$size-small",
+      "value": "$size-7"
     },
-    {
+    "size-normal": {
-      "name": "sizes",
+      "id": "size-normal",
-      "value": "iv.$size-1 iv.$size-2 iv.$size-3 iv.$size-4 iv.$size-5 iv.$size-6\n  iv.$size-7"
+      "name": "$size-normal",
+      "value": "$size-6"
+    },
+    "size-medium": {
+      "id": "size-medium",
+      "name": "$size-medium",
+      "value": "$size-5"
+    },
+    "size-large": {
+      "id": "size-large",
+      "name": "$size-large",
+      "value": "$size-4"
+    },
+    "colors": {
+      "id": "colors",
+      "name": "$colors",
+      "value": "(\"white\": ($white, $black), \"black\": ($black, $white), \"light\": ($light, $light-invert), \"dark\": ($dark, $dark-invert), \"primary\": ($primary, $primary-invert), \"link\": ($link, $link-invert), \"info\": ($info, $info-invert), \"success\": ($success, $success-invert), \"warning\": ($warning, $warning-invert), \"danger\": ($danger, $danger-invert))"
+    },
+    "shades": {
+      "id": "shades",
+      "name": "$shades",
+      "value": "(\"black-bis\": $black-bis, \"black-ter\": $black-ter, \"grey-darker\": $grey-darker, \"grey-dark\": $grey-dark, \"grey\": $grey, \"grey-light\": $grey-light, \"grey-lighter\": $grey-lighter, \"white-ter\": $white-ter, \"white-bis\": $white-bis)"
+    },
+    "sizes": {
+      "id": "sizes",
+      "name": "$sizes",
+      "value": "$size-1 $size-2 $size-3 $size-4 $size-5 $size-6 $size-7"
+    }
   }
-  ],
-  "css-vars": []
 }

docs/_data/variables/utilities/initial-variables.json

@@ -1,241 +1,240 @@
 {
-  "sass-vars": [
+  "dir_name": "utilities",
-    {
+  "file_name": "initial-variables",
-      "name": "black",
+  "file_relative_path": "utilities/initial-variables.sass",
-      "value": "hsl(221, 14%, 4%)"
+  "file_line_from": 3,
+  "file_line_to": 65,
+  "file_url": "https://github.com/jgthms/bulma/blob/master/sass/utilities/initial-variables.sass#L3,L65",
+  "vars": {
+    "black": {
+      "id": "black",
+      "name": "$black",
+      "value": "hsl(0, 0%, 4%)"
     },
-    {
+    "black-bis": {
-      "name": "black-bis",
+      "id": "black-bis",
-      "value": "hsl(221, 14%, 9%)"
+      "name": "$black-bis",
+      "value": "hsl(0, 0%, 7%)"
     },
-    {
+    "black-ter": {
-      "name": "black-ter",
+      "id": "black-ter",
-      "value": "hsl(221, 14%, 14%)"
+      "name": "$black-ter",
+      "value": "hsl(0, 0%, 14%)"
     },
-    {
+    "grey-darker": {
-      "name": "grey-darker",
+      "id": "grey-darker",
-      "value": "hsl(221, 14%, 21%)"
+      "name": "$grey-darker",
+      "value": "hsl(0, 0%, 21%)"
     },
-    {
+    "grey-dark": {
-      "name": "grey-dark",
+      "id": "grey-dark",
-      "value": "hsl(221, 14%, 29%)"
+      "name": "$grey-dark",
+      "value": "hsl(0, 0%, 29%)"
     },
-    {
+    "grey": {
-      "name": "grey",
+      "id": "grey",
-      "value": "hsl(221, 14%, 48%)"
+      "name": "$grey",
+      "value": "hsl(0, 0%, 48%)"
     },
-    {
+    "grey-light": {
-      "name": "grey-light",
+      "id": "grey-light",
-      "value": "hsl(221, 14%, 71%)"
+      "name": "$grey-light",
+      "value": "hsl(0, 0%, 71%)"
     },
-    {
+    "grey-lighter": {
-      "name": "grey-lighter",
+      "id": "grey-lighter",
-      "value": "hsl(221, 14%, 86%)"
+      "name": "$grey-lighter",
+      "value": "hsl(0, 0%, 86%)"
     },
-    {
+    "white-ter": {
-      "name": "grey-lightest",
+      "id": "white-ter",
-      "value": "hsl(221, 14%, 93%)"
+      "name": "$white-ter",
+      "value": "hsl(0, 0%, 96%)"
     },
-    {
+    "white-bis": {
-      "name": "white-ter",
+      "id": "white-bis",
-      "value": "hsl(221, 14%, 96%)"
+      "name": "$white-bis",
+      "value": "hsl(0, 0%, 98%)"
     },
-    {
+    "white": {
-      "name": "white-bis",
+      "id": "white",
-      "value": "hsl(221, 14%, 98%)"
+      "name": "$white",
+      "value": "hsl(0, 0%, 100%)"
     },
-    {
+    "orange": {
-      "name": "white",
+      "id": "orange",
-      "value": "hsl(221, 14%, 100%)"
+      "name": "$orange",
-    },
-    {
-      "name": "orange",
       "value": "hsl(14,  100%, 53%)"
     },
-    {
+    "yellow": {
-      "name": "yellow",
+      "id": "yellow",
-      "value": "hsl(42, 100%, 53%)"
+      "name": "$yellow",
+      "value": "hsl(48,  100%, 67%)"
     },
-    {
+    "green": {
-      "name": "green",
+      "id": "green",
-      "value": "hsl(153, 53%, 53%)"
+      "name": "$green",
+      "value": "hsl(141, 71%,  48%)"
     },
-    {
+    "turquoise": {
-      "name": "turquoise",
+      "id": "turquoise",
+      "name": "$turquoise",
       "value": "hsl(171, 100%, 41%)"
     },
-    {
+    "cyan": {
-      "name": "cyan",
+      "id": "cyan",
-      "value": "hsl(198, 100%, 70%)"
+      "name": "$cyan",
+      "value": "hsl(204, 86%,  53%)"
     },
-    {
+    "blue": {
-      "name": "blue",
+      "id": "blue",
-      "value": "hsl(233, 100%, 63%)"
+      "name": "$blue",
+      "value": "hsl(217, 71%,  53%)"
     },
-    {
+    "purple": {
-      "name": "purple",
+      "id": "purple",
+      "name": "$purple",
       "value": "hsl(271, 100%, 71%)"
     },
-    {
+    "red": {
-      "name": "red",
+      "id": "red",
-      "value": "hsl(348, 100%, 70%)"
+      "name": "$red",
+      "value": "hsl(348, 100%, 61%)"
     },
-    {
+    "family-sans-serif": {
-      "name": "family-sans-serif",
+      "id": "family-sans-serif",
-      "value": "\"Inter\", \"SF Pro\", \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\",\n  \"Helvetica Neue\", \"Helvetica\", \"Arial\", sans-serif"
+      "name": "$family-sans-serif",
+      "value": "BlinkMacSystemFont, -apple-system, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", sans-serif"
     },
-    {
+    "family-monospace": {
-      "name": "family-monospace",
+      "id": "family-monospace",
-      "value": "\"Inconsolata\", \"Hack\", \"SF Mono\", \"Roboto Mono\",\n  \"Source Code Pro\", \"Ubuntu Mono\", monospace"
+      "name": "$family-monospace",
+      "value": "monospace"
     },
-    {
+    "render-mode": {
-      "name": "render-mode",
+      "id": "render-mode",
+      "name": "$render-mode",
       "value": "optimizeLegibility"
     },
-    {
+    "size-1": {
-      "name": "size-1",
+      "id": "size-1",
+      "name": "$size-1",
       "value": "3rem"
     },
-    {
+    "size-2": {
-      "name": "size-2",
+      "id": "size-2",
+      "name": "$size-2",
       "value": "2.5rem"
     },
-    {
+    "size-3": {
-      "name": "size-3",
+      "id": "size-3",
+      "name": "$size-3",
       "value": "2rem"
     },
-    {
+    "size-4": {
-      "name": "size-4",
+      "id": "size-4",
+      "name": "$size-4",
       "value": "1.5rem"
     },
-    {
+    "size-5": {
-      "name": "size-5",
+      "id": "size-5",
+      "name": "$size-5",
       "value": "1.25rem"
     },
-    {
+    "size-6": {
-      "name": "size-6",
+      "id": "size-6",
+      "name": "$size-6",
       "value": "1rem"
     },
-    {
+    "size-7": {
-      "name": "size-7",
+      "id": "size-7",
+      "name": "$size-7",
       "value": "0.75rem"
     },
-    {
+    "weight-light": {
-      "name": "weight-light",
+      "id": "weight-light",
+      "name": "$weight-light",
       "value": "300"
     },
-    {
+    "weight-normal": {
-      "name": "weight-normal",
+      "id": "weight-normal",
+      "name": "$weight-normal",
       "value": "400"
     },
-    {
+    "weight-medium": {
-      "name": "weight-medium",
+      "id": "weight-medium",
+      "name": "$weight-medium",
       "value": "500"
     },
-    {
+    "weight-semibold": {
-      "name": "weight-semibold",
+      "id": "weight-semibold",
+      "name": "$weight-semibold",
       "value": "600"
     },
-    {
+    "weight-bold": {
-      "name": "weight-bold",
+      "id": "weight-bold",
+      "name": "$weight-bold",
       "value": "700"
     },
-    {
+    "gap": {
-      "name": "weight-extrabold",
+      "id": "gap",
-      "value": "800"
+      "name": "$gap",
-    },
-    {
-      "name": "block-spacing",
-      "value": "1.5rem"
-    },
-    {
-      "name": "aspect-ratios",
-      "value": "(\n  (1, 1),\n  (5, 4),\n  (4, 3),\n  (3, 2),\n  (5, 3),\n  (16, 9),\n  (2, 1),\n  (3, 1),\n  (4, 5),\n  (3, 4),\n  (2, 3),\n  (3, 5),\n  (9, 16),\n  (1, 2),\n  (1, 3)\n)"
-    },
-    {
-      "name": "gap",
       "value": "32px"
     },
-    {
+    "tablet": {
-      "name": "tablet",
+      "id": "tablet",
+      "name": "$tablet",
       "value": "769px"
     },
-    {
+    "desktop": {
-      "name": "desktop",
+      "id": "desktop",
-      "value": "960px + 2 * $gap"
+      "name": "$desktop",
+      "value": "960px + (2 * $gap)"
     },
-    {
+    "widescreen": {
-      "name": "widescreen",
+      "id": "widescreen",
-      "value": "1152px + 2 * $gap"
+      "name": "$widescreen",
+      "value": "1152px + (2 * $gap)"
     },
-    {
+    "fullhd": {
-      "name": "widescreen-enabled",
+      "id": "fullhd",
-      "value": "true"
+      "name": "$fullhd",
+      "value": "1344px + (2 * $gap)"
     },
-    {
+    "easing": {
-      "name": "fullhd",
+      "id": "easing",
-      "value": "1344px + 2 * $gap"
+      "name": "$easing",
-    },
-    {
-      "name": "fullhd-enabled",
-      "value": "true"
-    },
-    {
-      "name": "breakpoints",
-      "value": "(\n  \"mobile\": (\n    \"until\": $tablet,\n  ),\n  \"tablet\": (\n    \"from\": $tablet,\n  ),\n  \"tablet-only\": (\n    \"from\": $tablet,\n    \"until\": $desktop,\n  ),\n  \"touch\": (\n    \"from\": $desktop,\n  ),\n  \"desktop\": (\n    \"from\": $desktop,\n  ),\n  \"desktop-only\": (\n    \"from\": $desktop,\n    \"until\": $widescreen,\n  ),\n  \"until-widescreen\": (\n    \"until\": $widescreen,\n  ),\n  \"widescreen\": (\n    \"from\": $widescreen,\n  ),\n  \"widescreen-only\": (\n    \"from\": $widescreen,\n    \"until\": $fullhd,\n  ),\n  \"until-fullhd\": (\n    \"until\": $fullhd,\n  ),\n  \"fullhd\": (\n    \"from\": $fullhd,\n  ),\n)"
-    },
-    {
-      "name": "easing",
       "value": "ease-out"
     },
-    {
+    "radius-small": {
-      "name": "radius-small",
+      "id": "radius-small",
-      "value": "0.25rem"
+      "name": "$radius-small",
+      "value": "2px"
     },
-    {
+    "radius": {
-      "name": "radius",
+      "id": "radius",
-      "value": "0.375rem"
+      "name": "$radius",
+      "value": "3px"
     },
-    {
+    "radius-large": {
-      "name": "radius-medium",
+      "id": "radius-large",
-      "value": "0.5em"
+      "name": "$radius-large",
+      "value": "5px"
     },
-    {
+    "radius-rounded": {
-      "name": "radius-large",
+      "id": "radius-rounded",
-      "value": "0.75rem"
+      "name": "$radius-rounded",
+      "value": "290486px"
     },
-    {
+    "speed": {
-      "name": "radius-rounded",
+      "id": "speed",
-      "value": "9999px"
+      "name": "$speed",
-    },
-    {
-      "name": "speed",
       "value": "86ms"
     },
-    {
+    "variable-columns": {
-      "name": "variable-columns",
+      "id": "variable-columns",
+      "name": "$variable-columns",
       "value": "true"
-    },
-    {
-      "name": "rtl",
-      "value": "false"
-    },
-    {
-      "name": "class-prefix",
-      "value": "\"\""
-    },
-    {
-      "name": "cssvars-prefix",
-      "value": "\"bulma-\""
-    },
-    {
-      "name": "helpers-prefix",
-      "value": "\"is-\""
-    },
-    {
-      "name": "helpers-has-prefix",
-      "value": "\"has-\""
     }
-  ],
+  }
-  "css-vars": []
 }

docs/_includes/about/author.html

@@ -1,10 +0,0 @@
-<h4 class="bd-footer-title">
-  <strong xmlns:dct="http://purl.org/dc/terms/" href="http://purl.org/dc/dcmitype/Text" property="dct:title" rel="dct:type">Bulma</strong> by <a xmlns:cc="http://creativecommons.org/ns#" href="https://jgthms.com" property="cc:attributionName" rel="cc:attributionURL" target="_blank">Jeremy Thomas</a>.
-</h4>
-
-<div class="bd-footer-iframe">
-  <a href="https://twitter.com/jgthms" class="button is-twitter" data-related="jgthms:Creator of Bulma">
-    <span class="icon"><i class="fab fa-twitter"></i></span>
-    <span>Follow @jgthms</span>
-  </a>
-</div>

docs/_includes/about/contribute.html

@@ -1,8 +0,0 @@
-<h4 class="bd-footer-title">
-  <strong>Contribute</strong> on GitHub
-</h4>
-
-<div class="bd-footer-iframe is-github">
-  <iframe src="https://ghbtns.com/github-btn.html?user=jgthms&repo=bulma&type=star&count=true&size=large" allowtransparency="true" frameborder="0" scrolling="0" width="160px" height="30px"></iframe>
-  <iframe src="https://ghbtns.com/github-btn.html?user=jgthms&type=follow&count=true&size=large" frameborder="0" scrolling="0" width="170px" height="30px"></iframe>
-</div>

docs/_includes/about/share.html

@@ -1,15 +0,0 @@
-<h4 class="bd-footer-title">
-  <strong>Share</strong> on social media
-</h4>
-
-<div class="bd-footer-iframe">
-  <a href="https://twitter.com/share" class="button is-twitter" data-text="{{ site.data.meta.title }}" data-url="{{ site.url }}" data-count="horizontal" data-via="jgthms" data-related="jgthms:Creator of Bulma">
-    <span class="icon"><i class="fab fa-twitter"></i></span>
-    <span>Twitter</span>
-  </a>
-
-  <a class="button is-facebook" href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fbulma.io">
-    <span class="icon"><i class="fab fa-facebook"></i></span>
-    <span>Facebook</span>
-  </a>
-</div>

docs/_includes/anchor.html

@@ -0,0 +1,8 @@
+<hr style="margin-bottom: 0;">
+
+<h3 id="{{ include.name | slugify }}" class="title is-4 is-spaced bd-anchor-title">
+  {{ include.name }}
+  <a class="bd-anchor-link" href="#{{ include.name | slugify }}">
+    #
+  </a>
+</h3>