is a modern CSS framework based on Flexbox to build easily responsive web interfaces.
| README.md (bulma-0.9.3) | : | README.md (bulma-0.9.4) |
|---|
| | |
| skipping to change at line 40 | | skipping to change at line 40 |
|---|
| yarn add bulma | | yarn add bulma |
| ``` | | ``` |
| | |
| ### Bower | | ### Bower |
| | |
| ```sh | | ```sh |
| bower install bulma | | bower install bulma |
| ``` | | ``` |
| | |
| ### Import | | ### Import |
|
| | |
| After installation, you can import the CSS file into your project using this sni
ppet: | | After installation, you can import the CSS file into your project using this sni
ppet: |
| | |
| ```sh | | ```sh |
| @import 'bulma/css/bulma.css' | | @import 'bulma/css/bulma.css' |
| ``` | | ``` |
| | |
| ### CDN | | ### CDN |
| | |
| [https://www.jsdelivr.com/package/npm/bulma](https://www.jsdelivr.com/package/np
m/bulma) | | [https://www.jsdelivr.com/package/npm/bulma](https://www.jsdelivr.com/package/np
m/bulma) |
| | |
| | |
| skipping to change at line 64 | | skipping to change at line 65 |
|---|
| Bulma is a **CSS** framework. As such, the sole output is a single CSS file: [bu
lma.css](https://github.com/jgthms/bulma/blob/master/css/bulma.css) | | Bulma is a **CSS** framework. As such, the sole output is a single CSS file: [bu
lma.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 file
s to customize the [variables](https://bulma.io/documentation/overview/variables
/). | | You can either use that file, "out of the box", or download the Sass source file
s to customize the [variables](https://bulma.io/documentation/overview/variables
/). |
| | |
| There is **no** JavaScript included. People generally want to use their own JS i
mplementation (and usually already have one). Bulma can be considered "environme
nt agnostic": it's just the style layer on top of the logic. | | There is **no** JavaScript included. People generally want to use their own JS i
mplementation (and usually already have one). Bulma can be considered "environme
nt agnostic": it's just the style layer on top of the logic. |
| | |
| ## Browser Support | | ## 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** ve
rsions of: | | 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** ve
rsions of: |
| | |
|
| * Chrome | | - Chrome |
| * Edge | | - Edge |
| * Firefox | | - Firefox |
| * Opera | | - Opera |
| * Safari | | - Safari |
| | |
| Internet Explorer (10+) is only partially supported. | | Internet Explorer (10+) is only partially supported. |
| | |
| ## Documentation | | ## Documentation |
| | |
| The documentation resides in the [docs](docs) directory, and is built with the R
uby-based [Jekyll](https://jekyllrb.com/) tool. | | The documentation resides in the [docs](docs) directory, and is built with the R
uby-based [Jekyll](https://jekyllrb.com/) tool. |
| | |
| Browse the [online documentation here.](https://bulma.io/documentation/overview/
start/) | | Browse the [online documentation here.](https://bulma.io/documentation/overview/
start/) |
| | |
| ## Related projects | | ## Related projects |
| | |
|
| | Project | | | Project |
| | Description | | | Description |
| | | | | |
| |------------------------------------------------------------------------------- | | | ------------------------------------------------------------------------------ |
| -------|------------------------------------------------------------------------ | | ----- | ------------------------------------------------------------------------ |
| ----------------| | | --------------------- | |
| | [Bulma with Attribute Modules](https://github.com/j5bot/bulma-attribute-select | | | [Bulma with Attribute Modules](https://github.com/j5bot/bulma-attribute-select |
| ors) | Adds support for attribute-based selectors | | ors) | Adds support for attribute-based selectors |
| | | | | |
| | [Bulma with Rails](https://github.com/joshuajansen/bulma-rails) | | | [Bulma with Rails](https://github.com/joshuajansen/bulma-rails) |
| | Integrates Bulma with the rails asset pipeline | | | Integrates Bulma with the rails asset pipeline |
| | | | | |
| | [BulmaRazor](https://github.com/loogn/bulmarazor) | A lig | | | [BulmaRazor](https://github.com/loogn/bulmarazor) |
| htweight component library based on Bulma and Blazor. | | | A lightweight component library based on Bulma and Blazor. |
| | | | | |
| | [Vue Admin (dead)](https://github.com/vue-bulma/vue-admin) | | | [Vue Admin (dead)](https://github.com/vue-bulma/vue-admin) |
| | Vue Admin framework powered by Bulma | | | Vue Admin framework powered by Bulma |
| | | | | |
| | [Bulmaswatch](https://github.com/jenil/bulmaswatch) | | | [Bulmaswatch](https://github.com/jenil/bulmaswatch) |
| | Free themes for Bulma | | | Free themes for Bulma |
| | | | | |
| | [Goldfish (read-only)](https://github.com/Caiyeon/goldfish) | | | [Goldfish (read-only)](https://github.com/Caiyeon/goldfish) |
| | Vault UI with Bulma, Golang, and Vue Admin | | | Vault UI with Bulma, Golang, and Vue Admin |
| | | | | |
| | [ember-bulma](https://github.com/open-tux/ember-bulma) | | | [ember-bulma](https://github.com/open-tux/ember-bulma) |
| | Ember addon providing a collection of UI components for Bulma | | | Ember addon providing a collection of UI components for Bulma |
| | | | | |
| | [Bloomer](https://bloomer.js.org) | | | [Bloomer](https://bloomer.js.org) |
| | A set of React components for Bulma | | | A set of React components for Bulma |
| | | | | |
| | [React-bulma](https://github.com/kulakowka/react-bulma) | | | [React-bulma](https://github.com/kulakowka/react-bulma) |
| | React.js components for Bulma | | | React.js components for Bulma |
| | | | | |
| | [Buefy](https://buefy.org/) | | | [Buefy](https://buefy.org/) |
| | Lightweight UI components for Vue.js based on Bulma | | | Lightweight UI components for Vue.js based on Bulma |
| | | | | |
| | [vue-bulma-components](https://github.com/vouill/vue-bulma-components) | | | [vue-bulma-components](https://github.com/vouill/vue-bulma-components) |
| | Bulma components for Vue.js with straightforward syntax | | | Bulma components for Vue.js with straightforward syntax |
| | | | | |
| | [BulmaJS](https://github.com/VizuaaLOG/BulmaJS) | | | [BulmaJS](https://github.com/VizuaaLOG/BulmaJS) |
| | Javascript integration for Bulma. Written in ES6 with a data-* API | | | Javascript integration for Bulma. Written in ES6 with a data-\* API |
| | | | | |
| | [Bulma-modal-fx](https://github.com/postare/bulma-modal-fx) | | | [Bulma-modal-fx](https://github.com/postare/bulma-modal-fx) |
| | A set of modal window effects with CSS transitions and animations for B | | | A set of modal window effects with CSS transitions and animations for Bu |
| ulma | | | lma | |
| | [Bulma Stylus](https://github.com/groenroos/bulma-stylus) | | | [Bulma Stylus](https://github.com/groenroos/bulma-stylus) |
| | Up-to-date 1:1 translation to 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 | | | [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](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 | | | [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 – Create your own **bespoke** Bulma build | | | [Bulma Customizer](https://bulma-customizer.bstash.io/) |
| | | | | Bulma Customizer – Create your own **bespoke** Bulma build |
| | [Fulma](https://fulma.github.io/Fulma/) | | | |
| | Wrapper around Bulma for [fable-react](https://github.com/fable-compiler/fable | | | [Fulma](https://fulma.github.io/Fulma/) |
| -react) | | | | Wrapper around Bulma for [fable-react](https://github.com/fable-compiler |
| | [Laravel Enso](https://github.com/laravel-enso/enso) | | /fable-react) | |
| | SPA Admin Panel built with Bulma, VueJS and Laravel | | | [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 | | | [Django Bulma](https://github.com/timonweb/django-bulma) |
| | | | | Integrates Bulma with Django |
| | [Bulma Templates](https://github.com/dansup/bulma-templates) | | | |
| | Free Templates for Bulma | | | [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 | | | [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 | | | [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 | | | [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 Sys | | | [bulma-fluent](https://mubaidr.github.io/bulma-fluent/) |
| tem | | | | Fluent Design Theme for Bulma inspired by Microsoft’s Fluent Design Syst |
| | [csskrt-csskrt](https://github.com/4d11/csskrt-csskrt) | | em | |
| | Automatically add Bulma classes to HTML files | | | [csskrt-csskrt](https://github.com/4d11/csskrt-csskrt) |
| | | | | Automatically add Bulma classes to HTML files |
| | [bulma-pagination-react](https://github.com/hipstersmoothie/bulma-pagination-r | | | |
| eact) | Bulma pagination as a react component | | | [bulma-pagination-react](https://github.com/hipstersmoothie/bulma-pagination-r |
| | | | eact) | Bulma pagination as a react component |
| | [bulma-helpers](https://github.com/jmaczan/bulma-helpers) | | | |
| | Functional / Atomic CSS classes for Bulma | | | [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 | | | [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 | | | [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 | | | [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 a | | | [Django Simple Bulma](https://github.com/python-discord/django-simple-bulma) |
| pp | | | | Lightweight integration of Bulma and Bulma-Extensions for your Django ap |
| | [rbx](https://dfee.github.io/rbx) | | p | |
| | Comprehensive React UI Framework written in TypeScript | | | [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 | | | [Awesome Bulma Templates](https://github.com/aldi/awesome-bulma-templates) |
| | | | | Free real-world Templates built with Bulma |
| | [Trunx](http://g14n.info/trunx) | | | |
| | Super Saiyan React components, son of awesome Bulma, implemented in Typ | | | [Trunx](http://g14n.info/trunx) |
| eScript | | | | Super Saiyan React components, son of awesome Bulma, implemented in Type |
| | [@aybolit/bulma](https://github.com/web-padawan/aybolit/tree/master/packages/b | | Script | |
| ulma) | Web Components library inspired by Bulma and Bulma-extensions | | | [@aybolit/bulma](https://github.com/web-padawan/aybolit/tree/master/packages/b |
| | | | ulma) | Web Components library inspired by Bulma and Bulma-extensions |
| | [Drulma](https://www.drupal.org/project/drulma) | | | |
| | Drupal theme for Bulma. | | | [Drulma](https://www.drupal.org/project/drulma) |
| | | | | Drupal theme for Bulma. |
| | [Bulrush](https://github.com/textbook/bulrush) | | | |
| | A Bulma-based Python Pelican blog theme | | | [Bulrush](https://github.com/textbook/bulrush) |
| | | | | A Bulma-based Python Pelican blog theme |
| | [Bulma Variable Export](https://github.com/service-paradis/bulma-variables-exp | | | |
| ort) | Access Bulma Variables in Javascrip | | | [Bulma Variable Export](https://github.com/service-paradis/bulma-variables-exp |
| t/Typescript in project using Webpack | | ort) | Access Bulma Variables in Javascript/Typescript in project using Webpack |
| | | | | |
| | [Bulmil](https://github.com/gomah/bulmil) | | | [Bulmil](https://github.com/gomah/bulmil) |
| | An agnostic UI components library based on Web Components, made with Bulma & | | | An agnostic UI components library based on Web Components, made with Bul |
| Stencil. | | | ma & Stencil. | |
| | [Svelte Bulma Components](https://github.com/elcobvg/svelte-bulma-components) | | | [Svelte Bulma Components](https://github.com/elcobvg/svelte-bulma-components) |
| | Library of UI components to be used in [ | | | Library of UI components to be used in [Svelte.js](https://svelte.techno |
| Svelte.js](https://svelte.technology/) or standalone. | | logy/) or standalone. | |
| | | | | [Bulma Nunjucks Starterkit](https://github.com/benninkcorien/nunjucks-starter- |
| | [Bulma Nunjucks Starterkit](https://github.com/benninkcorien/nunjucks-starter- | | kit) | Starterkit for Nunjucks with Bulma. |
| kit) | Starterkit for Nunjucks with Bulma. | | | |
| | | | | [Bulma-Social](https://github.com/aldi/bulma-social) |
| | [Bulma-Social](https://github.com/aldi/bulma-social) | | | Social Buttons and Colors for Bulma |
| | Social Buttons and Colors for Bulma | | | |
| | | | | [Divjoy](https://divjoy.com/?kit=bulma) |
| | [Divjoy](https://divjoy.com/?kit=bulma) | Reac | | | React codebase generator with Bulma templates |
| t 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/bulm |
| | a) | 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 | |
| | |
| ## Copyright and license  | | ## Copyright and license  |
| | |
|
| Code copyright 2021 Jeremy Thomas. Code released under [the MIT license](https:/
/github.com/jgthms/bulma/blob/master/LICENSE). | | Code copyright 2022 Jeremy Thomas. Code released under [the MIT license](https:/
/github.com/jgthms/bulma/blob/master/LICENSE). |
| | |
| [npm-link]: https://www.npmjs.com/package/bulma | | [npm-link]: https://www.npmjs.com/package/bulma |
|
| [awesome-link]: https://github.com/awesome-css-group/awesome-css | | [awesome-link]: https://github.com/awesome-css-group/awesome-css |
| [awesome-badge]: https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa8
5652e3a63e154dd8e8829/media/badge.svg | | [awesome-badge]: https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa8
5652e3a63e154dd8e8829/media/badge.svg |
| | | |
| End of changes. 5 change blocks. |
|---|
| 149 lines changed or deleted | | 160 lines changed or added |
|---|
"Fossies" - the Fresh Open Source Software Archive 