0ct0pu5/bulma
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: 0ct0pu5:main
Branches Tags
0ct0pu5:main
0ct0pu5:masterclass
0ct0pu5:relative-colors
0ct0pu5:customizer
0ct0pu5:shop
0ct0pu5:master
0ct0pu5:v0.9.4
0ct0pu5:dependabot/npm_and_yarn/docs/yaml-2.2.2
0ct0pu5:dependabot/npm_and_yarn/yaml-2.2.2
0ct0pu5:bulma-v1-css-variables
0ct0pu5:dependabot/npm_and_yarn/docs/decode-uri-component-0.2.2
0ct0pu5:bulma-v1
0ct0pu5:smart-grid
0ct0pu5:setup-cypress
0ct0pu5:docs/utilities-documentation
0ct0pu5:dependabot/npm_and_yarn/docs/path-parse-1.0.7
0ct0pu5:2107-sass-survey
0ct0pu5:css-variables-with-fallback
0ct0pu5:cssvars-hsl
0ct0pu5:logical-properties
0ct0pu5:css-variables
0ct0pu5:docs-cssvar
0ct0pu5:variables-update
0ct0pu5:light-dark-colors
0ct0pu5:grid
0ct0pu5:1.0.3
0ct0pu5:1.0.2
0ct0pu5:1.0.1
0ct0pu5:1.0.0
0ct0pu5:0.9.4
0ct0pu5:0.9.3
0ct0pu5:0.9.2
0ct0pu5:0.9.1
0ct0pu5:0.9.0
0ct0pu5:0.8.2
0ct0pu5:0.8.1
0ct0pu5:0.8.0
0ct0pu5:0.7.5
0ct0pu5:0.7.4
0ct0pu5:0.7.3
0ct0pu5:0.7.2
0ct0pu5:0.7.1
0ct0pu5:0.7.0
0ct0pu5:0.6.2
0ct0pu5:0.6.1
0ct0pu5:0.6.0
0ct0pu5:0.5.3
0ct0pu5:0.5.2
0ct0pu5:0.5.1
0ct0pu5:0.5.0
0ct0pu5:0.4.4
0ct0pu5:0.4.3
0ct0pu5:0.4.2
0ct0pu5:0.4.1
0ct0pu5:0.4.0
0ct0pu5:0.3.2
0ct0pu5:0.3.1
0ct0pu5:0.3.0
0ct0pu5:0.2.3
0ct0pu5:0.2.1
0ct0pu5:0.2.0
0ct0pu5:0.1.2
0ct0pu5:0.1.1
0ct0pu5:0.1.0
0ct0pu5:0.0.28
0ct0pu5:0.0.27
0ct0pu5:0.0.26
0ct0pu5:0.0.25
0ct0pu5:0.0.24
0ct0pu5:0.0.23
0ct0pu5:0.0.22
0ct0pu5:0.0.21
0ct0pu5:0.0.20
0ct0pu5:0.0.19
0ct0pu5:0.0.18
0ct0pu5:0.0.17
0ct0pu5:0.0.16
0ct0pu5:0.0.15
0ct0pu5:0.0.14
0ct0pu5:0.0.13
0ct0pu5:0.0.12
0ct0pu5:0.0.11
0ct0pu5:0.0.10
0ct0pu5:0.0.8
0ct0pu5:0.0.7
0ct0pu5:0.0.5
0ct0pu5:0.0.4
0ct0pu5:0.0.3
0ct0pu5:0.0.2
0ct0pu5:0.0.1
..
compare: 0ct0pu5:0.0.26
Branches Tags
0ct0pu5:main
0ct0pu5:masterclass
0ct0pu5:relative-colors
0ct0pu5:customizer
0ct0pu5:shop
0ct0pu5:master
0ct0pu5:v0.9.4
0ct0pu5:dependabot/npm_and_yarn/docs/yaml-2.2.2
0ct0pu5:dependabot/npm_and_yarn/yaml-2.2.2
0ct0pu5:bulma-v1-css-variables
0ct0pu5:dependabot/npm_and_yarn/docs/decode-uri-component-0.2.2
0ct0pu5:bulma-v1
0ct0pu5:smart-grid
0ct0pu5:setup-cypress
0ct0pu5:docs/utilities-documentation
0ct0pu5:dependabot/npm_and_yarn/docs/path-parse-1.0.7
0ct0pu5:2107-sass-survey
0ct0pu5:css-variables-with-fallback
0ct0pu5:cssvars-hsl
0ct0pu5:logical-properties
0ct0pu5:css-variables
0ct0pu5:docs-cssvar
0ct0pu5:variables-update
0ct0pu5:light-dark-colors
0ct0pu5:grid
0ct0pu5:1.0.3
0ct0pu5:1.0.2
0ct0pu5:1.0.1
0ct0pu5:1.0.0
0ct0pu5:0.9.4
0ct0pu5:0.9.3
0ct0pu5:0.9.2
0ct0pu5:0.9.1
0ct0pu5:0.9.0
0ct0pu5:0.8.2
0ct0pu5:0.8.1
0ct0pu5:0.8.0
0ct0pu5:0.7.5
0ct0pu5:0.7.4
0ct0pu5:0.7.3
0ct0pu5:0.7.2
0ct0pu5:0.7.1
0ct0pu5:0.7.0
0ct0pu5:0.6.2
0ct0pu5:0.6.1
0ct0pu5:0.6.0
0ct0pu5:0.5.3
0ct0pu5:0.5.2
0ct0pu5:0.5.1
0ct0pu5:0.5.0
0ct0pu5:0.4.4
0ct0pu5:0.4.3
0ct0pu5:0.4.2
0ct0pu5:0.4.1
0ct0pu5:0.4.0
0ct0pu5:0.3.2
0ct0pu5:0.3.1
0ct0pu5:0.3.0
0ct0pu5:0.2.3
0ct0pu5:0.2.1
0ct0pu5:0.2.0
0ct0pu5:0.1.2
0ct0pu5:0.1.1
0ct0pu5:0.1.0
0ct0pu5:0.0.28
0ct0pu5:0.0.27
0ct0pu5:0.0.26
0ct0pu5:0.0.25
0ct0pu5:0.0.24
0ct0pu5:0.0.23
0ct0pu5:0.0.22
0ct0pu5:0.0.21
0ct0pu5:0.0.20
0ct0pu5:0.0.19
0ct0pu5:0.0.18
0ct0pu5:0.0.17
0ct0pu5:0.0.16
0ct0pu5:0.0.15
0ct0pu5:0.0.14
0ct0pu5:0.0.13
0ct0pu5:0.0.12
0ct0pu5:0.0.11
0ct0pu5:0.0.10
0ct0pu5:0.0.8
0ct0pu5:0.0.7
0ct0pu5:0.0.5
0ct0pu5:0.0.4
0ct0pu5:0.0.3
0ct0pu5:0.0.2
0ct0pu5:0.0.1

No commits in common. "main" and "0.0.26" have entirely different histories.
main ... 0.0.26

6737 changed files with 9351 additions and 873788 deletions
Show stats Expand all files Collapse all files

2
.editorconfig
View file

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

82
.github/CONTRIBUTING.md vendored
View file

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

4
.github/FUNDING.yml vendored
View file

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

39
.github/ISSUE_TEMPLATE.md vendored
View file

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

37
.github/PULL_REQUEST_TEMPLATE.md vendored
View file

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

36
.github/stale.yml vendored
View file

@ -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

24
.github/workflows/main.yml vendored
View file

@ -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"

25
.gitignore vendored
View file

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

21
.travis.yml
View file

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

27
BACKERS.md
View file

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

1660
CHANGELOG.md
View file

File diff suppressed because it is too large Load diff

72
CONTRIBUTING.md Normal file
View file

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

32
ISSUE_TEMPLATE.md Normal file
View file

@ -0,0 +1,32 @@
### Instructions
**THIS IS AN EXAMPLE TEMPLATE.**
**If it's a bug on the website, submit an issue on the appropriate repository: [https://github.com/jgthms/bulma-website](https://github.com/jgthms/bulma-website)**
**Screenshots are more than welcome!**
**Please remove any unused content (including these instructions) before submitting your issue.**
**Thanks for helping out!** 😇
_[Remove this line and all of the above before submitting your issue]_
### Checklist
* [ ] This is about Bulma the **CSS framework** and **not** about the Bulma website
* [ ] I'm using Bulma **version** [x.x.x]
* [ ] My **browser** is:
* [ ] This is a **Sass** issue: I'm using version [x.x.x]
* [ ] I am sure this issue is **not a duplicate**?
### Description
[Description of the bug, enhancement, or question]
[Please tag accordingly]
### Steps to Reproduce
1. [First Step]
2. [Second Step]
3. [and so on...]
_Expected behavior:_ [What you expected to happen]
_Actual behavior:_ [What actually happened]

2
LICENSE
View file

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

26
PULL_REQUEST_TEMPLATE.md Normal file
View file

@ -0,0 +1,26 @@
### Instructions
**THIS IS AN EXAMPLE TEMPLATE.**
**Screenshots are more than welcome!**
**Please remove any unused content (including these instructions) before submitting your PR.**
**Thanks for helping out!** 😇
* Pull the latest master branch
* Run `npm install` to install all Bulma dependencies
* Make sure your Sass code is compliant with the [Bulma Sass styleguide](https://github.com/jgthms/bulma/blob/master/CONTRIBUTING.md#bulma-sass-styleguide)
* If your PR fixes an issue, reference that issue
* If your PR has lots of commits, **squash** your commits first
* Run `npm run build` before submitting your PR
_[Remove this line and all of the above before submitting your PR]_
### Pull Request
Fixes #
Changes proposed:
* [ ] Add
* [ ] Fix
* [ ] Remove
* [ ] Update

142
README.md
View file

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

16
bower.json
View file

@ -1,26 +1,24 @@
{
"name": "bulma",
"version": "1.0.3",
"homepage": "https://bulma.io",
"authors": ["jgthms <bbxdesign@gmail.com>"],
"version": "0.0.26",
"homepage": "http://bulma.io",
"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"
]

7
bulma.sass vendored Normal file
View file

@ -0,0 +1,7 @@
@charset "utf-8"
@import "sass/utilities/utilities"
@import "sass/base/base"
@import "sass/elements/elements"
@import "sass/components/components"
@import "sass/layout/layout"

4
bulma.scss vendored
View file

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

27109
css/bulma.css vendored
View file

File diff suppressed because it is too large Load diff

2
css/bulma.css.map
View file

File diff suppressed because one or more lines are too long

5
css/bulma.min.css vendored
View file

File diff suppressed because one or more lines are too long

1
css/bulma.min.css.map Normal file
View file

File diff suppressed because one or more lines are too long

19656
css/versions/bulma-no-dark-mode.css
View file

File diff suppressed because it is too large Load diff

1
css/versions/bulma-no-dark-mode.css.map
View file

File diff suppressed because one or more lines are too long

3
css/versions/bulma-no-dark-mode.min.css vendored
View file

File diff suppressed because one or more lines are too long

13947
css/versions/bulma-no-helpers-prefixed.css
View file

File diff suppressed because it is too large Load diff

1
css/versions/bulma-no-helpers-prefixed.css.map
View file

File diff suppressed because one or more lines are too long

3
css/versions/bulma-no-helpers-prefixed.min.css vendored
View file

File diff suppressed because one or more lines are too long

13947
css/versions/bulma-no-helpers.css
View file

File diff suppressed because it is too large Load diff

1
css/versions/bulma-no-helpers.css.map
View file

File diff suppressed because one or more lines are too long

3
css/versions/bulma-no-helpers.min.css vendored
View file

File diff suppressed because one or more lines are too long

21559
css/versions/bulma-prefixed.css
View file

File diff suppressed because it is too large Load diff

1
css/versions/bulma-prefixed.css.map
View file

File diff suppressed because one or more lines are too long

3
css/versions/bulma-prefixed.min.css vendored
View file

File diff suppressed because one or more lines are too long

3
docs/.babelrc
View file

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

32
docs/.gitignore vendored
View file

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

4
docs/.prettierignore
View file

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

13
docs/.prettierrc
View file

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

1
docs/CNAME
View file

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

21
docs/LICENSE
View file

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

29
docs/README.md
View file

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

21
docs/_config.yml
View file

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

31
docs/_data/breakpoints.json
View file

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

32
docs/_data/bubbles.json
View file

@ -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."
}
}

18
docs/_data/colors.json
View file

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

67
docs/_data/css-vars.json
View file

@ -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"
]

502
docs/_data/expo.json
View file

@ -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"
]
}
}

6
docs/_data/icons.json
View file

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

877
docs/_data/links.json
View file

@ -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"
]
}
}

15028
docs/_data/love.json
View file

File diff suppressed because it is too large Load diff

22
docs/_data/meta.json
View file

@ -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"
}

29
docs/_data/palette.json
View file

@ -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"
]

30
docs/_data/sizes-list.json
View file

@ -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"
}
]

1
docs/_data/sizes.json
View file

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

12
docs/_data/sponsors.json
View file

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

30
docs/_data/tiers.json
View file

@ -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**."
}
]

4
docs/_data/variables/base/animations.json
View file

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

222
docs/_data/variables/base/generic.json
View file

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

4
docs/_data/variables/base/minireset.json
View file

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

51
docs/_data/variables/base/skeleton.json
View file

@ -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"
}
]
}

60
docs/_data/variables/components/breadcrumb.json
View file

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

141
docs/_data/variables/components/card.json
View file

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

139
docs/_data/variables/components/dropdown.json
View file

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

148
docs/_data/variables/components/menu.json
View file

@ -1,148 +0,0 @@
{
"sass-vars": [
{
"name": "menu-item-radius",
"value": "var(--bulma-radius-small)",
"css-var": "menu-item-radius"
},
{
"name": "menu-list-border-left",
"value": "1px solid var(--bulma-border)",
"css-var": "menu-list-border-left"
},
{
"name": "menu-list-line-height",
"value": "1.25",
"css-var": "menu-list-line-height"
},
{
"name": "menu-list-link-padding",
"value": "0.5em 0.75em",
"css-var": "menu-list-link-padding"
},
{
"name": "menu-nested-list-margin",
"value": "0.75em",
"css-var": "menu-nested-list-margin"
},
{
"name": "menu-nested-list-padding-left",
"value": "0.75em",
"css-var": "menu-nested-list-padding-left"
},
{
"name": "menu-label-color",
"value": "var(--bulma-text-weak)",
"css-var": "menu-label-color"
},
{
"name": "menu-label-font-size",
"value": "0.75em",
"css-var": "menu-label-font-size"
},
{
"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"
}
]
}

145
docs/_data/variables/components/message.json
View file

@ -1,145 +0,0 @@
{
"sass-vars": [
{
"name": "message-border-l-delta",
"value": "-20%",
"css-var": "message-border-l-delta"
},
{
"name": "message-radius",
"value": "var(--bulma-radius)",
"css-var": "message-radius"
},
{
"name": "message-header-weight",
"value": "var(--bulma-weight-semibold)",
"css-var": "message-header-weight"
},
{
"name": "message-header-padding",
"value": "1em 1.25em",
"css-var": "message-header-padding"
},
{
"name": "message-header-radius",
"value": "var(--bulma-radius)",
"css-var": "message-header-radius"
},
{
"name": "message-body-border-width",
"value": "0 0 0 4px",
"css-var": "message-body-border-width"
},
{
"name": "message-body-color",
"value": "var(--bulma-text)",
"css-var": "message-body-color"
},
{
"name": "message-body-padding",
"value": "1.25em 1.5em",
"css-var": "message-body-padding"
},
{
"name": "message-body-radius",
"value": "var(--bulma-radius-small)",
"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"
},
{
"name": "message-header-radius",
"value": "var(--bulma-radius)"
},
{
"name": "message-body-border-width",
"value": "0 0 0 4px"
},
{
"name": "message-body-color",
"value": "var(--bulma-text)"
},
{
"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},"
}
]
}

186
docs/_data/variables/components/modal.json
View file

@ -1,186 +0,0 @@
{
"sass-vars": [
{
"name": "modal-z",
"value": "40",
"css-var": "modal-z"
},
{
"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)",
"css-var": "modal-background-background-color"
},
{
"name": "modal-content-width",
"value": "40rem",
"css-var": "modal-content-width"
},
{
"name": "modal-content-margin-mobile",
"value": "1.25rem",
"css-var": "modal-content-margin-mobile"
},
{
"name": "modal-content-spacing-mobile",
"value": "10rem",
"css-var": "modal-content-spacing-mobile"
},
{
"name": "modal-content-spacing-tablet",
"value": "2.5rem",
"css-var": "modal-content-spacing-tablet"
},
{
"name": "modal-close-dimensions",
"value": "2.5rem",
"css-var": "modal-close-dimensions"
},
{
"name": "modal-close-right",
"value": "1.25rem",
"css-var": "modal-close-right"
},
{
"name": "modal-close-top",
"value": "1.25rem",
"css-var": "modal-close-top"
},
{
"name": "modal-card-spacing",
"value": "2.5rem",
"css-var": "modal-card-spacing"
},
{
"name": "modal-card-head-background-color",
"value": "var(--bulma-scheme-main)",
"css-var": "modal-card-head-background-color"
},
{
"name": "modal-card-head-padding",
"value": "2rem",
"css-var": "modal-card-head-padding"
},
{
"name": "modal-card-head-radius",
"value": "var(--bulma-radius-large)",
"css-var": "modal-card-head-radius"
},
{
"name": "modal-card-title-color",
"value": "var(--bulma-text-strong)",
"css-var": "modal-card-title-color"
},
{
"name": "modal-card-title-line-height",
"value": "1",
"css-var": "modal-card-title-line-height"
},
{
"name": "modal-card-title-size",
"value": "var(--bulma-size-4)",
"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"
},
{
"name": "modal-card-title-size",
"value": "var(--bulma-size-4)"
},
{
"name": "modal-card-foot-background-color",
"value": "var(--bulma-scheme-main-bis)"
},
{
"name": "modal-card-foot-radius",
"value": "var(--bulma-radius-large)"
},
{
"name": "modal-card-body-background-color",
"value": "var(--bulma-scheme-main)"
},
{
"name": "modal-card-body-padding",
"value": "2rem"
}
]
}

166
docs/_data/variables/components/navbar.json
View file

@ -1,166 +0,0 @@
{
"sass-vars": [
{
"name": "navbar-background-color",
"css-var": "navbar-background-color",
"value": "var(--bulma-scheme-main)"
},
{
"name": "navbar-box-shadow-size",
"css-var": "navbar-box-shadow-size",
"value": "0 0.125em 0 0"
},
{
"name": "navbar-box-shadow-color",
"css-var": "navbar-box-shadow-color",
"value": "var(--bulma-background)"
},
{
"name": "navbar-height",
"value": "3.25rem",
"css-var": "navbar-height"
},
{
"name": "navbar-padding-vertical",
"css-var": "navbar-padding-vertical",
"value": "1rem"
},
{
"name": "navbar-padding-horizontal",
"css-var": "navbar-padding-horizontal",
"value": "2rem"
},
{
"name": "navbar-z",
"css-var": "navbar-z",
"value": "30"
},
{
"name": "navbar-fixed-z",
"css-var": "navbar-fixed-z",
"value": "30"
},
{
"name": "navbar-item-img-max-height",
"css-var": "navbar-item-img-max-height",
"value": "1.75rem"
},
{
"name": "navbar-burger-color",
"css-var": "navbar-burger-color",
"value": "var(--bulma-navbar-item-color)"
},
{
"name": "navbar-tab-hover-background-color",
"css-var": "navbar-tab-hover-background-color",
"value": "transparent"
},
{
"name": "navbar-tab-hover-border-bottom-color",
"css-var": "navbar-tab-hover-border-bottom-color",
"value": "var(--bulma-link)"
},
{
"name": "navbar-tab-active-color",
"css-var": "navbar-tab-active-color",
"value": "var(--bulma-link)"
},
{
"name": "navbar-tab-active-background-color",
"css-var": "navbar-tab-active-background-color",
"value": "transparent"
},
{
"name": "navbar-tab-active-border-bottom-color",
"css-var": "navbar-tab-active-border-bottom-color",
"value": "var(--bulma-link)"
},
{
"name": "navbar-tab-active-border-bottom-style",
"css-var": "navbar-tab-active-border-bottom-style",
"value": "solid"
},
{
"name": "navbar-tab-active-border-bottom-width",
"css-var": "navbar-tab-active-border-bottom-width",
"value": "0.1875em"
},
{
"name": "navbar-dropdown-background-color",
"css-var": "navbar-dropdown-background-color",
"value": "var(--bulma-scheme-main)"
},
{
"name": "navbar-dropdown-border-l",
"css-var": "navbar-dropdown-border-l",
"value": "var(--bulma-border-l)"
},
{
"name": "navbar-dropdown-border-color",
"css-var": "navbar-dropdown-border-color",
"value": "hsl(\n var(--bulma-navbar-h),\n var(--bulma-navbar-s),\n var(--bulma-navbar-dropdown-border-l)\n)"
},
{
"name": "navbar-dropdown-border-style",
"css-var": "navbar-dropdown-border-style",
"value": "solid"
},
{
"name": "navbar-dropdown-border-width",
"css-var": "navbar-dropdown-border-width",
"value": "0.125em"
},
{
"name": "navbar-dropdown-offset",
"css-var": "navbar-dropdown-offset",
"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"
},
{
"name": "navbar-dropdown-boxed-radius",
"css-var": "navbar-dropdown-boxed-radius",
"value": "var(--bulma-radius-large)"
},
{
"name": "navbar-dropdown-boxed-shadow",
"css-var": "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)"
},
{
"name": "navbar-divider-background-l",
"css-var": "navbar-divider-background-l",
"value": "var(--bulma-background-l)"
},
{
"name": "navbar-divider-height",
"css-var": "navbar-divider-height",
"value": "0.125em"
},
{
"name": "navbar-bottom-box-shadow-size",
"css-var": "navbar-bottom-box-shadow-size",
"value": "0 -0.125em 0 0"
}
],
"css-vars": [
{
"name": "navbar-height",
"css-var": "navbar-height",
"value": "3.25rem"
}
]
}

256
docs/_data/variables/components/pagination.json
View file

@ -1,256 +0,0 @@
{
"sass-vars": [
{
"name": "pagination-margin",
"value": "-0.25rem",
"css-var": "pagination-margin"
},
{
"name": "pagination-min-width",
"value": "var(--bulma-control-height)",
"css-var": "pagination-min-width"
},
{
"name": "pagination-item-border-style",
"value": "solid",
"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"
},
{
"name": "pagination-min-width",
"value": "var(--bulma-control-height)"
},
{
"name": "pagination-item-h",
"value": "#{$pagination-item-h},"
},
{
"name": "pagination-item-s",
"value": "#{$pagination-item-s},"
},
{
"name": "pagination-item-l",
"value": "#{$pagination-item-l},"
},
{
"name": "pagination-item-background-l-delta",
"value": "#{$pagination-item-background-l-delta},"
},
{
"name": "pagination-item-hover-background-l-delta",
"value": "#{$pagination-item-hover-background-l-delta},"
},
{
"name": "pagination-item-active-background-l-delta",
"value": "#{$pagination-item-active-background-l-delta},"
},
{
"name": "pagination-item-border-style",
"value": "solid"
},
{
"name": "pagination-item-border-width",
"value": "var(--bulma-control-border-width)"
},
{
"name": "pagination-item-border-l",
"value": "#{$pagination-item-border-l},"
},
{
"name": "pagination-item-border-l-delta",
"value": "#{$pagination-item-border-l-delta},"
},
{
"name": "pagination-item-hover-border-l-delta",
"value": "#{$pagination-item-hover-border-l-delta},"
},
{
"name": "pagination-item-active-border-l-delta",
"value": "#{$pagination-item-active-border-l-delta},"
},
{
"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},"
}
]
}

208
docs/_data/variables/components/panel.json
View file

@ -1,208 +0,0 @@
{
"sass-vars": [
{
"name": "panel-margin",
"value": "var(--bulma-block-spacing)",
"css-var": "panel-margin"
},
{
"name": "panel-item-border",
"value": "1px solid var(--bulma-border-weak)",
"css-var": "panel-item-border"
},
{
"name": "panel-radius",
"value": "var(--bulma-radius-large)",
"css-var": "panel-radius"
},
{
"name": "panel-shadow",
"value": "var(--bulma-shadow)",
"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"
},
{
"name": "panel-heading-padding",
"value": "1em 1.25em"
},
{
"name": "panel-heading-radius",
"value": "var(--bulma-radius)"
},
{
"name": "panel-heading-size",
"value": "1.25em"
},
{
"name": "panel-heading-weight",
"value": "var(--bulma-weight-bold)"
},
{
"name": "panel-tabs-font-size",
"value": "1em"
},
{
"name": "panel-tab-border-bottom-color",
"value": "var(--bulma-border)"
},
{
"name": "panel-tab-border-bottom-style",
"value": "solid"
},
{
"name": "panel-tab-border-bottom-width",
"value": "1px"
},
{
"name": "panel-tab-active-color",
"value": "var(--bulma-link-active)"
},
{
"name": "panel-list-item-color",
"value": "var(--bulma-text)"
},
{
"name": "panel-list-item-hover-color",
"value": "var(--bulma-link)"
},
{
"name": "panel-block-color",
"value": "var(--bulma-text-strong)"
},
{
"name": "panel-block-hover-background-color",
"value": "var(--bulma-background)"
},
{
"name": "panel-block-active-border-left-color",
"value": "var(--bulma-link)"
},
{
"name": "panel-block-active-color",
"value": "var(--bulma-link-active)"
},
{
"name": "panel-block-active-icon-color",
"value": "var(--bulma-link)"
},
{
"name": "panel-icon-color",
"value": "var(--bulma-text-weak)"
}
]
}

222
docs/_data/variables/components/tabs.json
View file

@ -1,222 +0,0 @@
{
"sass-vars": [
{
"name": "tabs-border-bottom-color",
"value": "var(--bulma-border)",
"css-var": "tabs-border-bottom-color"
},
{
"name": "tabs-border-bottom-style",
"value": "solid",
"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"
},
{
"name": "tabs-border-bottom-width",
"value": "1px"
},
{
"name": "tabs-link-color",
"value": "var(--bulma-text)"
},
{
"name": "tabs-link-hover-border-bottom-color",
"value": "var(--bulma-text-strong)"
},
{
"name": "tabs-link-hover-color",
"value": "var(--bulma-text-strong)"
},
{
"name": "tabs-link-active-border-bottom-color",
"value": "var(--bulma-link-text)"
},
{
"name": "tabs-link-active-color",
"value": "var(--bulma-link-text)"
},
{
"name": "tabs-link-padding",
"value": "0.5em 1em"
},
{
"name": "tabs-boxed-link-radius",
"value": "var(--bulma-radius)"
},
{
"name": "tabs-boxed-link-hover-background-color",
"value": "var(--bulma-background)"
},
{
"name": "tabs-boxed-link-hover-border-bottom-color",
"value": "var(--bulma-border)"
},
{
"name": "tabs-boxed-link-active-background-color",
"value": "var(--bulma-scheme-main)"
},
{
"name": "tabs-boxed-link-active-border-color",
"value": "var(--bulma-border)"
},
{
"name": "tabs-boxed-link-active-border-bottom-color",
"value": "transparent"
},
{
"name": "tabs-toggle-link-border-color",
"value": "var(--bulma-border)"
},
{
"name": "tabs-toggle-link-border-style",
"value": "solid"
},
{
"name": "tabs-toggle-link-border-width",
"value": "1px"
},
{
"name": "tabs-toggle-link-hover-background-color",
"value": "var(--bulma-background)"
},
{
"name": "tabs-toggle-link-hover-border-color",
"value": "var(--bulma-border-hover)"
},
{
"name": "tabs-toggle-link-radius",
"value": "var(--bulma-radius)"
},
{
"name": "tabs-toggle-link-active-background-color",
"value": "var(--bulma-link)"
},
{
"name": "tabs-toggle-link-active-border-color",
"value": "var(--bulma-link)"
},
{
"name": "tabs-toggle-link-active-color",
"value": "var(--bulma-link-invert)"
}
]
}

9
docs/_data/variables/elements/block.json
View file

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

69
docs/_data/variables/elements/box.json
View file

@ -1,69 +0,0 @@
{
"sass-vars": [
{
"name": "box-background-color",
"value": "var(--bulma-scheme-main)",
"css-var": "box-background-color"
},
{
"name": "box-color",
"value": "var(--bulma-text)",
"css-var": "box-color"
},
{
"name": "box-radius",
"value": "var(--bulma-radius-large)",
"css-var": "box-radius"
},
{
"name": "box-shadow",
"value": "var(--bulma-shadow)",
"css-var": "box-shadow"
},
{
"name": "box-padding",
"value": "1.25rem",
"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"
},
{
"name": "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-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)"
}
]
}

271
docs/_data/variables/elements/button.json
View file

@ -1,271 +0,0 @@
{
"sass-vars": [
{
"name": "button-weight",
"value": "var(--bulma-weight-medium)",
"css-var": "button-weight"
},
{
"name": "button-family",
"value": "false",
"css-var": "button-family"
},
{
"name": "button-border-color",
"value": "var(--bulma-border)",
"css-var": "button-border-color"
},
{
"name": "button-border-style",
"value": "solid",
"css-var": "button-border-style"
},
{
"name": "button-border-width",
"value": "var(--bulma-control-border-width)",
"css-var": "button-border-width"
},
{
"name": "button-padding-vertical",
"value": "0.5em",
"css-var": "button-padding-vertical"
},
{
"name": "button-padding-horizontal",
"value": "1em",
"css-var": "button-padding-horizontal"
},
{
"name": "button-focus-border-color",
"value": "var(--bulma-link-focus-border)",
"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"
},
{
"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)"
},
{
"name": "button-active-color",
"value": "var(--bulma-link-active)"
},
{
"name": "button-active-border-color",
"value": "var(--bulma-link-active-border)"
},
{
"name": "button-text-color",
"value": "var(--bulma-text)"
},
{
"name": "button-text-decoration",
"value": "underline"
},
{
"name": "button-text-hover-background-color",
"value": "var(--bulma-background)"
},
{
"name": "button-text-hover-color",
"value": "var(--bulma-text-strong)"
},
{
"name": "button-ghost-background",
"value": "none"
},
{
"name": "button-ghost-border-color",
"value": "transparent"
},
{
"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"
},
{
"name": "button-static-color",
"value": "var(--bulma-text-weak)"
},
{
"name": "button-static-background-color",
"value": "var(--bulma-scheme-main-ter)"
},
{
"name": "button-static-border-color",
"value": "var(--bulma-border)"
}
]
}

159
docs/_data/variables/elements/content.json
View file

@ -1,159 +0,0 @@
{
"sass-vars": [
{
"name": "content-heading-color",
"value": "var(--bulma-text-strong)",
"css-var": "content-heading-color"
},
{
"name": "content-heading-weight",
"value": "var(--bulma-weight-extrabold)",
"css-var": "content-heading-weight"
},
{
"name": "content-heading-line-height",
"value": "1.125",
"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"
},
{
"name": "content-block-margin-bottom",
"value": "1em"
},
{
"name": "content-blockquote-background-color",
"value": "var(--bulma-background)"
},
{
"name": "content-blockquote-border-left",
"value": "5px solid var(--bulma-border)"
},
{
"name": "content-blockquote-padding",
"value": "1.25em 1.5em"
},
{
"name": "content-pre-padding",
"value": "1.25em 1.5em"
},
{
"name": "content-table-cell-border",
"value": "1px solid var(--bulma-border)"
},
{
"name": "content-table-cell-border-width",
"value": "0 0 1px"
},
{
"name": "content-table-cell-padding",
"value": "0.5em 0.75em"
},
{
"name": "content-table-cell-heading-color",
"value": "var(--bulma-text-strong)"
},
{
"name": "content-table-head-cell-border-width",
"value": "0 0 2px"
},
{
"name": "content-table-head-cell-color",
"value": "var(--bulma-text-strong)"
},
{
"name": "content-table-body-last-row-cell-border-bottom-width",
"value": "0"
},
{
"name": "content-table-foot-cell-border-width",
"value": "2px 0 0"
},
{
"name": "content-table-foot-cell-color",
"value": "var(--bulma-text-strong)"
}
]
}

21
docs/_data/variables/elements/delete.json
View file

@ -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)"
}
]
}

51
docs/_data/variables/elements/icon.json
View file

@ -1,51 +0,0 @@
{
"sass-vars": [
{
"name": "icon-dimensions",
"value": "1.5rem",
"css-var": "icon-dimensions"
},
{
"name": "icon-dimensions-small",
"value": "1rem",
"css-var": "icon-dimensions-small"
},
{
"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"
},
{
"name": "icon-dimensions-small",
"value": "1rem"
},
{
"name": "icon-dimensions-medium",
"value": "2rem"
},
{
"name": "icon-dimensions-large",
"value": "3rem"
},
{
"name": "icon-text-spacing",
"value": "0.25em"
}
]
}

9
docs/_data/variables/elements/image.json
View file

@ -1,9 +0,0 @@
{
"sass-vars": [
{
"name": "dimensions",
"value": "16 24 32 48 64 96 128"
}
],
"css-vars": []
}

4
docs/_data/variables/elements/loader.json
View file

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

53
docs/_data/variables/elements/notification.json
View file

@ -1,53 +0,0 @@
{
"sass-vars": [
{
"name": "notification-code-background-color",
"value": "var(--bulma-scheme-main)",
"css-var": "notification-code-background-color"
},
{
"name": "notification-radius",
"value": "var(--bulma-radius)",
"css-var": "notification-radius"
},
{
"name": "notification-padding",
"value": "1.375em 1.5em",
"css-var": "notification-padding"
},
{
"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"
}
]
}

46
docs/_data/variables/elements/progress.json
View file

@ -1,46 +0,0 @@
{
"sass-vars": [
{
"name": "progress-bar-background-color",
"value": "var(--bulma-border-weak)",
"css-var": "progress-bar-background-color"
},
{
"name": "progress-value-background-color",
"value": "var(--bulma-text)",
"css-var": "progress-value-background-color"
},
{
"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"
}
]
}

190
docs/_data/variables/elements/table.json
View file

@ -1,190 +0,0 @@
{
"sass-vars": [
{
"name": "table-color",
"value": "var(--bulma-text-strong)",
"css-var": "table-color"
},
{
"name": "table-background-color",
"value": "var(--bulma-scheme-main)",
"css-var": "table-background-color"
},
{
"name": "table-cell-border-color",
"value": "var(--bulma-border)",
"css-var": "table-cell-border-color"
},
{
"name": "table-cell-border-style",
"value": "solid",
"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"
},
{
"name": "table-cell-padding",
"value": "0.5em 0.75em"
},
{
"name": "table-cell-heading-color",
"value": "var(--bulma-text-strong)"
},
{
"name": "table-cell-text-align",
"value": "left"
},
{
"name": "table-head-cell-border-width",
"value": "0 0 2px"
},
{
"name": "table-head-cell-color",
"value": "var(--bulma-text-strong)"
},
{
"name": "table-foot-cell-border-width",
"value": "2px 0 0"
},
{
"name": "table-foot-cell-color",
"value": "var(--bulma-text-strong)"
},
{
"name": "table-head-background-color",
"value": "transparent"
},
{
"name": "table-body-background-color",
"value": "transparent"
},
{
"name": "table-foot-background-color",
"value": "transparent"
},
{
"name": "table-row-hover-background-color",
"value": "var(--bulma-scheme-main-bis)"
},
{
"name": "table-row-active-background-color",
"value": "var(--bulma-primary)"
},
{
"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)"
}
]
}

56
docs/_data/variables/elements/tag.json
View file

@ -1,56 +0,0 @@
{
"sass-vars": [
{
"name": "tag-radius",
"value": "var(--bulma-radius)",
"css-var": "tag-radius"
},
{
"name": "tag-delete-margin",
"value": "1px",
"css-var": "tag-delete-margin"
},
{
"name": "tag-colors",
"value": "dv.$colors"
}
],
"css-vars": [
{
"name": "tag-h",
"value": "#{$tag-h},"
},
{
"name": "tag-s",
"value": "#{$tag-s},"
},
{
"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"
}
]
}

150
docs/_data/variables/elements/title.json
View file

@ -1,150 +0,0 @@
{
"sass-vars": [
{
"name": "title-color",
"value": "var(--bulma-text-strong)",
"css-var": "title-color"
},
{
"name": "title-family",
"value": "false",
"css-var": "title-family"
},
{
"name": "title-size",
"value": "var(--bulma-size-3)",
"css-var": "title-size"
},
{
"name": "title-weight",
"value": "var(--bulma-weight-extrabold)",
"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"
},
{
"name": "title-strong-weight",
"value": "inherit"
},
{
"name": "title-sub-size",
"value": "0.75em"
},
{
"name": "title-sup-size",
"value": "0.75em"
},
{
"name": "subtitle-color",
"value": "var(--bulma-text)"
},
{
"name": "subtitle-family",
"value": "false"
},
{
"name": "subtitle-size",
"value": "var(--bulma-size-5)"
},
{
"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)"
}
]
}

4
docs/_data/variables/form/checkbox-radio.json
View file

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

123
docs/_data/variables/form/file.json
View file

@ -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},"
}
]
}

174
docs/_data/variables/form/general.json
View file

@ -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)"
}
]
}

42
docs/_data/variables/form/input-textarea.json
View file

@ -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\")},"
}
]
}

249
docs/_data/variables/form/input.json
View file

@ -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)"
}
]
}

30
docs/_data/variables/form/select.json
View file

@ -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\")},"
}
]
}

253
docs/_data/variables/form/shared.json
View file

@ -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)"
}
]
}

41
docs/_data/variables/form/textarea.json
View file

@ -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\")},"
}
]
}

26
docs/_data/variables/form/tools.json
View file

@ -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,"
}
]
}

15
docs/_data/variables/grid/columns.json
View file

@ -1,15 +0,0 @@
{
"sass-vars": [
{
"name": "column-gap",
"value": "0.75rem",
"css-var": "column-gap"
}
],
"css-vars": [
{
"name": "column-gap",
"value": "0.75rem"
}
]
}

13
docs/_data/variables/grid/grid.json
View file

@ -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,"
}
]
}

15
docs/_data/variables/layout/container.json
View file

@ -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": []
}

33
docs/_data/variables/layout/footer.json
View file

@ -1,33 +0,0 @@
{
"sass-vars": [
{
"name": "footer-background-color",
"value": "var(--bulma-scheme-main-bis)",
"css-var": "footer-background-color"
},
{
"name": "footer-color",
"value": "false",
"css-var": "footer-color"
},
{
"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"
}
]
}

66
docs/_data/variables/layout/hero.json
View file

@ -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"
}
]
}

9
docs/_data/variables/layout/level.json
View file

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

78
docs/_data/variables/layout/media-object.json
View file

@ -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"
}
]
}

Some files were not shown because too many files have changed in this diff Show more