update bulma

node_modules/bulma/CHANGELOG.md

@@ -1,11 +1,296 @@
 # Bulma Changelog
 
-## Upcoming release
+## 0.9.2
+
+### Breaking change
+
+To fix duplicate imports, all Sass placeholders have moved from the `utilities/mixins` file to its own `utilities/extends` file.
+
+The Sass placeholders are:
+
+- `%control`
+- `%unselectable`
+- `%arrow`
+- `%block`
+- `%delete`
+- `%loader`
+- `%overlay`
+
+If you were importing them directly from `utilities/mixins`, you'll need to import `utilities/extends` instead.  
+If you were importing `utilities/_all` or even `bulma.sass` directly, no change is required.
+
+### New features
+
+- Fix #1583 New `is-ghost` button that behaves / looks like a regular link
+- New `icon-text` component, to combine an icon with text on its side
+
+### Bug fixes
+
+- #3005 Fix `column` offsets in RTL
+- Fix #3145 Dropdown content is bounded by a parent card
+- Fix #3089 Sub columns of a variable columns have weird gap
+- Fix #2937 Add `width: unset` for narrow columns
+- #3208 Fix #3163 Do not override is-rounded with button-small
+- #3216 Removed duplicate `mixins` imports, created a single `extends` file
+- #3216 Removed all references to the `.sass` file extension have been removed, since they're unnecessary when there's no ambiguity between a `.sass` file or a `.scss` file
+
+### Improvements
+
+- Fix #3012 Add `$media-*` variables, set to `!default`
+- Fix #2797 Import dependencies individually for each component
+- Remove list style from pagination list
+
+## 0.9.1
+
+### New features
+
+- #3047 Flexbox helpers
+- #3085 Add `is-clickable` helper
+- #3086 Allow each component to have its own colors and default to global ones
+- New variables `$navbar-colors`, `$button-colors`, `$notification-colors`, `$progress-colors`, `$table-colors`, `$tag-colors`, `$file-colors`, `$textarea-colors`, `$select-colors`, `$form-colors`, `$label-colors` and `$hero-colors`
+
+### Improvements
+
+- #2630 Fixes #2598 -> Add `$card-radius` variable
+- Add `$card-overflow` variable
+- #2540 Fixes #2539 -> Fix indeterminate progress styling in IE11
+- #3057 Make the default text color of `$code` listings more accessible
+- #3088 Adds not allowed cursor to missing inputs
+- #3101 Add `$modal-breakpoint` variable for modal breakpoint
+- #3107 Add `optgroup` to `generic.sass`
+
+## 0.9.0
+
+### Deprecation warning
+
+The `base/helpers.sass` file is **deprecated**. It has moved into its own `/helpers` folder. If you were importing `base/helpers.sass` or `base/_all.sass`, please import `sass/helpers/_all.sass` now.
+If you were simply importing the whole of Bulma with `@import "~/bulma/bulma.sass"` or similar, you won't have to change anything, and everything will work as before.
+
+The `list` component is also **deprecated**: the `components/list.sass` file has been deleted. It was never officialy supported as it was too similar to `panel` component. Use that one instead.
+
+### RTL support
+
+Bulma now has **RTL support**.
+
+By setting the Sass flag `$rtl` to `true`, you can create an RTL version of Bulma, thanks to 4 new Sass mixins:
+
+- `=ltr`
+- `=rtl`
+- `=ltr-property($property, $spacing, $right: true)`
+- `=ltr-position($spacing, $right: true)`
+
+The Bulma package now also comes with a `bulma-rtl.css` and `bulma-rtl.min.css` file to be used straight away.
+
+### Spacing helpers
+
+Bulma now has **spacing helpers**: https://bulma.io/documentation/helpers/spacing-helpers/
+
+<p>Bulma provides <strong>margin</strong> <code>m*</code> and <strong>padding</strong> <code>p*</code> helpers in all <strong>directions</strong>:</p>
+
+<ul>
+  <li>
+    <code>*t</code> for <strong>top</strong>
+  </li>
+  <li>
+    <code>*r</code> for <strong>right</strong>
+  </li>
+  <li>
+    <code>*b</code> for <strong>bottom</strong>
+  </li>
+  <li>
+    <code>*l</code> for <strong>left</strong>
+  </li>
+  <li>
+    <code>*x</code> horizontally for both <strong>left</strong> and <strong>right</strong>
+  </li>
+  <li>
+    <code>*y</code> vertically for both <strong>top</strong> and <strong>bottom</strong>
+  </li>
+</ul>
+
+<p>
+  You need to <strong>combine</strong> a margin/padding prefix with a direciton suffix. For example:
+</p>
+
+<ul>
+  <li>for a <code>margin-top</code>, use <code>mt-*</code></li>
+  <li>for a <code>padding-bottom</code>, use <code>pb-*</code></li>
+  <li>for both <code>margin-left</code> and <code>margin-right</code>, use <code>mx-*</code></li>
+</ul>
+
+<p>
+  Each of these <code>property-direction</code> <strong>combinations</strong> needs to be appended with one of <strong>6 value suffixes</strong>
+</p>
+
+This release also includes the following helpers:
+
+- light and dark color helpers
+- light and dark background color helpers
+
+### Improvements
+
+- #2925 Center table cell content vertically with `is-vcentered`
+
+### Bug fixes
+
+- #2955 Fix issue when there's only one `is-toggle` tag
+
+## 0.8.2
+
+### Bug fixes
+
+- Fix #2885 -> Revert `$input-color: $text-strong`
+
+## 0.8.1
+
+### Improvements
+
+- #2709 Add light colors to the `notification` element
+- #2740 Fixes #2739 -> Add variables size for layout `hero`
+- Fix #2741 -> Create `bulmaRgba()` function to support `inherit` value
+- #2756 Add `$button-text-decoration` variable
+
+### Bug fixes
+
+- #2664 Fixes #2671 -> Add `$panel-colors` variable
+
+## 0.8.0
+
+### Big update
+
+#### Larger form controls
+
+Controls and buttons are now `2.5em` high. You can revert this resizing by setting these previous values:
+
+```sass
+$control-height: 2.25em
+$control-padding-vertical: calc(0.375em - #{$control-border-width})
+$control-padding-horizontal: calc(0.625em - #{$control-border-width})
+$button-padding-vertical: calc(0.375em - #{$button-border-width})
+$button-padding-horizontal: 0.75em
+```
+
+#### Light and dark colors
+
+Each main color (`"primary"`, `"info"`, `"success"`, `"warning"`, `"danger"`) now has a `*-light` and `*-dark` version. They are calculated using 2 new color functions:
+
+- `findLightColor()` which finds the light version of a color
+- `findDarkolor()` which finds the dark version of a color
+
+The light colors are used by the `button` element, while the light and dark colors are used by the `message` component.
+
+#### Panel colors
+
+The `panel` component is now available in all the different colors.
+
+#### 4-value color map
+
+The `$colors` Sass map now accepts, for each of its values, a map of up to **4** values. For example: the key `"info"` now has the `($info, $info-invert, $info-light, $info-dark)` map.
+
+If you provide a `$custom-colors` map, you can decide to provide a map of 1, 2, 3 or 4 values for each value. If fewer than 4 are provided, Bulma will calculate the remaining ones:
+
+```scss
+$custom-colors: (
+  'lime': (
+    lime,
+  ),
+  'tomato': (
+    tomato,
+    white,
+  ),
+  'orange': (
+    $orange,
+    $orange-invert,
+    $orange-light,
+  ),
+  'lavender': (
+    $lavender,
+    $lavender-invert,
+    $lavender-light,
+    $lavender-dark,
+  ),
+);
+```
+
+This is processed by the updated `mergeColorMaps()` Sass function.
+
+#### Scheme variables
+
+There are 6 new `$scheme` derived variables: `$scheme-main` `$scheme-main-bis` `$scheme-main-ter` `$scheme-invert` `$scheme-invert-bis` `$scheme-invert-ter`
+They replace the `$white` and `$black` occurences in the codebase. This makes it easy to create a "Dark mode" simply by swapping the values:
+
+```sass
+$scheme-main: $black
+$scheme-invert: $white
+// etc.
+```
+
+That is also why most of the codebase now references **derived** variables (`$text`, `$background`, `$border` etc.) instead of **initial** ones (`$grey`, `$grey-lighter`, `$grey-darker` etc.): updating the derived variables will affect all elements and components directly.
+
+#### Initial variables
+
+- `$green: hsl(141, 53%, 53%)`
+- `$cyan: hsl(204, 71%, 53%)`
+- `$red: hsl(348, 86%, 61%)`
+
+#### Derived variables
+
+- `$primary-invert: findColorInvert($primary)`
+- `$primary-light: findLightColor($primary)`
+- `$primary-dark: findDarkColor($primary)`
+- `$info-invert: findColorInvert($info)`
+- `$info-light: findLightColor($info)`
+- `$info-dark: findDarkColor($info)`
+- `$success-invert: findColorInvert($success)`
+- `$success-light: findLightColor($success)`
+- `$success-dark: findDarkColor($success)`
+- `$warning-invert: findColorInvert($warning)`
+- `$warning-light: findLightColor($warning)`
+- `$warning-dark: findDarkColor($warning)`
+- `$danger-invert: findColorInvert($danger)`
+- `$danger-light: findLightColor($danger)`
+- `$danger-dark: findDarkColor($danger)`
+- `$light-invert: findColorInvert($light)`
+- `$dark-invert: findColorInvert($dark)`
+
+- `$scheme-main: $white`
+- `$scheme-main-bis: $white-bis`
+- `$scheme-main-ter: $white-ter`
+- `$scheme-invert: $black`
+- `$scheme-invert-bis: $black-bis`
+- `$scheme-invert-ter: $black-ter`
+
+### Other variables
+
+- `$control-height: 2.5em`
+- `$control-padding-vertical: calc(0.5em - #{$control-border-width})`
+- `$control-padding-horizontal: calc(0.75em - #{$control-border-width})`
+- `$media-border-color: rgba($border, 0.5)`
+- `$notification-code-background-color: $scheme-main`
+- `$panel-radius: $radius-large`
+- `$panel-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02)`
+- `$textarea-padding: $control-padding-horizontal`
+- `$textarea-max-height: 40em`
+- `$textarea-min-height: 8em`
+
+### Bug fixes
+
+- Fix #2647 -> Missing meta tags in snippet
+- Fix #2031, Fix #2483 -> Invalid output when declaring a custom shade map
+- Fix #2060 -> `height: auto` on HTML `audio` element breaks height of element
+- Fix #706 -> Derive `-invert` variables using `findColorInvert()`
+- #1608 Fix #1552 -> `.container.is-fluid` margins
+
+### New features
+
+- #2563 `.image` has a new `.is-fullwidth` modifier
+
+## 0.7.5
 
 ### Deprecation warning
 
 The `form.sass` file is **deprecated**. It has moved into its own `/form` folder. If you were importing `form.sass`, please import `sass/form/_all.sass` now.
-If you were simply importing the whole of Bulma with `@import "~/bulma/bulma.sass"` or similar, you won't have to change anything, and everything will work as bbefore.
+If you were simply importing the whole of Bulma with `@import "~/bulma/bulma.sass"` or similar, you won't have to change anything, and everything will work as before.
 
 ### New features
 
@@ -16,177 +301,177 @@ You can now specify a different `font-family` for the `.title`, `.subtitle` and
 Simply set a value when importing Bulma:
 
 ```scss
-$title-family: "Georgia", serif;
+$title-family: 'Georgia', serif;
 ```
 
-* #2375 Add `.is-relative` helper
-* #2321 Make `.navbar` focus behave like hover for the navigation
-* #2290 Fix #1186 -> Reset the offset on columns
-* #2231 Add `.has-text-weight-medium` helper
-* #2224 Add customizable border radius to progress bar
-* #2480 Add `$footer-color` variable
+- #2375 Add `.is-relative` helper
+- #2321 Make `.navbar` focus behave like hover for the navigation
+- #2290 Fix #1186 -> Reset the offset on columns
+- #2231 Add `.has-text-weight-medium` helper
+- #2224 Add customizable border radius to progress bar
+- #2480 Add `$footer-color` variable
 
 ### Improvements
 
-* #2396 Update docs with webpack 4 example
-* #2381 Make centered buttons have equal margin
-* Fix #2297 -> Remove `.container` fixed width values, use `flex-grow`
-* #2478 Move form.sass into its own folder
+- #2396 Update docs with webpack 4 example
+- #2381 Make centered buttons have equal margin
+- Fix #2297 -> Remove `.container` fixed width values, use `flex-grow`
+- #2478 Move form.sass into its own folder
 
 ### Bug fixes
 
-* #2420 Fix #2414 -> Fix `align` attribute in `td/th` being ignored
-* #2463 Remove duplicate `.has-addons` in `tag.sass`
-* #2253 Fix `$gap` variable default value
-* #2273 Fix #2258 -> Fix Indeterminate Progress Bar animation in Firefox
-* #2175 Proper aligning for `.tabs` within `.content`
-* #2476 Fix #2441 -> Correct active pagination link text colour on hero
+- #2420 Fix #2414 -> Fix `align` attribute in `td/th` being ignored
+- #2463 Remove duplicate `.has-addons` in `tag.sass`
+- #2253 Fix `$gap` variable default value
+- #2273 Fix #2258 -> Fix Indeterminate Progress Bar animation in Firefox
+- #2175 Proper aligning for `.tabs` within `.content`
+- #2476 Fix #2441 -> Correct active pagination link text colour on hero
 
 Fix #1979 -> Correct loading spinner color when a button is:
 
-* outlined and hovered/focused
-* outlined, inverted and hovered/focused
+- outlined and hovered/focused
+- outlined, inverted and hovered/focused
 
 ### New variables
 
 #### Initial variables
 
-* `$block-spacing`
+- `$block-spacing`
 
 #### Base
 
-* `$body-font-size`
-* `$small-font-size`
-* `$pre-font-size`
-* `$pre-padding`
-* `$pre-code-font-size`
+- `$body-font-size`
+- `$small-font-size`
+- `$pre-font-size`
+- `$pre-padding`
+- `$pre-code-font-size`
 
 #### Components
 
-* `$card-header-padding`
-* `$card-content-padding`
-* `$card-media-margin`
-* `$dropdown-menu-min-width`
-* `$dropdown-content-padding-bottom`
-* `$dropdown-content-padding-top`
-* `$level-item-spacing`
-* `$menu-list-line-height`
-* `$menu-list-link-padding`
-* `$menu-nested-list-margin`
-* `$menu-nested-list-padding-left`
-* `$menu-label-font-size`
-* `$menu-label-letter-spacing`
-* `$menu-label-spacing`
-* `$pagination-item-font-size`
-* `$pagination-item-margin`
-* `$pagination-item-padding-left`
-* `$pagination-item-padding-right`
-* `$panel-margin`
-* `$panel-tabs-font-size`
+- `$card-header-padding`
+- `$card-content-padding`
+- `$card-media-margin`
+- `$dropdown-menu-min-width`
+- `$dropdown-content-padding-bottom`
+- `$dropdown-content-padding-top`
+- `$level-item-spacing`
+- `$menu-list-line-height`
+- `$menu-list-link-padding`
+- `$menu-nested-list-margin`
+- `$menu-nested-list-padding-left`
+- `$menu-label-font-size`
+- `$menu-label-letter-spacing`
+- `$menu-label-spacing`
+- `$pagination-item-font-size`
+- `$pagination-item-margin`
+- `$pagination-item-padding-left`
+- `$pagination-item-padding-right`
+- `$panel-margin`
+- `$panel-tabs-font-size`
 
 #### Elements
 
-* `$container-offset`
+- `$container-offset`
 
 #### Grid
 
-* `$tile-spacing`
+- `$tile-spacing`
 
 ## 0.7.3
 
 ### New features
 
-* #2145 Fix #372 -> New indeterminate progress bars
-* #2206 Fix #2046 -> New variables `$table-head-background-color`, `$table-body-background-color` and `$table-foot-background-color` for the `.table` element
-* #592 -> Give arbitrary elements access to the image/ratio classes
-* #1682 Fix #1681 -> Adds disabled styles for `<fieldset disabled>`
-* #2201 Fix #1875 -> `.buttons` and `.tags` group sizing (`.are-small`, `.are-medium`, `.are-large`)
+- #2145 Fix #372 -> New indeterminate progress bars
+- #2206 Fix #2046 -> New variables `$table-head-background-color`, `$table-body-background-color` and `$table-foot-background-color` for the `.table` element
+- #592 -> Give arbitrary elements access to the image/ratio classes
+- #1682 Fix #1681 -> Adds disabled styles for `<fieldset disabled>`
+- #2201 Fix #1875 -> `.buttons` and `.tags` group sizing (`.are-small`, `.are-medium`, `.are-large`)
 
 ### Improvements
 
-* #1978 Fix #1696 -> Force `box-sizing: border-box` on `details` element
-* #2167 Fix #1878 -> New `$footer-padding` variable
-* #2168 -> New `$input-placeholder-color` and `$input-disabled-placeholder-color` variables
+- #1978 Fix #1696 -> Force `box-sizing: border-box` on `details` element
+- #2167 Fix #1878 -> New `$footer-padding` variable
+- #2168 -> New `$input-placeholder-color` and `$input-disabled-placeholder-color` variables
 
 ### Bug fixes
 
-* #2157 Fix #1656 -> Allow border radius if only one `.control` in `.field`
-* #2091 Fix #2091 -> Remove CSS rule which causes `.tag.has-addons` to not work correctly
-* #2186 Fix #1130 -> Prevent `.dropdown` links underlining in `.message` component
-* Fix #2154 -> Move `.hero.is-fullheight-with-navbar` to `navbar.sass` file
+- #2157 Fix #1656 -> Allow border radius if only one `.control` in `.field`
+- #2091 Fix #2091 -> Remove CSS rule which causes `.tag.has-addons` to not work correctly
+- #2186 Fix #1130 -> Prevent `.dropdown` links underlining in `.message` component
+- Fix #2154 -> Move `.hero.is-fullheight-with-navbar` to `navbar.sass` file
 
 ### Deprecation
 
-* `.control.has-icon` deprecated in favor of `.control.has-icons`
+- `.control.has-icon` deprecated in favor of `.control.has-icons`
 
 ## 0.7.2
 
 ### New features
 
-* #1884 New `$navbar-burger-color` variable
-* #1679 Add breakpoint based column gaps
-* #1905 Fix `modal` for IE11 #1902
-* #1919 New `is-arrowless` class for navbar items
-* #1949 New `is-fullheight-with-navbar` class for heros
-* #1764 New `.is-sr-only` helper
-* #2109 Add and use `$navbar-breakpoint` variable
-* New variables `$control-height`, `$control-line-height`, `$pagination-min-width`, `$input-height`
-* #1720 Add list element feature
-* #2123 Add `.content ol` types: `.is-lower-roman`, `.is-upper-roman`, `.is-lower-alpha`, `.is-upper-alpha`, and support for the `type=` HTML attribute
+- #1884 New `$navbar-burger-color` variable
+- #1679 Add breakpoint based column gaps
+- #1905 Fix `modal` for IE11 #1902
+- #1919 New `is-arrowless` class for navbar items
+- #1949 New `is-fullheight-with-navbar` class for heros
+- #1764 New `.is-sr-only` helper
+- #2109 Add and use `$navbar-breakpoint` variable
+- New variables `$control-height`, `$control-line-height`, `$pagination-min-width`, `$input-height`
+- #1720 Add list element feature
+- #2123 Add `.content ol` types: `.is-lower-roman`, `.is-upper-roman`, `.is-lower-alpha`, `.is-upper-alpha`, and support for the `type=` HTML attribute
 
 ### Improvements
 
-* #1964 Allow `.notification` to have a `.dropdown-item`
-* #1999 Change `$border` to `$grey-lighter` in mixins
-* #2085 `.media-content` will allow scrolling horizontally if the content is too wide
-* #1744 Fix #1710 by using `$table-striped-row-even-hover-background-color` only for even rows
-* #2074 Allow `<button>` as `.dropdown-item`
+- #1964 Allow `.notification` to have a `.dropdown-item`
+- #1999 Change `$border` to `$grey-lighter` in mixins
+- #2085 `.media-content` will allow scrolling horizontally if the content is too wide
+- #1744 Fix #1710 by using `$table-striped-row-even-hover-background-color` only for even rows
+- #2074 Allow `<button>` as `.dropdown-item`
 
 ### Bug fixes
 
-* #1749 Fix icons floating out of input area
-* #1993 Fixes #1992 Prevent disabled form elements hover state from overlapping, if control has add-ons elements
-* #1909 Fix Modal card in IE11
-* #1908 Fix IE11 when textarea doesn't listen to `size=""`
-* Fix #1991 The last button in list of full-width buttons has longer width
-* #1982 Fix navbar-burger color when color modifier is used
-* #1819 Fix #1137 error message for required file
-* Fix #1904 and #1969: hide native file input in Chrome
-* #2059 Remove unnecessary right margin from last level-item (level.is-mobile)
+- #1749 Fix icons floating out of input area
+- #1993 Fixes #1992 Prevent disabled form elements hover state from overlapping, if control has add-ons elements
+- #1909 Fix Modal card in IE11
+- #1908 Fix IE11 when textarea doesn't listen to `size=""`
+- Fix #1991 The last button in list of full-width buttons has longer width
+- #1982 Fix navbar-burger color when color modifier is used
+- #1819 Fix #1137 error message for required file
+- Fix #1904 and #1969: hide native file input in Chrome
+- #2059 Remove unnecessary right margin from last level-item (level.is-mobile)
 
 ## 0.7.1
 
 ### Improvements
 
-* #1789 Add all shades to `has-background-*` helpers
+- #1789 Add all shades to `has-background-*` helpers
 
 ### Bug fixes
 
-* #1796 #1806 Remove navbar `box-shadow` by default
+- #1796 #1806 Remove navbar `box-shadow` by default
 
 ## 0.7.0
 
 ### New features
 
-* New variables `$widescreen-enabled` and `$fullhd-enabled`: you can set them to `false` to disable each breakpoint
-* New variables `$control-border-width` and `$button-border-width`
-* 🎉 #1624 Add some common photography aspect ratios and portrait ratios
-* 🎉 #1747 New `$custom-colors` and `$custom-shades` variable for adding your own colors and shades to Bulma's `$colors` and `$shades` maps respectively
+- New variables `$widescreen-enabled` and `$fullhd-enabled`: you can set them to `false` to disable each breakpoint
+- New variables `$control-border-width` and `$button-border-width`
+- 🎉 #1624 Add some common photography aspect ratios and portrait ratios
+- 🎉 #1747 New `$custom-colors` and `$custom-shades` variable for adding your own colors and shades to Bulma's `$colors` and `$shades` maps respectively
 
 ### Improvements
 
-* #1619 Add `$card-header-background-color`, `$card-content-background-color` and `$card-footer-background-color` to allow different background customization for card elements
-* #1669 Add `.is-expanded` modifier to `.buttons.has-addons`
-* #1628 Add `.has-background` helpers for block background colors, like `.has-text`
-* #1767 Added minified bundle with cleancss
+- #1619 Add `$card-header-background-color`, `$card-content-background-color` and `$card-footer-background-color` to allow different background customization for card elements
+- #1669 Add `.is-expanded` modifier to `.buttons.has-addons`
+- #1628 Add `.has-background` helpers for block background colors, like `.has-text`
+- #1767 Added minified bundle with cleancss
 
 ### Bug fixes
 
-* #1778 Fix `is-text-right` precedence over `is-text-left-mobile`
-* #1571 Fix position of delete button on `.tag`
-* #1549 Implementing a simple version of the native sass percentage function
-* #1707 Disable table hover in `.content` by default
-* #1428 Fix `media-content` overflow
+- #1778 Fix `is-text-right` precedence over `is-text-left-mobile`
+- #1571 Fix position of delete button on `.tag`
+- #1549 Implementing a simple version of the native sass percentage function
+- #1707 Disable table hover in `.content` by default
+- #1428 Fix `media-content` overflow
 
 ### Variable changes
 
@@ -623,63 +908,63 @@ Fix #1979 -> Correct loading spinner color when a button is:
 
 ### New features
 
-* 🎉 Rounded buttons, inputs, pagination and toggle tabs
+- 🎉 Rounded buttons, inputs, pagination and toggle tabs
 
 ### Improvements
 
-* #1343 Add `sub` and `sup` title sizes
-* #1452 New `.is-italic` helper
+- #1343 Add `sub` and `sup` title sizes
+- #1452 New `.is-italic` helper
 
 ### Bug fixes
 
-* #935 Bug dropdown in `hero` (primary) menu items not visible
-* #1456 Fix customize documentation
-* #1190 Add `$variable-columns` to disable `--columnGap`
-* #1518 Fix spacing of the delete button in notification element
-* #1569 Fix missing use of `$pagination-color` variable
+- #935 Bug dropdown in `hero` (primary) menu items not visible
+- #1456 Fix customize documentation
+- #1190 Add `$variable-columns` to disable `--columnGap`
+- #1518 Fix spacing of the delete button in notification element
+- #1569 Fix missing use of `$pagination-color` variable
 
 ## 0.6.1
 
 ### New features
 
-* 🎉 [List of buttons](https://bulma.io/documentation/elements/button/#list-of-buttons)
-* 🎉 #1235 Support for five column grid: `.is-one-fifth, .is-two-fifths, .is-three-fifths, .is-four-fifths`
-* 🎉 #1287 New `.is-invisible` helper
-* 🎉 #1255 New `.is-expanded` modifier for `navbar-item`
-* 🎉 #1384 New `.is-centered` and `.is-right` modifiers for `tags`
-* 🎉 #1383 New `.is-empty` modifier for `file`
-* 🎉 #1380 Allow `.is-selected` class on `<td>` and `<th>` tags
+- 🎉 [List of buttons](https://bulma.io/documentation/elements/button/#list-of-buttons)
+- 🎉 #1235 Support for five column grid: `.is-one-fifth, .is-two-fifths, .is-three-fifths, .is-four-fifths`
+- 🎉 #1287 New `.is-invisible` helper
+- 🎉 #1255 New `.is-expanded` modifier for `navbar-item`
+- 🎉 #1384 New `.is-centered` and `.is-right` modifiers for `tags`
+- 🎉 #1383 New `.is-empty` modifier for `file`
+- 🎉 #1380 Allow `.is-selected` class on `<td>` and `<th>` tags
 
 ### Improvements
 
-* #987 Improve `tag > icon` spacing
-* Improve `hamburger` alignment
+- #987 Improve `tag > icon` spacing
+- Improve `hamburger` alignment
 
 ### Bug fixes
 
-* #1358 Fix indentation bug for .is-one-fifth
-* #1356 SASS 3.5+ variable parsing compatibility allows only #{}
-* #1342 Remove black line from progress bar in IE
-* #1334 Fix progress bar colors in IE
-* #1313 Fix Table `is-selected` and `is-hoverable` styling issue
-* #963 Fix Delete Button Bug in iOS Safari
+- #1358 Fix indentation bug for .is-one-fifth
+- #1356 SASS 3.5+ variable parsing compatibility allows only #{}
+- #1342 Remove black line from progress bar in IE
+- #1334 Fix progress bar colors in IE
+- #1313 Fix Table `is-selected` and `is-hoverable` styling issue
+- #963 Fix Delete Button Bug in iOS Safari
 
 ## 0.6.0
 
 ### Breaking changes
 
-* The new `$link` color is part of the `$colors` map. As a result, `.button.is-link` is a colored button now. Use `.button.is-text` if you want the underlined button.
-* The deprecated `variables.sass` file has been removed.
-* The deprecated `nav.sass` file has been removed.
+- The new `$link` color is part of the `$colors` map. As a result, `.button.is-link` is a colored button now. Use `.button.is-text` if you want the underlined button.
+- The deprecated `variables.sass` file has been removed.
+- The deprecated `nav.sass` file has been removed.
 
 ### New features
 
-* #1236 `.table` hover effect is opt-in, by using the `.is-hoverable` modifier class
-* #1254 `.dropdown` now supports `.is-up` modifier
+- #1236 `.table` hover effect is opt-in, by using the `.is-hoverable` modifier class
+- #1254 `.dropdown` now supports `.is-up` modifier
 
 ### Improvements
 
-* #1257 Include placeholder mixin in `=input`
+- #1257 Include placeholder mixin in `=input`
 
 The `$link` color is used instead of `$primary` in the following components:
 
@@ -748,70 +1033,70 @@ The `$link` color is used instead of `$primary` in the following components:
 
 ### Issues closed
 
-* #708 Import variables in mixins
+- #708 Import variables in mixins
 
 ## 0.5.3
 
 ### New features
 
-* #1101 `.card-header-title` can be centered with `.is-centered`
-* #1189 `.input` readonly and `.is-static`
-* #1189 `.textarea` readonly
+- #1101 `.card-header-title` can be centered with `.is-centered`
+- #1189 `.input` readonly and `.is-static`
+- #1189 `.textarea` readonly
 
 ### Issues closed
 
-* #1177 Fix `.message .tag` combination
-* #1167 Fix `pre code`
-* #1207 Fix `.breadcrumb` alignment
+- #1177 Fix `.message .tag` combination
+- #1167 Fix `pre code`
+- #1207 Fix `.breadcrumb` alignment
 
 ## 0.5.2
 
 ### New features
 
-* #842 `navbar` color modifiers
-* #331 Support for third party icons
-* Added `$button-focus-box-shadow-size` and `$button-focus-box-shadow-color` for customization
-* Added `$input-focus-box-shadow-size` and `$input-focus-box-shadow-color` for customization
-* Navbar tabs
+- #842 `navbar` color modifiers
+- #331 Support for third party icons
+- Added `$button-focus-box-shadow-size` and `$button-focus-box-shadow-color` for customization
+- Added `$input-focus-box-shadow-size` and `$input-focus-box-shadow-color` for customization
+- Navbar tabs
 
 ### Issues closed
 
-* #1168 Undefined variable: `$navbar-item`
-* #930 Remove `vertical-align: top` for icons
-* #735 Font awesome custom `font-size`
-* #395 Font awesome stacked icons
-* #1152 Level-items not centered horizontally on mobile
-* #1147 Add `text-size-adjust: 100%` to `html`
-* #1106 `pagination` docs
-* #1063 `$family-primary` customization
+- #1168 Undefined variable: `$navbar-item`
+- #930 Remove `vertical-align: top` for icons
+- #735 Font awesome custom `font-size`
+- #395 Font awesome stacked icons
+- #1152 Level-items not centered horizontally on mobile
+- #1147 Add `text-size-adjust: 100%` to `html`
+- #1106 `pagination` docs
+- #1063 `$family-primary` customization
 
 ## 0.5.1
 
 ### New features
 
-* 🎉 #280 [File upload element](https://bulma.io/documentation/form/file/)
-* `$container-offset` variable to determine the `.container` breakpoints
-* #1001 Text case helpers
+- 🎉 #280 [File upload element](https://bulma.io/documentation/form/file/)
+- `$container-offset` variable to determine the `.container` breakpoints
+- #1001 Text case helpers
 
 ### Issues closed
 
-* #1030 Add `!important` to non responsive display helpers
-* #1020 Customizing `.navbar-item img` max height
-* #998 `.navbar-dropdown` with **right** alignment
-* #877 `.pagination` isn't using `$pagination-background`
-* #989 `navbar-brand` overflowing on mobile
-* #975 Variable `$table-head-color` isn't used
-* #964 Tabs sass file throwing error with `!important`
-* #949 `.is-size-7` helper is missing
+- #1030 Add `!important` to non responsive display helpers
+- #1020 Customizing `.navbar-item img` max height
+- #998 `.navbar-dropdown` with **right** alignment
+- #877 `.pagination` isn't using `$pagination-background`
+- #989 `navbar-brand` overflowing on mobile
+- #975 Variable `$table-head-color` isn't used
+- #964 Tabs sass file throwing error with `!important`
+- #949 `.is-size-7` helper is missing
 
 ## 0.5.0
 
 ### New features
 
-* 🎉 [List of tags](https://bulma.io/documentation/elements/tag/#list-of-tags)
-* New **variable naming system**: `component`-`subcomponent`-`state`-`property`
-* Improved **customization** thanks to new set of variables
-* #934 New `.is-shadowless` helper
+- 🎉 [List of tags](https://bulma.io/documentation/elements/tag/#list-of-tags)
+- New **variable naming system**: `component`-`subcomponent`-`state`-`property`
+- Improved **customization** thanks to new set of variables
+- #934 New `.is-shadowless` helper
 
 Variable name changes (mostly appending `-color`):
 
@@ -902,353 +1187,353 @@ Variable name changes (mostly appending `-color`):
 
 ### Improved documentation
 
-* [Starter template](https://bulma.io/documentation/overview/start/#starter-template)
-* [Colors page](https://bulma.io/documentation/overview/colors/)
-* [Typography helpers](https://bulma.io/documentation/modifiers/typography-helpers/)
-* **Meta** information for all elements and components
-* **Variables** information for most elements and components
+- [Starter template](https://bulma.io/documentation/overview/start/#starter-template)
+- [Colors page](https://bulma.io/documentation/overview/colors/)
+- [Typography helpers](https://bulma.io/documentation/modifiers/typography-helpers/)
+- **Meta** information for all elements and components
+- **Variables** information for most elements and components
 
 ### Issues closed
 
-* #909 `.dropdown` wrapping
-* #938 `.is-fullwidth` removed from docs
-* #900 Variable `.navbar-item` for hover+active background/color
-* #902 `.navbar-item` color overrides
+- #909 `.dropdown` wrapping
+- #938 `.is-fullwidth` removed from docs
+- #900 Variable `.navbar-item` for hover+active background/color
+- #902 `.navbar-item` color overrides
 
 ## 0.4.4
 
 ### New features
 
-* New [dropdown button](https://bulma.io/documentation/components/dropdown/)!
-* The breakpoints and `.container` **gap** can be customized with the new `$gap` variable
-* The `.container` has 2 new modifiers: `.is-widescreen` and `.is-fullhd`
+- New [dropdown button](https://bulma.io/documentation/components/dropdown/)!
+- The breakpoints and `.container` **gap** can be customized with the new `$gap` variable
+- The `.container` has 2 new modifiers: `.is-widescreen` and `.is-fullhd`
 
 ### Issues closed
 
-* Fix #26 `.textarea` element will honors `[rows]` attribute
-* Fix #887 `body` scrollbar
-* Fix #715 `.help` class behaviour in horizontal form `is-grouped` field
-* Fix #842 Adding modifiers in `navbar`
-* Fix #841 `.container` as direct child of `.navbar` moves `.navbar-menu` below `.navbar-brand`
-* Fix #861 Box in hero as text and background white
-* Fix #852 charset and version number
-* Fix #856 JavaScript `.nav-burger` example
-* Fix #821 Notification strong color
+- Fix #26 `.textarea` element will honors `[rows]` attribute
+- Fix #887 `body` scrollbar
+- Fix #715 `.help` class behaviour in horizontal form `is-grouped` field
+- Fix #842 Adding modifiers in `navbar`
+- Fix #841 `.container` as direct child of `.navbar` moves `.navbar-menu` below `.navbar-brand`
+- Fix #861 Box in hero as text and background white
+- Fix #852 charset and version number
+- Fix #856 JavaScript `.nav-burger` example
+- Fix #821 Notification strong color
 
 ## 0.4.3
 
 ### New features
 
-* New navbar with dropdown support
-* Add new feature: Breadcrumb component (#632) @vinialbano
-* Add Bloomer to README.md (#787) @AlgusDark
-* Add responsive is-*-touch tags for .column sizes (#780) @tom-rb
-* Adding 'is-hidden' to helpers in docs (#798) @aheuermann
-* Add figure/figcaption as content element (#807) @werthen
-* Add <sup> and <sub> support to content (#808) @werthen
-* Add re-bulma and react-bulma (#809) @kulakowka
-* Add is-halfheight to hero (#783) @felipeas
-* Added a related project with Golang backend (#784) @Caiyeon
+- New navbar with dropdown support
+- Add new feature: Breadcrumb component (#632) @vinialbano
+- Add Bloomer to README.md (#787) @AlgusDark
+- Add responsive is-\*-touch tags for .column sizes (#780) @tom-rb
+- Adding 'is-hidden' to helpers in docs (#798) @aheuermann
+- Add figure/figcaption as content element (#807) @werthen
+- Add <sup> and <sub> support to content (#808) @werthen
+- Add re-bulma and react-bulma (#809) @kulakowka
+- Add is-halfheight to hero (#783) @felipeas
+- Added a related project with Golang backend (#784) @Caiyeon
 
 ### Issues closed
 
-* Fix #827 Breadcrumb and Navbar in docs
-* Fix #824 Code examples broken because of `text-align: center`
-* Fix #820 Loading spinner resizes with controls
-* Fix #819 Remove `height: auto` from media elements
-* Fix #790 Documentation typo
-* Fix #814 Make use of +fullhd mixin for columns @Saboteur777
-* Fix #781 Add min/max height/width to delete class size modifiers @ZackWard
-* Fix #391 Section docs update
+- Fix #827 Breadcrumb and Navbar in docs
+- Fix #824 Code examples broken because of `text-align: center`
+- Fix #820 Loading spinner resizes with controls
+- Fix #819 Remove `height: auto` from media elements
+- Fix #790 Documentation typo
+- Fix #814 Make use of +fullhd mixin for columns @Saboteur777
+- Fix #781 Add min/max height/width to delete class size modifiers @ZackWard
+- Fix #391 Section docs update
 
 ## 0.4.2
 
-* Fix #728 selected row on striped table
-* Fix #747 remove flex-shrink for is-expanded
-* Fix #702 add icons support for select dropdown
-* Fix #712 delete button as flexbox item
-* Fix #759 static button
+- Fix #728 selected row on striped table
+- Fix #747 remove flex-shrink for is-expanded
+- Fix #702 add icons support for select dropdown
+- Fix #712 delete button as flexbox item
+- Fix #759 static button
 
 ## 0.4.1
 
-* Fix #568 max-width container
-* Fix #589 notification delete
-* Fix #272 nav-right without nav-menu
-* Fix #616 hero and notification buttons
-* Fix #607 has-addons z-index
-* Feature #586 select color modifiers
-* Fix #537 -ms-expand
-* Fix #578 better `+center` mixin
-* Fix #565 `dl` styles
-* Fix #389 `pre` `margin-bottom`
-* Fix #484 icon alignment
-* Fix #506 bold nav menu
-* Fix #581 nav container
-* Fix #512 nav grouped buttons
-* Fix #605 container example
-* Fix #458 select expanded
-* Fix #403 separate animations
-* Fix #637 customize Bulma
-* Fix #584 loading select
-* Fix #571 control height
-* Fix #634 is-grouped control
-* Fix #676 checkbox/radio wrapping
-* Feature #479 has-icons placement
-* Fix #442 selected table row
-* Fix #187 add customize page
-* Fix #449 columns negative horizontal margin
-* Fix #399 pagination wrapping
-* Fix #227 color keys as strings
+- Fix #568 max-width container
+- Fix #589 notification delete
+- Fix #272 nav-right without nav-menu
+- Fix #616 hero and notification buttons
+- Fix #607 has-addons z-index
+- Feature #586 select color modifiers
+- Fix #537 -ms-expand
+- Fix #578 better `+center` mixin
+- Fix #565 `dl` styles
+- Fix #389 `pre` `margin-bottom`
+- Fix #484 icon alignment
+- Fix #506 bold nav menu
+- Fix #581 nav container
+- Fix #512 nav grouped buttons
+- Fix #605 container example
+- Fix #458 select expanded
+- Fix #403 separate animations
+- Fix #637 customize Bulma
+- Fix #584 loading select
+- Fix #571 control height
+- Fix #634 is-grouped control
+- Fix #676 checkbox/radio wrapping
+- Feature #479 has-icons placement
+- Fix #442 selected table row
+- Fix #187 add customize page
+- Fix #449 columns negative horizontal margin
+- Fix #399 pagination wrapping
+- Fix #227 color keys as strings
 
 ## 0.4.0
 
-* **Default font-size is 16px**
-* **New `.field` element ; `.control` repurposed**
-* **New `.pagination` sizes**
-* **New `$fullhd` breakpoint (1344px)**
-
-* Remove monospace named fonts
-* Remove icon spacing logic
-* Split icon container dimensions and icon size
-* Fix delete button by using pixels instead of (r)em
-* Fix level on mobile
-* Add new `.is-spaced` modifier for titles and subtitles
-
-* Fix #487
-* Fix #489
-* Fix #502
-* Fix #514
-* Fix #524
-* Fix #536
+- **Default font-size is 16px**
+- **New `.field` element ; `.control` repurposed**
+- **New `.pagination` sizes**
+- **New `$fullhd` breakpoint (1344px)**
+
+- Remove monospace named fonts
+- Remove icon spacing logic
+- Split icon container dimensions and icon size
+- Fix delete button by using pixels instead of (r)em
+- Fix level on mobile
+- Add new `.is-spaced` modifier for titles and subtitles
+
+- Fix #487
+- Fix #489
+- Fix #502
+- Fix #514
+- Fix #524
+- Fix #536
 
 ## 0.3.2
 
-* Fix #478
+- Fix #478
 
 ## 0.3.1
 
-* Fix #441
-* Fix #443
+- Fix #441
+- Fix #443
 
 ## 0.3.0
 
-* Use `rem` and `em` (!)
-* Fix Font Awesome icons in buttons (!)
-* Fix message colors (!)
-* Use `{% capture %}` to ensure same display as code snippet (!)
-
-* Move variables to their own file
-* Remove small tag
-* Add `:focus` state
-* Fix table
-* Remove table `.is-icon` and `.is-link`
-* Add `.content` table
-* Fix inputs with icons
-* Input icons require the `.icon` container
-* Deprecate `.media-number`
-* Fix `.level-item` height
-* Fix `.menu` spacing
-* Deprecate `.menu-nav`
-* Add invert outlined buttons
-* Fix `.nav`
-* Fix `.pagination`
-* Fix `.tabs`
-* Fix `.panel`
-* Fix `.delete`
-* Add mixins documentation
-* Add functions documentation
+- Use `rem` and `em` (!)
+- Fix Font Awesome icons in buttons (!)
+- Fix message colors (!)
+- Use `{% capture %}` to ensure same display as code snippet (!)
+
+- Move variables to their own file
+- Remove small tag
+- Add `:focus` state
+- Fix table
+- Remove table `.is-icon` and `.is-link`
+- Add `.content` table
+- Fix inputs with icons
+- Input icons require the `.icon` container
+- Deprecate `.media-number`
+- Fix `.level-item` height
+- Fix `.menu` spacing
+- Deprecate `.menu-nav`
+- Add invert outlined buttons
+- Fix `.nav`
+- Fix `.pagination`
+- Fix `.tabs`
+- Fix `.panel`
+- Fix `.delete`
+- Add mixins documentation
+- Add functions documentation
 
 ## 0.2.2
 
-* Fix: remove multiple imports
+- Fix: remove multiple imports
 
 ## 0.2.1
 
-* Fix: container flex
-* Fix: nav-item flex
-* Fix: media-number flex
-* Fix: new brand colors
+- Fix: container flex
+- Fix: nav-item flex
+- Fix: media-number flex
+- Fix: new brand colors
 
 ## 0.2.0
 
-* Added: new branding
-* Added: modularity
-* Added: grid folder
-* Added: .github folder
+- Added: new branding
+- Added: modularity
+- Added: grid folder
+- Added: .github folder
 
 ## 0.1.1
 
-* Remove `flex: 1` shorthand
+- Remove `flex: 1` shorthand
 
 ## 0.1.0
 
-* Fix #227
-* Fix #232
-* Fix #242
-* Fix #243
-* Fix #228
-* Fix #245
-* Fix #246
+- Fix #227
+- Fix #232
+- Fix #242
+- Fix #243
+- Fix #228
+- Fix #245
+- Fix #246
 
 ## 0.0.28
 
-* BREAKING: `.control.is-grouped` now uses `.control` elements as direct children
-* Fix #220
-* Fix #214
-* Fix #210
-* Fix #206
-* Fix #122
+- BREAKING: `.control.is-grouped` now uses `.control` elements as direct children
+- Fix #220
+- Fix #214
+- Fix #210
+- Fix #206
+- Fix #122
 
 ## 0.0.27
 
-* Fix: #217
-* Fix: #213
-* Fix: #209
-* Fix: #205
-* Fix: #204
-* Fix: #81
+- Fix: #217
+- Fix: #213
+- Fix: #209
+- Fix: #205
+- Fix: #204
+- Fix: #81
 
 ## 0.0.26
 
-* Added: `.modal-card`
-* Added: display responsive utilities
-* Added: `.nav-center`
-* Added: `.tabs ul` left center right
-* Changed: `.navbar` renamed to `.level`
-* Changed: `.header` renamed to `.nav`
-* Deprecated: `.header`
-* Deprecated: `.navbar`
-* Fixed: `.hero` layout
+- Added: `.modal-card`
+- Added: display responsive utilities
+- Added: `.nav-center`
+- Added: `.tabs ul` left center right
+- Changed: `.navbar` renamed to `.level`
+- Changed: `.header` renamed to `.nav`
+- Deprecated: `.header`
+- Deprecated: `.navbar`
+- Fixed: `.hero` layout
 
 ## 0.0.25
 
-* Added: `utilities/controls.sass` and `elements/form.sass`
-* Added: new responsive classes
-* Added: white/black and light/dark colors
-* Changed: `.tabs` need `.icon` now
-* Changed: cdnjs link doesn't include version
+- Added: `utilities/controls.sass` and `elements/form.sass`
+- Added: new responsive classes
+- Added: white/black and light/dark colors
+- Changed: `.tabs` need `.icon` now
+- Changed: cdnjs link doesn't include version
 
 ## 0.0.24
 
 ### Added
 
-* `is-mobile` for the navbar
+- `is-mobile` for the navbar
 
 ### Removed
 
-* removed border between sections. Use `<hr class="is-marginless">` now
+- removed border between sections. Use `<hr class="is-marginless">` now
 
 ### Updated
 
-* restructured files
-* added back `inline-flex` for controls and tags
+- restructured files
+- added back `inline-flex` for controls and tags
 
 ### Removed
 
-* test tiles
+- test tiles
 
 ## 0.0.23
 
 ### BREAKING
 
-* `bulma` folder renamed to `sass` to avoid the redundant `bulma/bulma` path
-* `variables.sass` moved to `/utilities`
-* almost everything is singular now
-* **elements** only have one class
-* **components** have at least one sub-class
-* `.content` moved to elements
-* `.table` moved to elements
-* `.message` moved to components
-* `.table-icon`, `.table-link`, `.table-narrow` are now called `.is-icon`, `.is-link`, `.is-narrow`
+- `bulma` folder renamed to `sass` to avoid the redundant `bulma/bulma` path
+- `variables.sass` moved to `/utilities`
+- almost everything is singular now
+- **elements** only have one class
+- **components** have at least one sub-class
+- `.content` moved to elements
+- `.table` moved to elements
+- `.message` moved to components
+- `.table-icon`, `.table-link`, `.table-narrow` are now called `.is-icon`, `.is-link`, `.is-narrow`
 
 ### Added
 
-* all variables are now `!default` so you can set your custom variables before importing Bulma
+- all variables are now `!default` so you can set your custom variables before importing Bulma
 
 ## 0.0.22
 
 ### Fixed
 
-* links in hero subtitle
+- links in hero subtitle
 
 ## 0.0.21
 
 ### Added
 
-* `.column.is-narrow` to make a column `flex: none`
+- `.column.is-narrow` to make a column `flex: none`
 
 ## 0.0.20
 
 ### Added
 
-* `.has-icon` support for different `.input` sizes
+- `.has-icon` support for different `.input` sizes
 
 ## 0.0.19
 
 ### NEW!!!
 
-* `.tile`
+- `.tile`
 
 ### BREAKING
 
-* `.is-third` renamed to `.is-one-third`
-* `.is-quarter` renamed to `.is-one-quarter`
+- `.is-third` renamed to `.is-one-third`
+- `.is-quarter` renamed to `.is-one-quarter`
 
 ### Added
 
-* `.is-two-thirds`
-* `.is-three-quarters`
+- `.is-two-thirds`
+- `.is-three-quarters`
 
 ### Changed
 
-* `.delete` in `.tag` has no red
+- `.delete` in `.tag` has no red
 
 ## 0.0.18
 
 ### BREAKING
 
-* `.is-text-*` renamed to `.has-text-*`
-* removed `.is-fullwidth` helper
+- `.is-text-*` renamed to `.has-text-*`
+- removed `.is-fullwidth` helper
 
 ### Added
 
-* **small tag**: `.tag.is-small`
-* 12th column classes
-* `*-full` column classes
-* `$family-code`
+- **small tag**: `.tag.is-small`
+- 12th column classes
+- `*-full` column classes
+- `$family-code`
 
 ### Fixed
 
-* disabled input with element
-* `.table` last row with `th`
-* `.card` color in `.hero`
-* `.columns.is-gapless`
+- disabled input with element
+- `.table` last row with `th`
+- `.card` color in `.hero`
+- `.columns.is-gapless`
 
 ### Removed
 
-* removed `box-shadow` from `.tag`
-* custom checkboxes and radio buttons
+- removed `box-shadow` from `.tag`
+- custom checkboxes and radio buttons
 
 ### Updated
 
-* `.tag` uses `display: inline-flex` now
+- `.tag` uses `display: inline-flex` now
 
 ## 0.0.17
 
 ### Added
 
-* **pagination**: `.pagination`
-* **horizontal forms**: `.control.is-horizontal`
-* **help** text for form controls: `.help`
-* **progress bars**: `.progress`
+- **pagination**: `.pagination`
+- **horizontal forms**: `.control.is-horizontal`
+- **help** text for form controls: `.help`
+- **progress bars**: `.progress`
 
 ### Updated
 
-* `.button` uses `display: inline-flex` now
-* `.button` needs an `.icon` now
-* `.control.is-grouped` renamed to `.control.has-addons`
-* `.control.is-inline` renamed to `.control.is-grouped`
+- `.button` uses `display: inline-flex` now
+- `.button` needs an `.icon` now
+- `.control.is-grouped` renamed to `.control.has-addons`
+- `.control.is-inline` renamed to `.control.is-grouped`
 
 ### Removed
 
-* **helpers** `.is-inline` and `.is-block`
+- **helpers** `.is-inline` and `.is-block`

node_modules/bulma/LICENSE

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

node_modules/bulma/README.md

@@ -2,13 +2,15 @@
 
 Bulma is a **modern CSS framework** based on [Flexbox](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes).
 
+![Github](https://img.shields.io/github/v/release/jgthms/bulma?logo=Bulma)
 [![npm](https://img.shields.io/npm/v/bulma.svg)][npm-link]
 [![npm](https://img.shields.io/npm/dm/bulma.svg)][npm-link]
+[![](https://data.jsdelivr.com/v1/package/npm/bulma/badge)](https://www.jsdelivr.com/package/npm/bulma)
 [![Awesome][awesome-badge]][awesome-link]
 [![Join the chat at https://gitter.im/jgthms/bulma](https://badges.gitter.im/jgthms/bulma.svg)](https://gitter.im/jgthms/bulma)
 [![Build Status](https://travis-ci.org/jgthms/bulma.svg?branch=master)](https://travis-ci.org/jgthms/bulma)
 
-<a href="https://bulma.io"><img src="https://raw.githubusercontent.com/jgthms/bulma/master/docs/images/bulma-banner.png" alt="Bulma: a Flexbox CSS framework" style="max-width:100%;" width="600" height="315"></a>
+<a href="https://bulma.io"><img src="https://raw.githubusercontent.com/jgthms/bulma/master/docs/images/bulma-banner.png" alt="Bulma: a Flexbox CSS framework" style="max-width:100%;" width="600"></a>
 
 ## Quick install
 
@@ -38,12 +40,12 @@ bower install bulma
 After installation, you can import the CSS file into your project using this snippet:
 
 ```sh
-import 'bulma/css/bulma.css'
+@import 'bulma/css/bulma.css'
 ```
 
 ### CDN
 
-[https://cdnjs.com/libraries/bulma](https://cdnjs.com/libraries/bulma)
+[https://www.jsdelivr.com/package/npm/bulma](https://www.jsdelivr.com/package/npm/bulma)
 
 Feel free to raise an issue or submit a pull request.
 
@@ -79,21 +81,22 @@ Browse the [online documentation here.](https://bulma.io/documentation/overview/
 |--------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------|
 | [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                                         |
-| [Vue Admin](https://github.com/vue-bulma/vue-admin)                                  | Vue Admin framework powered by Bulma                                                   |
+| [Vue Admin (dead)](https://github.com/vue-bulma/vue-admin)                                  | Vue Admin framework powered by Bulma                                                   |
 | [Bulmaswatch](https://github.com/jenil/bulmaswatch)                                  | Free themes for Bulma                                                                  |
-| [Goldfish](https://github.com/Caiyeon/goldfish)                                      | Vault UI with Bulma, Golang, and Vue Admin                                             |
+| [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.github.io)                                                     | Lightweight UI components for Vue.js based on 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.styl](https://github.com/log1x/bulma.styl)                                    | 1:1 Stylus translation of Bulma                                                        |
+| [Bulma Stylus](https://github.com/groenroos/bulma-stylus)                            | Up-to-date 1:1 translation to Stylus
+| [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://mangelmaxime.github.io/Fulma/)                                       | Wrapper around Bulma for [fable-react](https://github.com/fable-compiler/fable-react)  |
+| [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                                                               |
@@ -105,7 +108,7 @@ Browse the [online documentation here.](https://bulma.io/documentation/overview/
 | [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](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                                              |
 | [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                                 |
@@ -114,10 +117,16 @@ Browse the [online documentation here.](https://bulma.io/documentation/overview/
 | [@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                                                    |
 
-## Copyright and license
+## Copyright and license ![Github](https://img.shields.io/github/license/jgthms/bulma?logo=Github)
 
-Code copyright 2019 Jeremy Thomas. Code released under [the MIT license](https://github.com/jgthms/bulma/blob/master/LICENSE).
+Code copyright 2021 Jeremy Thomas. Code released under [the MIT license](https://github.com/jgthms/bulma/blob/master/LICENSE).
 
 [npm-link]: https://www.npmjs.com/package/bulma
 [awesome-link]:  https://github.com/awesome-css-group/awesome-css

node_modules/bulma/bulma.sass

@@ -1,9 +1,10 @@
 @charset "utf-8"
-/*! bulma.io v0.7.5 | MIT License | github.com/jgthms/bulma */
+/*! bulma.io v0.9.2 | MIT License | github.com/jgthms/bulma */
 @import "sass/utilities/_all"
 @import "sass/base/_all"
 @import "sass/elements/_all"
 @import "sass/form/_all"
 @import "sass/components/_all"
 @import "sass/grid/_all"
+@import "sass/helpers/_all"
 @import "sass/layout/_all"

node_modules/bulma/package.json

@@ -1,54 +1,21 @@
 {
-  "_from": "bulma",
-  "_id": "bulma@0.7.5",
-  "_inBundle": false,
-  "_integrity": "sha512-cX98TIn0I6sKba/DhW0FBjtaDpxTelU166pf7ICXpCCuplHWyu6C9LYZmL5PEsnePIeJaiorsTEzzNk3Tsm1hw==",
-  "_location": "/bulma",
-  "_phantomChildren": {},
-  "_requested": {
-    "type": "tag",
-    "registry": true,
-    "raw": "bulma",
-    "name": "bulma",
-    "escapedName": "bulma",
-    "rawSpec": "",
-    "saveSpec": null,
-    "fetchSpec": "latest"
-  },
-  "_requiredBy": [
-    "#USER",
-    "/"
-  ],
-  "_resolved": "https://registry.npmjs.org/bulma/-/bulma-0.7.5.tgz",
-  "_shasum": "35066c37f82c088b68f94450be758fc00a967208",
-  "_spec": "bulma",
-  "_where": "/home/zorro/Documents/schild.report/reports/mein-bk",
+  "name": "bulma",
+  "version": "0.9.2",
+  "homepage": "https://bulma.io",
   "author": {
     "name": "Jeremy Thomas",
     "email": "bbxdesign@gmail.com",
     "url": "https://jgthms.com"
   },
-  "bugs": {
-    "url": "https://github.com/jgthms/bulma/issues"
-  },
-  "bundleDependencies": false,
-  "deprecated": false,
   "description": "Modern CSS framework based on Flexbox",
-  "devDependencies": {
-    "autoprefixer": "^9.5.1",
-    "clean-css-cli": "^4.3.0",
-    "node-sass": "^4.12.0",
-    "postcss-cli": "^6.1.2",
-    "rimraf": "^2.6.3"
+  "main": "bulma.sass",
+  "unpkg": "css/bulma.css",
+  "style": "bulma/css/bulma.min.css",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/jgthms/bulma.git"
   },
-  "files": [
-    "css",
-    "sass",
-    "bulma.sass",
-    "LICENSE",
-    "README.md"
-  ],
-  "homepage": "https://bulma.io",
+  "license": "MIT",
   "keywords": [
     "css",
     "sass",
@@ -56,23 +23,34 @@
     "responsive",
     "framework"
   ],
-  "license": "MIT",
-  "main": "bulma.sass",
-  "name": "bulma",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/jgthms/bulma.git"
+  "bugs": {
+    "url": "https://github.com/jgthms/bulma/issues"
+  },
+  "devDependencies": {
+    "autoprefixer": "^9.8.0",
+    "clean-css-cli": "^4.3.0",
+    "node-sass": "^4.14.1",
+    "postcss-cli": "^7.1.1",
+    "rimraf": "^3.0.2"
   },
   "scripts": {
-    "build": "npm run build-clean && npm run build-sass && npm run build-autoprefix && npm run build-cleancss",
+    "build": "npm run build-sass && npm run build-autoprefix && npm run build-cleancss",
     "build-autoprefix": "postcss --use autoprefixer --map false --output css/bulma.css css/bulma.css",
-    "build-clean": "rimraf css",
     "build-cleancss": "cleancss -o css/bulma.min.css css/bulma.css",
     "build-sass": "node-sass --output-style expanded --source-map true bulma.sass css/bulma.css",
-    "deploy": "npm run build",
+    "clean": "rimraf css",
+    "rtl": "npm run rtl-sass && npm run rtl-autoprefix && npm run rtl-cleancss",
+    "rtl-sass": "node-sass --output-style expanded --source-map true bulma-rtl.sass css/bulma-rtl.css",
+    "rtl-autoprefix": "postcss --use autoprefixer --map false --output css/bulma-rtl.css css/bulma-rtl.css",
+    "rtl-cleancss": "cleancss -o css/bulma-rtl.min.css css/bulma-rtl.css",
+    "deploy": "npm run clean && npm run build && npm run rtl",
     "start": "npm run build-sass -- --watch"
   },
-  "style": "bulma/css/bulma.min.css",
-  "unpkg": "css/bulma.css",
-  "version": "0.7.5"
+  "files": [
+    "css",
+    "sass",
+    "bulma.sass",
+    "LICENSE",
+    "README.md"
+  ]
 }

node_modules/bulma/sass/base/_all.sass

@@ -1,5 +1,6 @@
+/* Bulma Base */
 @charset "utf-8"
 
-@import "minireset.sass"
-@import "generic.sass"
-@import "helpers.sass"
+@import "minireset"
+@import "generic"
+@import "animations"

node_modules/bulma/sass/base/generic.sass

@@ -1,4 +1,6 @@
-$body-background-color: $white !default
+@import "../utilities/mixins"
+
+$body-background-color: $scheme-main !default
 $body-size: 16px !default
 $body-min-width: 300px !default
 $body-rendering: optimizeLegibility !default
@@ -52,6 +54,7 @@ section
 body,
 button,
 input,
+optgroup,
 select,
 textarea
   font-family: $body-family
@@ -137,6 +140,6 @@ table
   th
     vertical-align: top
     &:not([align])
-      text-align: left
+      text-align: inherit
   th
     color: $text-strong

node_modules/bulma/sass/base/helpers.sass

@@ -1,281 +1 @@
-// Float
-
-.is-clearfix
-  +clearfix
-
-.is-pulled-left
-  float: left !important
-
-.is-pulled-right
-  float: right !important
-
-// Overflow
-
-.is-clipped
-  overflow: hidden !important
-
-// Overlay
-
-.is-overlay
-  @extend %overlay
-
-// Typography
-
-=typography-size($target:'')
-  @each $size in $sizes
-    $i: index($sizes, $size)
-    .is-size-#{$i}#{if($target == '', '', '-' + $target)}
-      font-size: $size !important
-
-+typography-size()
-
-+mobile
-  +typography-size('mobile')
-
-+tablet
-  +typography-size('tablet')
-
-+touch
-  +typography-size('touch')
-
-+desktop
-  +typography-size('desktop')
-
-+widescreen
-  +typography-size('widescreen')
-
-+fullhd
-  +typography-size('fullhd')
-
-$alignments: ('centered': 'center', 'justified': 'justify', 'left': 'left', 'right': 'right')
-
-@each $alignment, $text-align in $alignments
-  .has-text-#{$alignment}
-    text-align: #{$text-align} !important
-
-@each $alignment, $text-align in $alignments
-  +mobile
-    .has-text-#{$alignment}-mobile
-      text-align: #{$text-align} !important
-  +tablet
-    .has-text-#{$alignment}-tablet
-      text-align: #{$text-align} !important
-  +tablet-only
-    .has-text-#{$alignment}-tablet-only
-      text-align: #{$text-align} !important
-  +touch
-    .has-text-#{$alignment}-touch
-      text-align: #{$text-align} !important
-  +desktop
-    .has-text-#{$alignment}-desktop
-      text-align: #{$text-align} !important
-  +desktop-only
-    .has-text-#{$alignment}-desktop-only
-      text-align: #{$text-align} !important
-  +widescreen
-    .has-text-#{$alignment}-widescreen
-      text-align: #{$text-align} !important
-  +widescreen-only
-    .has-text-#{$alignment}-widescreen-only
-      text-align: #{$text-align} !important
-  +fullhd
-    .has-text-#{$alignment}-fullhd
-      text-align: #{$text-align} !important
-
-.is-capitalized
-  text-transform: capitalize !important
-
-.is-lowercase
-  text-transform: lowercase !important
-
-.is-uppercase
-  text-transform: uppercase !important
-
-.is-italic
-  font-style: italic !important
-
-@each $name, $pair in $colors
-  $color: nth($pair, 1)
-  .has-text-#{$name}
-    color: $color !important
-  a.has-text-#{$name}
-    &:hover,
-    &:focus
-      color: darken($color, 10%) !important
-  .has-background-#{$name}
-    background-color: $color !important
-
-@each $name, $shade in $shades
-  .has-text-#{$name}
-    color: $shade !important
-  .has-background-#{$name}
-    background-color: $shade !important
-
-.has-text-weight-light
-  font-weight: $weight-light !important
-.has-text-weight-normal
-  font-weight: $weight-normal !important
-.has-text-weight-medium
-  font-weight: $weight-medium !important
-.has-text-weight-semibold
-  font-weight: $weight-semibold !important
-.has-text-weight-bold
-  font-weight: $weight-bold !important
-
-.is-family-primary
-  font-family: $family-primary !important
-
-.is-family-secondary
-  font-family: $family-secondary !important
-
-.is-family-sans-serif
-  font-family: $family-sans-serif !important
-
-.is-family-monospace
-  font-family: $family-monospace !important
-
-.is-family-code
-  font-family: $family-code !important
-
-// Visibility
-
-$displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex'
-
-@each $display in $displays
-  .is-#{$display}
-    display: #{$display} !important
-  +mobile
-    .is-#{$display}-mobile
-      display: #{$display} !important
-  +tablet
-    .is-#{$display}-tablet
-      display: #{$display} !important
-  +tablet-only
-    .is-#{$display}-tablet-only
-      display: #{$display} !important
-  +touch
-    .is-#{$display}-touch
-      display: #{$display} !important
-  +desktop
-    .is-#{$display}-desktop
-      display: #{$display} !important
-  +desktop-only
-    .is-#{$display}-desktop-only
-      display: #{$display} !important
-  +widescreen
-    .is-#{$display}-widescreen
-      display: #{$display} !important
-  +widescreen-only
-    .is-#{$display}-widescreen-only
-      display: #{$display} !important
-  +fullhd
-    .is-#{$display}-fullhd
-      display: #{$display} !important
-
-.is-hidden
-  display: none !important
-
-.is-sr-only
-  border: none !important
-  clip: rect(0, 0, 0, 0) !important
-  height: 0.01em !important
-  overflow: hidden !important
-  padding: 0 !important
-  position: absolute !important
-  white-space: nowrap !important
-  width: 0.01em !important
-
-+mobile
-  .is-hidden-mobile
-    display: none !important
-
-+tablet
-  .is-hidden-tablet
-    display: none !important
-
-+tablet-only
-  .is-hidden-tablet-only
-    display: none !important
-
-+touch
-  .is-hidden-touch
-    display: none !important
-
-+desktop
-  .is-hidden-desktop
-    display: none !important
-
-+desktop-only
-  .is-hidden-desktop-only
-    display: none !important
-
-+widescreen
-  .is-hidden-widescreen
-    display: none !important
-
-+widescreen-only
-  .is-hidden-widescreen-only
-    display: none !important
-
-+fullhd
-  .is-hidden-fullhd
-    display: none !important
-
-.is-invisible
-  visibility: hidden !important
-
-+mobile
-  .is-invisible-mobile
-    visibility: hidden !important
-
-+tablet
-  .is-invisible-tablet
-    visibility: hidden !important
-
-+tablet-only
-  .is-invisible-tablet-only
-    visibility: hidden !important
-
-+touch
-  .is-invisible-touch
-    visibility: hidden !important
-
-+desktop
-  .is-invisible-desktop
-    visibility: hidden !important
-
-+desktop-only
-  .is-invisible-desktop-only
-    visibility: hidden !important
-
-+widescreen
-  .is-invisible-widescreen
-    visibility: hidden !important
-
-+widescreen-only
-  .is-invisible-widescreen-only
-    visibility: hidden !important
-
-+fullhd
-  .is-invisible-fullhd
-    visibility: hidden !important
-
-// Other
-
-.is-marginless
-  margin: 0 !important
-
-.is-paddingless
-  padding: 0 !important
-
-.is-radiusless
-  border-radius: 0 !important
-
-.is-shadowless
-  box-shadow: none !important
-
-.is-unselectable
-  @extend %unselectable
-
-.is-relative
-  position: relative !important
+@warn "The helpers.sass file is DEPRECATED. It has moved into its own /helpers folder. Please import sass/helpers/_all instead."

node_modules/bulma/sass/base/minireset.sass

@@ -1,4 +1,4 @@
-/*! minireset.css v0.0.4 | MIT License | github.com/jgthms/minireset.css */
+/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
 // Blocks
 html,
 body,
@@ -59,16 +59,10 @@ html
 
 // Media
 img,
-embed,
-iframe,
-object,
 video
   height: auto
   max-width: 100%
 
-audio
-  max-width: 100%
-
 // Iframe
 iframe
   border: 0
@@ -82,4 +76,4 @@ td,
 th
   padding: 0
   &:not([align])
-    text-align: left
+    text-align: inherit

node_modules/bulma/sass/components/_all.sass

@@ -1,15 +1,15 @@
+/* Bulma Components */
 @charset "utf-8"
 
-@import "breadcrumb.sass"
-@import "card.sass"
-@import "dropdown.sass"
-@import "level.sass"
-@import "list.sass"
-@import "media.sass"
-@import "menu.sass"
-@import "message.sass"
-@import "modal.sass"
-@import "navbar.sass"
-@import "pagination.sass"
-@import "panel.sass"
-@import "tabs.sass"
+@import "breadcrumb"
+@import "card"
+@import "dropdown"
+@import "level"
+@import "media"
+@import "menu"
+@import "message"
+@import "modal"
+@import "navbar"
+@import "pagination"
+@import "panel"
+@import "tabs"

node_modules/bulma/sass/components/breadcrumb.sass

@@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 $breadcrumb-item-color: $link !default
 $breadcrumb-item-hover-color: $link-hover !default
 $breadcrumb-item-active-color: $text-strong !default
@@ -5,7 +7,7 @@ $breadcrumb-item-active-color: $text-strong !default
 $breadcrumb-item-padding-vertical: 0 !default
 $breadcrumb-item-padding-horizontal: 0.75em !default
 
-$breadcrumb-item-separator-color: $grey-light !default
+$breadcrumb-item-separator-color: $border-hover !default
 
 .breadcrumb
   @extend %block
@@ -24,7 +26,7 @@ $breadcrumb-item-separator-color: $grey-light !default
     align-items: center
     display: flex
     &:first-child a
-      padding-left: 0
+      +ltr-property("padding", 0, false)
     &.is-active
       a
         color: $breadcrumb-item-active-color
@@ -41,9 +43,9 @@ $breadcrumb-item-separator-color: $grey-light !default
     justify-content: flex-start
   .icon
     &:first-child
-      margin-right: 0.5em
+      +ltr-property("margin", 0.5em)
     &:last-child
-      margin-left: 0.5em
+      +ltr-property("margin", 0.5em, false)
   // Alignment
   &.is-centered
     ol,

node_modules/bulma/sass/components/card.sass

@@ -1,30 +1,43 @@
+@import "../utilities/mixins"
+
 $card-color: $text !default
-$card-background-color: $white !default
-$card-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
+$card-background-color: $scheme-main !default
+$card-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
+$card-radius: 0.25rem !default
 
 $card-header-background-color: transparent !default
 $card-header-color: $text-strong !default
-$card-header-padding: 0.75rem !default
-$card-header-shadow: 0 1px 2px rgba($black, 0.1) !default
+$card-header-padding: 0.75rem 1rem !default
+$card-header-shadow: 0 0.125em 0.25em rgba($scheme-invert, 0.1) !default
 $card-header-weight: $weight-bold !default
 
 $card-content-background-color: transparent !default
 $card-content-padding: 1.5rem !default
 
 $card-footer-background-color: transparent !default
-$card-footer-border-top: 1px solid $border !default
+$card-footer-border-top: 1px solid $border-light !default
 $card-footer-padding: 0.75rem !default
 
 $card-media-margin: $block-spacing !default
 
 .card
   background-color: $card-background-color
+  border-radius: $card-radius
   box-shadow: $card-shadow
   color: $card-color
   max-width: 100%
   position: relative
 
+%card-item
+  &:first-child
+    border-top-left-radius: $card-radius
+    border-top-right-radius: $card-radius
+  &:last-child
+    border-bottom-left-radius: $card-radius
+    border-bottom-right-radius: $card-radius
+
 .card-header
+  @extend %card-item
   background-color: $card-header-background-color
   align-items: stretch
   box-shadow: $card-header-shadow
@@ -50,12 +63,22 @@ $card-media-margin: $block-spacing !default
 .card-image
   display: block
   position: relative
+  &:first-child
+    img
+      border-top-left-radius: $card-radius
+      border-top-right-radius: $card-radius
+  &:last-child
+    img
+      border-bottom-left-radius: $card-radius
+      border-bottom-right-radius: $card-radius
 
 .card-content
+  @extend %card-item
   background-color: $card-content-background-color
   padding: $card-content-padding
 
 .card-footer
+  @extend %card-item
   background-color: $card-footer-background-color
   border-top: $card-footer-border-top
   align-items: stretch
@@ -70,7 +93,7 @@ $card-media-margin: $block-spacing !default
   justify-content: center
   padding: $card-footer-padding
   &:not(:last-child)
-    border-right: $card-footer-border-top
+    +ltr-property("border", $card-footer-border-top)
 
 // Combinations
 

node_modules/bulma/sass/components/dropdown.sass

@@ -1,21 +1,23 @@
+@import "../utilities/mixins"
+
 $dropdown-menu-min-width: 12rem !default
 
-$dropdown-content-background-color: $white !default
+$dropdown-content-background-color: $scheme-main !default
 $dropdown-content-arrow: $link !default
 $dropdown-content-offset: 4px !default
 $dropdown-content-padding-bottom: 0.5rem !default
 $dropdown-content-padding-top: 0.5rem !default
 $dropdown-content-radius: $radius !default
-$dropdown-content-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
+$dropdown-content-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
 $dropdown-content-z: 20 !default
 
-$dropdown-item-color: $grey-dark !default
-$dropdown-item-hover-color: $black !default
+$dropdown-item-color: $text !default
+$dropdown-item-hover-color: $scheme-invert !default
 $dropdown-item-hover-background-color: $background !default
 $dropdown-item-active-color: $link-invert !default
 $dropdown-item-active-background-color: $link !default
 
-$dropdown-divider-background-color: $border !default
+$dropdown-divider-background-color: $border-light !default
 
 .dropdown
   display: inline-flex
@@ -38,7 +40,7 @@ $dropdown-divider-background-color: $border !default
 
 .dropdown-menu
   display: none
-  left: 0
+  +ltr-position(0, false)
   min-width: $dropdown-menu-min-width
   padding-top: $dropdown-content-offset
   position: absolute
@@ -62,8 +64,8 @@ $dropdown-divider-background-color: $border !default
 
 a.dropdown-item,
 button.dropdown-item
-  padding-right: 3rem
-  text-align: left
+  +ltr-property("padding", 3rem)
+  text-align: inherit
   white-space: nowrap
   width: 100%
   &:hover

node_modules/bulma/sass/components/level.sass

@@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 $level-item-spacing: ($block-spacing / 2) !default
 
 .level
@@ -20,7 +22,7 @@ $level-item-spacing: ($block-spacing / 2) !default
     .level-item
       &:not(:last-child)
         margin-bottom: 0
-        margin-right: $level-item-spacing
+        +ltr-property("margin", $level-item-spacing)
       &:not(.is-narrow)
         flex-grow: 1
   // Responsiveness
@@ -57,7 +59,7 @@ $level-item-spacing: ($block-spacing / 2) !default
     // Responsiveness
     +tablet
       &:not(:last-child)
-        margin-right: $level-item-spacing
+        +ltr-property("margin", $level-item-spacing)
 
 .level-left
   align-items: center

node_modules/bulma/sass/components/list.sass

@@ -1,39 +0,0 @@
-$list-background-color: $white !default
-$list-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
-$list-radius: $radius !default
-
-$list-item-border: 1px solid $border !default
-$list-item-color: $text !default
-$list-item-active-background-color: $link !default
-$list-item-active-color: $link-invert !default
-$list-item-hover-background-color: $background !default
-
-.list
-  @extend %block
-  background-color: $list-background-color
-  border-radius: $list-radius
-  box-shadow: $list-shadow
-  // &.is-hoverable > .list-item:hover:not(.is-active)
-  //   background-color: $list-item-hover-background-color
-  //   cursor: pointer
-
-.list-item
-  display: block
-  padding: 0.5em 1em
-  &:not(a)
-    color: $list-item-color
-  &:first-child
-    border-top-left-radius: $list-radius
-    border-top-right-radius: $list-radius
-  &:last-child
-    border-bottom-left-radius: $list-radius
-    border-bottom-right-radius: $list-radius
-  &:not(:last-child)
-    border-bottom: $list-item-border
-  &.is-active
-    background-color: $list-item-active-background-color
-    color: $list-item-active-color
-
-a.list-item
-  background-color: $list-item-hover-background-color
-  cursor: pointer

node_modules/bulma/sass/components/media.sass

@@ -1,29 +1,40 @@
+@import "../utilities/mixins"
+
+$media-border-color: bulmaRgba($border, 0.5) !default
+$media-border-size: 1px !default
+$media-spacing: 1rem !default
+$media-spacing-large: 1.5rem !default
+$media-content-spacing: 0.75rem !default
+$media-level-1-spacing: 0.75rem !default
+$media-level-1-content-spacing: 0.5rem !default
+$media-level-2-spacing: 0.5rem !default
+
 .media
   align-items: flex-start
   display: flex
-  text-align: left
+  text-align: inherit
   .content:not(:last-child)
-    margin-bottom: 0.75rem
+    margin-bottom: $media-content-spacing
   .media
-    border-top: 1px solid rgba($border, 0.5)
+    border-top: $media-border-size solid $media-border-color
     display: flex
-    padding-top: 0.75rem
+    padding-top: $media-level-1-spacing
     .content:not(:last-child),
     .control:not(:last-child)
-      margin-bottom: 0.5rem
+      margin-bottom: $media-level-1-content-spacing
     .media
-      padding-top: 0.5rem
+      padding-top: $media-level-2-spacing
       & + .media
-        margin-top: 0.5rem
+        margin-top: $media-level-2-spacing
   & + .media
-    border-top: 1px solid rgba($border, 0.5)
-    margin-top: 1rem
-    padding-top: 1rem
+    border-top: $media-border-size solid $media-border-color
+    margin-top: $media-spacing
+    padding-top: $media-spacing
   // Sizes
   &.is-large
     & + .media
-      margin-top: 1.5rem
-      padding-top: 1.5rem
+      margin-top: $media-spacing-large
+      padding-top: $media-spacing-large
 
 .media-left,
 .media-right
@@ -32,16 +43,16 @@
   flex-shrink: 0
 
 .media-left
-  margin-right: 1rem
+  +ltr-property("margin", $media-spacing)
 
 .media-right
-  margin-left: 1rem
+  +ltr-property("margin", $media-spacing, false)
 
 .media-content
   flex-basis: auto
   flex-grow: 1
   flex-shrink: 1
-  text-align: left
+  text-align: inherit
 
 +mobile
   .media-content

node_modules/bulma/sass/components/menu.sass

@@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 $menu-item-color: $text !default
 $menu-item-radius: $radius-small !default
 $menu-item-hover-color: $text-strong !default
@@ -42,9 +44,9 @@ $menu-label-spacing: 1em !default
       color: $menu-item-active-color
   li
     ul
-      border-left: $menu-list-border-left
+      +ltr-property("border", $menu-list-border-left, false)
       margin: $menu-nested-list-margin
-      padding-left: $menu-nested-list-padding-left
+      +ltr-property("padding", $menu-nested-list-padding-left, false)
 
 .menu-label
   color: $menu-label-color

node_modules/bulma/sass/components/message.sass

@@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 $message-background-color: $background !default
 $message-radius: $radius !default
 
@@ -13,7 +15,7 @@ $message-body-color: $text !default
 $message-body-padding: 1.25em 1.5em !default
 $message-body-radius: $radius !default
 
-$message-body-pre-background-color: $white !default
+$message-body-pre-background-color: $scheme-main !default
 $message-body-pre-code-background-color: transparent !default
 
 $message-header-body-border-width: 0 !default
@@ -37,21 +39,33 @@ $message-colors: $colors !default
   &.is-large
     font-size: $size-large
   // Colors
-  @each $name, $pair in $message-colors
-    $color: nth($pair, 1)
-    $color-invert: nth($pair, 2)
-    $color-lightning: max((100% - lightness($color)) - 2%, 0%)
-    $color-luminance: colorLuminance($color)
-    $darken-percentage: $color-luminance * 70%
-    $desaturate-percentage: $color-luminance * 30%
+  @each $name, $components in $message-colors
+    $color: nth($components, 1)
+    $color-invert: nth($components, 2)
+    $color-light: null
+    $color-dark: null
+
+    @if length($components) >= 3
+      $color-light: nth($components, 3)
+      @if length($components) >= 4
+        $color-dark: nth($components, 4)
+      @else
+        $color-luminance: colorLuminance($color)
+        $darken-percentage: $color-luminance * 70%
+        $desaturate-percentage: $color-luminance * 30%
+        $color-dark: desaturate(darken($color, $darken-percentage), $desaturate-percentage)
+    @else
+      $color-lightning: max((100% - lightness($color)) - 2%, 0%)
+      $color-light: lighten($color, $color-lightning)
+
     &.is-#{$name}
-      background-color: lighten($color, $color-lightning)
+      background-color: $color-light
       .message-header
         background-color: $color
         color: $color-invert
       .message-body
         border-color: $color
-        color: desaturate(darken($color, $darken-percentage), $desaturate-percentage)
+        color: $color-dark
 
 .message-header
   align-items: center
@@ -67,7 +81,7 @@ $message-colors: $colors !default
   .delete
     flex-grow: 0
     flex-shrink: 0
-    margin-left: 0.75em
+    +ltr-property("margin", 0.75em, false)
   & + .message-body
     border-width: $message-header-body-border-width
     border-top-left-radius: 0

node_modules/bulma/sass/components/modal.sass

@@ -1,6 +1,8 @@
+@import "../utilities/mixins"
+
 $modal-z: 40 !default
 
-$modal-background-background-color: rgba($black, 0.86) !default
+$modal-background-background-color: bulmaRgba($scheme-invert, 0.86) !default
 
 $modal-content-width: 640px !default
 $modal-content-margin-mobile: 20px !default
@@ -25,9 +27,11 @@ $modal-card-title-size: $size-4 !default
 $modal-card-foot-radius: $radius-large !default
 $modal-card-foot-border-top: 1px solid $border !default
 
-$modal-card-body-background-color: $white !default
+$modal-card-body-background-color: $scheme-main !default
 $modal-card-body-padding: 20px !default
 
+$modal-breakpoint: $tablet !default
+
 .modal
   @extend %overlay
   align-items: center
@@ -53,7 +57,7 @@ $modal-card-body-padding: 20px !default
   position: relative
   width: 100%
   // Responsiveness
-  +tablet
+  +from($modal-breakpoint)
     margin: 0 auto
     max-height: calc(100vh - #{$modal-content-spacing-tablet})
     width: $modal-content-width
@@ -63,7 +67,7 @@ $modal-card-body-padding: 20px !default
   background: none
   height: $modal-close-dimensions
   position: fixed
-  right: $modal-close-right
+  +ltr-position($modal-close-right)
   top: $modal-close-top
   width: $modal-close-dimensions
 
@@ -102,7 +106,7 @@ $modal-card-body-padding: 20px !default
   border-top: $modal-card-foot-border-top
   .button
     &:not(:last-child)
-      margin-right: 0.5em
+      +ltr-property("margin", 0.5em)
 
 .modal-card-body
   +overflow-touch

node_modules/bulma/sass/components/navbar.sass

@@ -1,4 +1,6 @@
-$navbar-background-color: $white !default
+@import "../utilities/mixins"
+
+$navbar-background-color: $scheme-main !default
 $navbar-box-shadow-size: 0 2px 0 0 !default
 $navbar-box-shadow-color: $background !default
 $navbar-height: 3.25rem !default
@@ -7,10 +9,10 @@ $navbar-padding-horizontal: 2rem !default
 $navbar-z: 30 !default
 $navbar-fixed-z: 30 !default
 
-$navbar-item-color: $grey-dark !default
+$navbar-item-color: $text !default
 $navbar-item-hover-color: $link !default
-$navbar-item-hover-background-color: $white-bis !default
-$navbar-item-active-color: $black !default
+$navbar-item-hover-background-color: $scheme-main-bis !default
+$navbar-item-active-color: $scheme-invert !default
 $navbar-item-active-background-color: transparent !default
 $navbar-item-img-max-height: 1.75rem !default
 
@@ -24,7 +26,7 @@ $navbar-tab-active-border-bottom-color: $link !default
 $navbar-tab-active-border-bottom-style: solid !default
 $navbar-tab-active-border-bottom-width: 3px !default
 
-$navbar-dropdown-background-color: $white !default
+$navbar-dropdown-background-color: $scheme-main !default
 $navbar-dropdown-border-top: 2px solid $border !default
 $navbar-dropdown-offset: -4px !default
 $navbar-dropdown-arrow: $link !default
@@ -32,9 +34,9 @@ $navbar-dropdown-radius: $radius-large !default
 $navbar-dropdown-z: 20 !default
 
 $navbar-dropdown-boxed-radius: $radius-large !default
-$navbar-dropdown-boxed-shadow: 0 8px 8px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
+$navbar-dropdown-boxed-shadow: 0 8px 8px bulmaRgba($scheme-invert, 0.1), 0 0 0 1px bulmaRgba($scheme-invert, 0.1) !default
 
-$navbar-dropdown-item-hover-color: $black !default
+$navbar-dropdown-item-hover-color: $scheme-invert !default
 $navbar-dropdown-item-hover-background-color: $background !default
 $navbar-dropdown-item-active-color: $link !default
 $navbar-dropdown-item-active-background-color: $background !default
@@ -46,6 +48,8 @@ $navbar-bottom-box-shadow-size: 0 -2px 0 0 !default
 
 $navbar-breakpoint: $desktop !default
 
+$navbar-colors: $colors !default
+
 =navbar-fixed
   left: 0
   position: fixed
@@ -57,7 +61,7 @@ $navbar-breakpoint: $desktop !default
   min-height: $navbar-height
   position: relative
   z-index: $navbar-z
-  @each $name, $pair in $colors
+  @each $name, $pair in $navbar-colors
     $color: nth($pair, 1)
     $color-invert: nth($pair, 2)
     &.is-#{$name}
@@ -72,7 +76,7 @@ $navbar-breakpoint: $desktop !default
           &:focus,
           &:hover,
           &.is-active
-            background-color: darken($color, 5%)
+            background-color: bulmaDarken($color, 5%)
             color: $color-invert
         .navbar-link
           &::after
@@ -90,7 +94,7 @@ $navbar-breakpoint: $desktop !default
             &:focus,
             &:hover,
             &.is-active
-              background-color: darken($color, 5%)
+              background-color: bulmaDarken($color, 5%)
               color: $color-invert
           .navbar-link
             &::after
@@ -98,7 +102,7 @@ $navbar-breakpoint: $desktop !default
         .navbar-item.has-dropdown:focus .navbar-link,
         .navbar-item.has-dropdown:hover .navbar-link,
         .navbar-item.has-dropdown.is-active .navbar-link
-          background-color: darken($color, 5%)
+          background-color: bulmaDarken($color, 5%)
           color: $color-invert
         .navbar-dropdown
           a.navbar-item
@@ -151,7 +155,7 @@ body
 .navbar-burger
   color: $navbar-burger-color
   +hamburger($navbar-height)
-  margin-left: auto
+  +ltr-property("margin", auto, false)
 
 .navbar-menu
   display: none
@@ -179,7 +183,6 @@ a.navbar-item,
     color: $navbar-item-hover-color
 
 .navbar-item
-  display: block
   flex-grow: 0
   flex-shrink: 0
   img
@@ -210,12 +213,12 @@ a.navbar-item,
   flex-shrink: 1
 
 .navbar-link:not(.is-arrowless)
-  padding-right: 2.5em
+  +ltr-property("padding", 2.5em)
   &::after
     @extend %arrow
     border-color: $navbar-dropdown-arrow
     margin-top: -0.375em
-    right: 1.125em
+    +ltr-position(1.125em)
 
 .navbar-dropdown
   font-size: 0.875rem
@@ -245,7 +248,7 @@ a.navbar-item,
       display: none
   .navbar-menu
     background-color: $navbar-background-color
-    box-shadow: 0 8px 16px rgba($black, 0.1)
+    box-shadow: 0 8px 16px bulmaRgba($scheme-invert, 0.1)
     padding: 0.5rem 0
     &.is-active
       display: block
@@ -257,7 +260,7 @@ a.navbar-item,
     &.is-fixed-bottom-touch
       bottom: 0
       &.has-shadow
-        box-shadow: 0 -2px 3px rgba($black, 0.1)
+        box-shadow: 0 -2px 3px bulmaRgba($scheme-invert, 0.1)
     &.is-fixed-top-touch
       top: 0
     &.is-fixed-top,
@@ -320,7 +323,6 @@ a.navbar-item,
     align-items: center
     display: flex
   .navbar-item
-    display: flex
     &.has-dropdown
       align-items: stretch
     &.has-dropdown-up
@@ -331,7 +333,7 @@ a.navbar-item,
         border-radius: $navbar-dropdown-radius $navbar-dropdown-radius 0 0
         border-top: none
         bottom: 100%
-        box-shadow: 0 -8px 8px rgba($black, 0.1)
+        box-shadow: 0 -8px 8px bulmaRgba($scheme-invert, 0.1)
         top: auto
     &.is-active,
     &.is-hoverable:focus,
@@ -349,19 +351,19 @@ a.navbar-item,
     flex-shrink: 0
   .navbar-start
     justify-content: flex-start
-    margin-right: auto
+    +ltr-property("margin", auto)
   .navbar-end
     justify-content: flex-end
-    margin-left: auto
+    +ltr-property("margin", auto, false)
   .navbar-dropdown
     background-color: $navbar-dropdown-background-color
     border-bottom-left-radius: $navbar-dropdown-radius
     border-bottom-right-radius: $navbar-dropdown-radius
     border-top: $navbar-dropdown-border-top
-    box-shadow: 0 8px 8px rgba($black, 0.1)
+    box-shadow: 0 8px 8px bulmaRgba($scheme-invert, 0.1)
     display: none
     font-size: 0.875rem
-    left: 0
+    +ltr-position(0, false)
     min-width: 100%
     position: absolute
     top: 100%
@@ -370,7 +372,7 @@ a.navbar-item,
       padding: 0.375rem 1rem
       white-space: nowrap
     a.navbar-item
-      padding-right: 3rem
+      +ltr-property("padding", 3rem)
       &:focus,
       &:hover
         background-color: $navbar-dropdown-item-hover-background-color
@@ -398,9 +400,9 @@ a.navbar-item,
   .navbar > .container,
   .container > .navbar
     .navbar-brand
-      margin-left: -.75rem
+      +ltr-property("margin", -.75rem, false)
     .navbar-menu
-      margin-right: -.75rem
+      +ltr-property("margin", -.75rem)
   // Fixed navbar
   .navbar
     &.is-fixed-bottom-desktop,
@@ -409,7 +411,7 @@ a.navbar-item,
     &.is-fixed-bottom-desktop
       bottom: 0
       &.has-shadow
-        box-shadow: 0 -2px 3px rgba($black, 0.1)
+        box-shadow: 0 -2px 3px bulmaRgba($scheme-invert, 0.1)
     &.is-fixed-top-desktop
       top: 0
   html,

node_modules/bulma/sass/components/pagination.sass

@@ -1,5 +1,8 @@
-$pagination-color: $grey-darker !default
-$pagination-border-color: $grey-lighter !default
+@import "../utilities/controls"
+@import "../utilities/mixins"
+
+$pagination-color: $text-strong !default
+$pagination-border-color: $border !default
 $pagination-margin: -0.25rem !default
 $pagination-min-width: $control-height !default
 
@@ -8,6 +11,9 @@ $pagination-item-margin: 0.25rem !default
 $pagination-item-padding-left: 0.5em !default
 $pagination-item-padding-right: 0.5em !default
 
+$pagination-nav-padding-left: 0.75em !default
+$pagination-nav-padding-right: 0.75em !default
+
 $pagination-hover-color: $link-hover !default
 $pagination-hover-border-color: $link-hover-border !default
 
@@ -17,9 +23,9 @@ $pagination-focus-border-color: $link-focus-border !default
 $pagination-active-color: $link-active !default
 $pagination-active-border-color: $link-active-border !default
 
-$pagination-disabled-color: $grey !default
-$pagination-disabled-background-color: $grey-lighter !default
-$pagination-disabled-border-color: $grey-lighter !default
+$pagination-disabled-color: $text-light !default
+$pagination-disabled-background-color: $border !default
+$pagination-disabled-border-color: $border !default
 
 $pagination-current-color: $link-invert !default
 $pagination-current-background-color: $link !default
@@ -27,9 +33,10 @@ $pagination-current-border-color: $link !default
 
 $pagination-ellipsis-color: $grey-light !default
 
-$pagination-shadow-inset: inset 0 1px 2px rgba($black, 0.2)
+$pagination-shadow-inset: inset 0 1px 2px rgba($scheme-invert, 0.2) !default
 
 .pagination
+  @extend %block
   font-size: $size-normal
   margin: $pagination-margin
   // Sizes
@@ -90,8 +97,8 @@ $pagination-shadow-inset: inset 0 1px 2px rgba($black, 0.2)
 
 .pagination-previous,
 .pagination-next
-  padding-left: 0.75em
-  padding-right: 0.75em
+  padding-left: $pagination-nav-padding-left
+  padding-right: $pagination-nav-padding-right
   white-space: nowrap
 
 .pagination-link
@@ -106,6 +113,8 @@ $pagination-shadow-inset: inset 0 1px 2px rgba($black, 0.2)
 
 .pagination-list
   flex-wrap: wrap
+  li
+    list-style: none
 
 +mobile
   .pagination

node_modules/bulma/sass/components/panel.sass

@@ -1,13 +1,17 @@
+@import "../utilities/mixins"
+
 $panel-margin: $block-spacing !default
-$panel-item-border: 1px solid $border !default
+$panel-item-border: 1px solid $border-light !default
+$panel-radius: $radius-large !default
+$panel-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
 
-$panel-heading-background-color: $background !default
+$panel-heading-background-color: $border-light !default
 $panel-heading-color: $text-strong !default
 $panel-heading-line-height: 1.25 !default
-$panel-heading-padding: 0.5em 0.75em !default
+$panel-heading-padding: 0.75em 1em !default
 $panel-heading-radius: $radius !default
 $panel-heading-size: 1.25em !default
-$panel-heading-weight: $weight-light !default
+$panel-heading-weight: $weight-bold !default
 
 $panel-tabs-font-size: 0.875em !default
 $panel-tab-border-bottom: 1px solid $border !default
@@ -24,24 +28,35 @@ $panel-block-active-color: $link-active !default
 $panel-block-active-icon-color: $link !default
 
 $panel-icon-color: $text-light !default
+$panel-colors: $colors !default
 
 .panel
+  border-radius: $panel-radius
+  box-shadow: $panel-shadow
   font-size: $size-normal
   &:not(:last-child)
     margin-bottom: $panel-margin
+  // Colors
+  @each $name, $components in $panel-colors
+    $color: nth($components, 1)
+    $color-invert: nth($components, 2)
+    &.is-#{$name}
+      .panel-heading
+        background-color: $color
+        color: $color-invert
+      .panel-tabs a.is-active
+        border-bottom-color: $color
+      .panel-block.is-active .panel-icon
+        color: $color
 
-.panel-heading,
 .panel-tabs,
 .panel-block
-  border-bottom: $panel-item-border
-  border-left: $panel-item-border
-  border-right: $panel-item-border
-  &:first-child
-    border-top: $panel-item-border
+  &:not(:last-child)
+    border-bottom: $panel-item-border
 
 .panel-heading
   background-color: $panel-heading-background-color
-  border-radius: $panel-heading-radius $panel-heading-radius 0 0
+  border-radius: $panel-radius $panel-radius 0 0
   color: $panel-heading-color
   font-size: $panel-heading-size
   font-weight: $panel-heading-weight
@@ -75,7 +90,7 @@ $panel-icon-color: $text-light !default
   justify-content: flex-start
   padding: 0.5em 0.75em
   input[type="checkbox"]
-    margin-right: 0.75em
+    +ltr-property("margin", 0.75em)
   & > .control
     flex-grow: 1
     flex-shrink: 1
@@ -87,6 +102,9 @@ $panel-icon-color: $text-light !default
     color: $panel-block-active-color
     .panel-icon
       color: $panel-block-active-icon-color
+  &:last-child
+    border-bottom-left-radius: $panel-radius
+    border-bottom-right-radius: $panel-radius
 
 a.panel-block,
 label.panel-block
@@ -97,7 +115,7 @@ label.panel-block
 .panel-icon
   +fa(14px, 1em)
   color: $panel-icon-color
-  margin-right: 0.75em
+  +ltr-property("margin", 0.75em)
   .fa
     font-size: inherit
     line-height: inherit

node_modules/bulma/sass/components/tabs.sass

@@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 $tabs-border-bottom-color: $border !default
 $tabs-border-bottom-style: solid !default
 $tabs-border-bottom-width: 1px !default
@@ -12,7 +14,7 @@ $tabs-boxed-link-radius: $radius !default
 $tabs-boxed-link-hover-background-color: $background !default
 $tabs-boxed-link-hover-border-bottom-color: $border !default
 
-$tabs-boxed-link-active-background-color: $white !default
+$tabs-boxed-link-active-background-color: $scheme-main !default
 $tabs-boxed-link-active-border-color: $border !default
 $tabs-boxed-link-active-border-bottom-color: transparent !default
 
@@ -78,9 +80,9 @@ $tabs-toggle-link-active-color: $link-invert !default
       padding-left: 0.75em
   .icon
     &:first-child
-      margin-right: 0.5em
+      +ltr-property("margin", 0.5em)
     &:last-child
-      margin-left: 0.5em
+      +ltr-property("margin", 0.5em, false)
   // Alignment
   &.is-centered
     ul
@@ -92,7 +94,10 @@ $tabs-toggle-link-active-color: $link-invert !default
   &.is-boxed
     a
       border: 1px solid transparent
-      border-radius: $tabs-boxed-link-radius $tabs-boxed-link-radius 0 0
+      +ltr
+        border-radius: $tabs-boxed-link-radius $tabs-boxed-link-radius 0 0
+      +rtl
+        border-radius: 0 0 $tabs-boxed-link-radius $tabs-boxed-link-radius
       &:hover
         background-color: $tabs-boxed-link-hover-background-color
         border-bottom-color: $tabs-boxed-link-hover-border-bottom-color
@@ -119,11 +124,21 @@ $tabs-toggle-link-active-color: $link-invert !default
         z-index: 2
     li
       & + li
-        margin-left: -#{$tabs-toggle-link-border-width}
+        +ltr-property("margin", -#{$tabs-toggle-link-border-width}, false)
       &:first-child a
-        border-radius: $tabs-toggle-link-radius 0 0 $tabs-toggle-link-radius
+        +ltr
+          border-top-left-radius: $tabs-toggle-link-radius
+          border-bottom-left-radius: $tabs-toggle-link-radius
+        +rtl
+          border-top-right-radius: $tabs-toggle-link-radius
+          border-bottom-right-radius: $tabs-toggle-link-radius
       &:last-child a
-        border-radius: 0 $tabs-toggle-link-radius $tabs-toggle-link-radius 0
+        +ltr
+          border-top-right-radius: $tabs-toggle-link-radius
+          border-bottom-right-radius: $tabs-toggle-link-radius
+        +rtl
+          border-top-left-radius: $tabs-toggle-link-radius
+          border-bottom-left-radius: $tabs-toggle-link-radius
       &.is-active
         a
           background-color: $tabs-toggle-link-active-background-color
@@ -135,13 +150,23 @@ $tabs-toggle-link-active-color: $link-invert !default
     &.is-toggle-rounded
       li
         &:first-child a
-          border-bottom-left-radius: $radius-rounded
-          border-top-left-radius: $radius-rounded
-          padding-left: 1.25em
+          +ltr
+            border-bottom-left-radius: $radius-rounded
+            border-top-left-radius: $radius-rounded
+            padding-left: 1.25em
+          +rtl
+            border-bottom-right-radius: $radius-rounded
+            border-top-right-radius: $radius-rounded
+            padding-right: 1.25em
         &:last-child a
-          border-bottom-right-radius: $radius-rounded
-          border-top-right-radius: $radius-rounded
-          padding-right: 1.25em
+          +ltr
+            border-bottom-right-radius: $radius-rounded
+            border-top-right-radius: $radius-rounded
+            padding-right: 1.25em
+          +rtl
+            border-bottom-left-radius: $radius-rounded
+            border-top-left-radius: $radius-rounded
+            padding-left: 1.25em
   // Sizes
   &.is-small
     font-size: $size-small

node_modules/bulma/sass/elements/_all.sass

@@ -1,15 +1,16 @@
+/* Bulma Elements */
 @charset "utf-8"
 
-@import "box.sass"
-@import "button.sass"
-@import "container.sass"
-@import "content.sass"
-@import "icon.sass"
-@import "image.sass"
-@import "notification.sass"
-@import "progress.sass"
-@import "table.sass"
-@import "tag.sass"
-@import "title.sass"
+@import "box"
+@import "button"
+@import "container"
+@import "content"
+@import "icon"
+@import "image"
+@import "notification"
+@import "progress"
+@import "table"
+@import "tag"
+@import "title"
 
-@import "other.sass"
+@import "other"

node_modules/bulma/sass/elements/box.sass

@@ -1,11 +1,13 @@
+@import "../utilities/mixins"
+
 $box-color: $text !default
-$box-background-color: $white !default
+$box-background-color: $scheme-main !default
 $box-radius: $radius-large !default
-$box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
+$box-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
 $box-padding: 1.25rem !default
 
-$box-link-hover-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px $link !default
-$box-link-active-shadow: inset 0 1px 2px rgba($black, 0.2), 0 0 0 1px $link !default
+$box-link-hover-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0 0 1px $link !default
+$box-link-active-shadow: inset 0 1px 2px rgba($scheme-invert, 0.2), 0 0 0 1px $link !default
 
 .box
   @extend %block

node_modules/bulma/sass/elements/button.sass

@@ -1,12 +1,15 @@
-$button-color: $grey-darker !default
-$button-background-color: $white !default
+@import "../utilities/controls"
+@import "../utilities/mixins"
+
+$button-color: $text-strong !default
+$button-background-color: $scheme-main !default
 $button-family: false !default
 
-$button-border-color: $grey-lighter !default
+$button-border-color: $border !default
 $button-border-width: $control-border-width !default
 
-$button-padding-vertical: calc(0.375em - #{$button-border-width}) !default
-$button-padding-horizontal: 0.75em !default
+$button-padding-vertical: calc(0.5em - #{$button-border-width}) !default
+$button-padding-horizontal: 1em !default
 
 $button-hover-color: $link-hover !default
 $button-hover-border-color: $link-hover-border !default
@@ -14,27 +17,38 @@ $button-hover-border-color: $link-hover-border !default
 $button-focus-color: $link-focus !default
 $button-focus-border-color: $link-focus-border !default
 $button-focus-box-shadow-size: 0 0 0 0.125em !default
-$button-focus-box-shadow-color: rgba($link, 0.25) !default
+$button-focus-box-shadow-color: bulmaRgba($link, 0.25) !default
 
 $button-active-color: $link-active !default
 $button-active-border-color: $link-active-border !default
 
 $button-text-color: $text !default
+$button-text-decoration: underline !default
 $button-text-hover-background-color: $background !default
 $button-text-hover-color: $text-strong !default
 
-$button-disabled-background-color: $white !default
-$button-disabled-border-color: $grey-lighter !default
+$button-ghost-background: none !default
+$button-ghost-border-color: transparent !default
+$button-ghost-color: $link !default
+$button-ghost-decoration: none !default
+$button-ghost-hover-color: $link !default
+$button-ghost-hover-decoration: underline !default
+
+$button-disabled-background-color: $scheme-main !default
+$button-disabled-border-color: $border !default
 $button-disabled-shadow: none !default
 $button-disabled-opacity: 0.5 !default
 
-$button-static-color: $grey !default
-$button-static-background-color: $white-ter !default
-$button-static-border-color: $grey-lighter !default
+$button-static-color: $text-light !default
+$button-static-background-color: $scheme-main-ter !default
+$button-static-border-color: $border !default
+
+$button-colors: $colors !default
 
 // The button sizes use mixins so they can be used at different breakpoints
 =button-small
-  border-radius: $radius-small
+  &:not(.is-rounded)
+    border-radius: $radius-small
   font-size: $size-small
 =button-normal
   font-size: $size-normal
@@ -70,14 +84,14 @@ $button-static-border-color: $grey-lighter !default
       height: 1.5em
       width: 1.5em
     &:first-child:not(:last-child)
-      margin-left: calc(-0.375em - #{$button-border-width})
-      margin-right: 0.1875em
+      +ltr-property("margin", calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width}), false)
+      +ltr-property("margin", $button-padding-horizontal / 4)
     &:last-child:not(:first-child)
-      margin-left: 0.1875em
-      margin-right: calc(-0.375em - #{$button-border-width})
+      +ltr-property("margin", $button-padding-horizontal / 4, false)
+      +ltr-property("margin", calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width}))
     &:first-child:last-child
-      margin-left: calc(-0.375em - #{$button-border-width})
-      margin-right: calc(-0.375em - #{$button-border-width})
+      margin-left: calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width})
+      margin-right: calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width})
   // States
   &:hover,
   &.is-hovered
@@ -98,7 +112,7 @@ $button-static-border-color: $grey-lighter !default
     background-color: transparent
     border-color: transparent
     color: $button-text-color
-    text-decoration: underline
+    text-decoration: $button-text-decoration
     &:hover,
     &.is-hovered,
     &:focus,
@@ -107,14 +121,23 @@ $button-static-border-color: $grey-lighter !default
       color: $button-text-hover-color
     &:active,
     &.is-active
-      background-color: darken($button-text-hover-background-color, 5%)
+      background-color: bulmaDarken($button-text-hover-background-color, 5%)
       color: $button-text-hover-color
     &[disabled],
     fieldset[disabled] &
       background-color: transparent
       border-color: transparent
       box-shadow: none
-  @each $name, $pair in $colors
+  &.is-ghost
+    background: $button-ghost-background
+    border-color: $button-ghost-border-color
+    color: $button-ghost-color
+    text-decoration: $button-ghost-decoration
+    &:hover,
+    &.is-hovered
+      color: $button-ghost-hover-color
+      text-decoration: $button-ghost-hover-decoration
+  @each $name, $pair in $button-colors
     $color: nth($pair, 1)
     $color-invert: nth($pair, 2)
     &.is-#{$name}
@@ -123,7 +146,7 @@ $button-static-border-color: $grey-lighter !default
       color: $color-invert
       &:hover,
       &.is-hovered
-        background-color: darken($color, 2.5%)
+        background-color: bulmaDarken($color, 2.5%)
         border-color: transparent
         color: $color-invert
       &:focus,
@@ -131,10 +154,10 @@ $button-static-border-color: $grey-lighter !default
         border-color: transparent
         color: $color-invert
         &:not(:active)
-          box-shadow: $button-focus-box-shadow-size rgba($color, 0.25)
+          box-shadow: $button-focus-box-shadow-size bulmaRgba($color, 0.25)
       &:active,
       &.is-active
-        background-color: darken($color, 5%)
+        background-color: bulmaDarken($color, 5%)
         border-color: transparent
         color: $color-invert
       &[disabled],
@@ -147,7 +170,7 @@ $button-static-border-color: $grey-lighter !default
         color: $color
         &:hover,
         &.is-hovered
-          background-color: darken($color-invert, 5%)
+          background-color: bulmaDarken($color-invert, 5%)
         &[disabled],
         fieldset[disabled] &
           background-color: $color-invert
@@ -206,6 +229,23 @@ $button-static-border-color: $grey-lighter !default
           border-color: $color-invert
           box-shadow: none
           color: $color-invert
+      // If light and dark colors are provided
+      @if length($pair) >= 4
+        $color-light: nth($pair, 3)
+        $color-dark: nth($pair, 4)
+        &.is-light
+          background-color: $color-light
+          color: $color-dark
+          &:hover,
+          &.is-hovered
+            background-color: bulmaDarken($color-light, 2.5%)
+            border-color: transparent
+            color: $color-dark
+          &:active,
+          &.is-active
+            background-color: bulmaDarken($color-light, 5%)
+            border-color: transparent
+            color: $color-dark
   // Sizes
   &.is-small
     +button-small
@@ -240,8 +280,8 @@ $button-static-border-color: $grey-lighter !default
     pointer-events: none
   &.is-rounded
     border-radius: $radius-rounded
-    padding-left: 1em
-    padding-right: 1em
+    padding-left: calc(#{$button-padding-horizontal} + 0.25em)
+    padding-right: calc(#{$button-padding-horizontal} + 0.25em)
 
 .buttons
   align-items: center
@@ -251,7 +291,7 @@ $button-static-border-color: $grey-lighter !default
   .button
     margin-bottom: 0.5rem
     &:not(:last-child):not(.is-fullwidth)
-      margin-right: 0.5rem
+      +ltr-property("margin", 0.5rem)
   &:last-child
     margin-bottom: -0.5rem
   &:not(:last-child)
@@ -274,9 +314,9 @@ $button-static-border-color: $grey-lighter !default
       &:not(:last-child)
         border-bottom-right-radius: 0
         border-top-right-radius: 0
-        margin-right: -1px
+        +ltr-property("margin", -1px)
       &:last-child
-        margin-right: 0
+        +ltr-property("margin", 0)
       &:hover,
       &.is-hovered
         z-index: 2

node_modules/bulma/sass/elements/container.sass

@@ -1,23 +1,29 @@
+@import "../utilities/mixins"
+
 $container-offset: (2 * $gap) !default
+$container-max-width: $fullhd !default
 
 .container
   flex-grow: 1
   margin: 0 auto
   position: relative
   width: auto
+  &.is-fluid
+    max-width: none !important
+    padding-left: $gap
+    padding-right: $gap
+    width: 100%
   +desktop
     max-width: $desktop - $container-offset
-    &.is-fluid
-      margin-left: $gap
-      margin-right: $gap
-      max-width: none
   +until-widescreen
-    &.is-widescreen
-      max-width: $widescreen - $container-offset
+    &.is-widescreen:not(.is-max-desktop)
+      max-width: min($widescreen, $container-max-width) - $container-offset
   +until-fullhd
-    &.is-fullhd
-      max-width: $fullhd - $container-offset
+    &.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen)
+      max-width: min($fullhd, $container-max-width) - $container-offset
   +widescreen
-    max-width: $widescreen - $container-offset
+    &:not(.is-max-desktop)
+      max-width: min($widescreen, $container-max-width) - $container-offset
   +fullhd
-    max-width: $fullhd - $container-offset
+    &:not(.is-max-desktop):not(.is-max-widescreen)
+      max-width: min($fullhd, $container-max-width) - $container-offset

node_modules/bulma/sass/elements/content.sass

@@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 $content-heading-color: $text-strong !default
 $content-heading-weight: $weight-semibold !default
 $content-heading-line-height: 1.125 !default
@@ -67,11 +69,11 @@ $content-table-foot-cell-color: $text-strong !default
     margin-bottom: 1em
   blockquote
     background-color: $content-blockquote-background-color
-    border-left: $content-blockquote-border-left
+    +ltr-property("border", $content-blockquote-border-left, false)
     padding: $content-blockquote-padding
   ol
     list-style-position: outside
-    margin-left: 2em
+    +ltr-property("margin", 2em, false)
     margin-top: 1em
     &:not([type])
       list-style-type: decimal
@@ -85,7 +87,7 @@ $content-table-foot-cell-color: $text-strong !default
         list-style-type: upper-roman
   ul
     list-style: disc outside
-    margin-left: 2em
+    +ltr-property("margin", 2em, false)
     margin-top: 1em
     ul
       list-style-type: circle
@@ -93,7 +95,7 @@ $content-table-foot-cell-color: $text-strong !default
       ul
         list-style-type: square
   dd
-    margin-left: 2em
+    +ltr-property("margin", 2em, false)
   figure
     margin-left: 2em
     margin-right: 2em
@@ -126,7 +128,7 @@ $content-table-foot-cell-color: $text-strong !default
     th
       color: $content-table-cell-heading-color
       &:not([align])
-        text-align: left
+        text-align: inherit
     thead
       td,
       th

node_modules/bulma/sass/elements/icon.sass

@@ -2,6 +2,7 @@ $icon-dimensions: 1.5rem !default
 $icon-dimensions-small: 1rem !default
 $icon-dimensions-medium: 2rem !default
 $icon-dimensions-large: 3rem !default
+$icon-text-spacing: 0.25em !default
 
 .icon
   align-items: center
@@ -19,3 +20,21 @@ $icon-dimensions-large: 3rem !default
   &.is-large
     height: $icon-dimensions-large
     width: $icon-dimensions-large
+
+.icon-text
+  align-items: flex-start
+  color: inherit
+  display: inline-flex
+  flex-wrap: wrap
+  line-height: $icon-dimensions
+  vertical-align: top
+  .icon
+    flex-grow: 0
+    flex-shrink: 0
+    &:not(:last-child)
+      margin-right: $icon-text-spacing
+    &:not(:first-child)
+      margin-left: $icon-text-spacing
+
+div.icon-text
+  display: flex

node_modules/bulma/sass/elements/image.sass

@@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 $dimensions: 16 24 32 48 64 96 128 !default
 
 .image
@@ -9,6 +11,8 @@ $dimensions: 16 24 32 48 64 96 128 !default
     width: 100%
     &.is-rounded
       border-radius: $radius-rounded
+  &.is-fullwidth
+    width: 100%
   // Ratio
   &.is-square,
   &.is-1by1,

node_modules/bulma/sass/elements/notification.sass

@@ -1,13 +1,23 @@
+@import "../utilities/mixins"
+
 $notification-background-color: $background !default
+$notification-code-background-color: $scheme-main !default
 $notification-radius: $radius !default
 $notification-padding: 1.25rem 2.5rem 1.25rem 1.5rem !default
+$notification-padding-ltr: 1.25rem 2.5rem 1.25rem 1.5rem !default
+$notification-padding-rtl: 1.25rem 1.5rem 1.25rem 2.5rem !default
+
+$notification-colors: $colors !default
 
 .notification
   @extend %block
   background-color: $notification-background-color
   border-radius: $notification-radius
-  padding: $notification-padding
   position: relative
+  +ltr
+    padding: $notification-padding-ltr
+  +rtl
+    padding: $notification-padding-rtl
   a:not(.button):not(.dropdown-item)
     color: currentColor
     text-decoration: underline
@@ -15,21 +25,28 @@ $notification-padding: 1.25rem 2.5rem 1.25rem 1.5rem !default
     color: currentColor
   code,
   pre
-    background: $white
+    background: $notification-code-background-color
   pre code
     background: transparent
   & > .delete
+    +ltr-position(0.5rem)
     position: absolute
-    right: 0.5rem
     top: 0.5rem
   .title,
   .subtitle,
   .content
     color: currentColor
   // Colors
-  @each $name, $pair in $colors
+  @each $name, $pair in $notification-colors
     $color: nth($pair, 1)
     $color-invert: nth($pair, 2)
     &.is-#{$name}
       background-color: $color
       color: $color-invert
+      // If light and dark colors are provided
+      @if length($pair) >= 4
+        $color-light: nth($pair, 3)
+        $color-dark: nth($pair, 4)
+        &.is-light
+          background-color: $color-light
+          color: $color-dark

node_modules/bulma/sass/elements/other.sass

@@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 .block
   @extend %block
 

node_modules/bulma/sass/elements/progress.sass

@@ -1,9 +1,13 @@
-$progress-bar-background-color: $border !default
+@import "../utilities/mixins"
+
+$progress-bar-background-color: $border-light !default
 $progress-value-background-color: $text !default
 $progress-border-radius: $radius-rounded !default
 
 $progress-indeterminate-duration: 1.5s !default
 
+$progress-colors: $colors !default
+
 .progress
   @extend %block
   -moz-appearance: none
@@ -25,7 +29,7 @@ $progress-indeterminate-duration: 1.5s !default
     background-color: $progress-value-background-color
     border: none
   // Colors
-  @each $name, $pair in $colors
+  @each $name, $pair in $progress-colors
     $color: nth($pair, 1)
     &.is-#{$name}
       &::-webkit-progress-value
@@ -51,6 +55,8 @@ $progress-indeterminate-duration: 1.5s !default
       background-color: transparent
     &::-moz-progress-bar
       background-color: transparent
+    &::-ms-fill
+      animation-name: none
 
   // Sizes
   &.is-small

node_modules/bulma/sass/elements/table.sass

@@ -1,7 +1,9 @@
-$table-color: $grey-darker !default
-$table-background-color: $white !default
+@import "../utilities/mixins"
 
-$table-cell-border: 1px solid $grey-lighter !default
+$table-color: $text-strong !default
+$table-background-color: $scheme-main !default
+
+$table-cell-border: 1px solid $border !default
 $table-cell-border-width: 0 0 1px !default
 $table-cell-padding: 0.5em 0.75em !default
 $table-cell-heading-color: $text-strong !default
@@ -15,13 +17,15 @@ $table-head-background-color: transparent !default
 $table-body-background-color: transparent !default
 $table-foot-background-color: transparent !default
 
-$table-row-hover-background-color: $white-bis !default
+$table-row-hover-background-color: $scheme-main-bis !default
 
 $table-row-active-background-color: $primary !default
 $table-row-active-color: $primary-invert !default
 
-$table-striped-row-even-background-color: $white-bis !default
-$table-striped-row-even-hover-background-color: $white-ter !default
+$table-striped-row-even-background-color: $scheme-main-bis !default
+$table-striped-row-even-hover-background-color: $scheme-main-ter !default
+
+$table-colors: $colors !default
 
 .table
   @extend %block
@@ -34,7 +38,7 @@ $table-striped-row-even-hover-background-color: $white-ter !default
     padding: $table-cell-padding
     vertical-align: top
     // Colors
-    @each $name, $pair in $colors
+    @each $name, $pair in $table-colors
       $color: nth($pair, 1)
       $color-invert: nth($pair, 2)
       &.is-#{$name}
@@ -51,10 +55,12 @@ $table-striped-row-even-hover-background-color: $white-ter !default
       a,
       strong
         color: currentColor
+    &.is-vcentered
+      vertical-align: middle
   th
     color: $table-cell-heading-color
     &:not([align])
-      text-align: left
+      text-align: inherit
   tr
     &.is-selected
       background-color: $table-row-active-background-color

node_modules/bulma/sass/elements/tag.sass

@@ -1,8 +1,12 @@
+@import "../utilities/mixins"
+
 $tag-background-color: $background !default
 $tag-color: $text !default
 $tag-radius: $radius !default
 $tag-delete-margin: 1px !default
 
+$tag-colors: $colors !default
+
 .tags
   align-items: center
   display: flex
@@ -11,7 +15,7 @@ $tag-delete-margin: 1px !default
   .tag
     margin-bottom: 0.5rem
     &:not(:last-child)
-      margin-right: 0.5rem
+      +ltr-property("margin", 0.5rem)
   &:last-child
     margin-bottom: -0.5rem
   &:not(:last-child)
@@ -37,14 +41,22 @@ $tag-delete-margin: 1px !default
         margin-right: 0
   &.has-addons
     .tag
-      margin-right: 0
+      +ltr-property("margin", 0)
       &:not(:first-child)
-        margin-left: 0
-        border-bottom-left-radius: 0
-        border-top-left-radius: 0
+        +ltr-property("margin", 0, false)
+        +ltr
+          border-top-left-radius: 0
+          border-bottom-left-radius: 0
+        +rtl
+          border-top-right-radius: 0
+          border-bottom-right-radius: 0
       &:not(:last-child)
-        border-bottom-right-radius: 0
-        border-top-right-radius: 0
+        +ltr
+          border-top-right-radius: 0
+          border-bottom-right-radius: 0
+        +rtl
+          border-top-left-radius: 0
+          border-bottom-left-radius: 0
 
 .tag:not(body)
   align-items: center
@@ -60,15 +72,22 @@ $tag-delete-margin: 1px !default
   padding-right: 0.75em
   white-space: nowrap
   .delete
-    margin-left: 0.25rem
-    margin-right: -0.375rem
+    +ltr-property("margin", 0.25rem, false)
+    +ltr-property("margin", -0.375rem)
   // Colors
-  @each $name, $pair in $colors
+  @each $name, $pair in $tag-colors
     $color: nth($pair, 1)
     $color-invert: nth($pair, 2)
     &.is-#{$name}
       background-color: $color
       color: $color-invert
+      // If a light and dark colors are provided
+      @if length($pair) > 3
+        $color-light: nth($pair, 3)
+        $color-dark: nth($pair, 4)
+        &.is-light
+          background-color: $color-light
+          color: $color-dark
   // Sizes
   &.is-normal
     font-size: $size-small
@@ -78,17 +97,17 @@ $tag-delete-margin: 1px !default
     font-size: $size-medium
   .icon
     &:first-child:not(:last-child)
-      margin-left: -0.375em
-      margin-right: 0.1875em
+      +ltr-property("margin", -0.375em, false)
+      +ltr-property("margin", 0.1875em)
     &:last-child:not(:first-child)
-      margin-left: 0.1875em
-      margin-right: -0.375em
+      +ltr-property("margin", 0.1875em, false)
+      +ltr-property("margin", -0.375em)
     &:first-child:last-child
-      margin-left: -0.375em
-      margin-right: -0.375em
+      +ltr-property("margin", -0.375em, false)
+      +ltr-property("margin", -0.375em)
   // Modifiers
   &.is-delete
-    margin-left: $tag-delete-margin
+    +ltr-property("margin", $tag-delete-margin, false)
     padding: 0
     position: relative
     width: 2em

node_modules/bulma/sass/elements/title.sass

@@ -1,4 +1,6 @@
-$title-color: $grey-darker !default
+@import "../utilities/mixins"
+
+$title-color: $text-strong !default
 $title-family: false !default
 $title-size: $size-3 !default
 $title-weight: $weight-semibold !default
@@ -8,12 +10,12 @@ $title-strong-weight: inherit !default
 $title-sub-size: 0.75em !default
 $title-sup-size: 0.75em !default
 
-$subtitle-color: $grey-dark !default
+$subtitle-color: $text !default
 $subtitle-family: false !default
 $subtitle-size: $size-5 !default
 $subtitle-weight: $weight-normal !default
 $subtitle-line-height: 1.25 !default
-$subtitle-strong-color: $grey-darker !default
+$subtitle-strong-color: $text-strong !default
 $subtitle-strong-weight: $weight-semibold !default
 $subtitle-negative-margin: -1.25rem !default
 

node_modules/bulma/sass/form/_all.sass

@@ -1,8 +1,9 @@
+/* Bulma Form */
 @charset "utf-8"
 
-@import "shared.sass"
-@import "input-textarea.sass"
-@import "checkbox-radio.sass"
-@import "select.sass"
-@import "file.sass"
-@import "tools.sass"
+@import "shared"
+@import "input-textarea"
+@import "checkbox-radio"
+@import "select"
+@import "file"
+@import "tools"

node_modules/bulma/sass/form/checkbox-radio.sass

@@ -8,7 +8,8 @@
   &:hover
     color: $input-hover-color
   &[disabled],
-  fieldset[disabled] &
+  fieldset[disabled] &,
+  input[disabled]
     color: $input-disabled-color
     cursor: not-allowed
 
@@ -18,4 +19,4 @@
 .radio
   @extend %checkbox-radio
   & + .radio
-    margin-left: 0.5em
+    +ltr-property("margin", 0.5em, false)

node_modules/bulma/sass/form/file.sass

@@ -1,16 +1,18 @@
 $file-border-color: $border !default
 $file-radius: $radius !default
 
-$file-cta-background-color: $white-ter !default
-$file-cta-color: $grey-dark !default
-$file-cta-hover-color: $grey-darker !default
-$file-cta-active-color: $grey-darker !default
+$file-cta-background-color: $scheme-main-ter !default
+$file-cta-color: $text !default
+$file-cta-hover-color: $text-strong !default
+$file-cta-active-color: $text-strong !default
 
 $file-name-border-color: $border !default
 $file-name-border-style: solid !default
 $file-name-border-width: 1px 1px 1px 0 !default
 $file-name-max-width: 16em !default
 
+$file-colors: $form-colors !default
+
 .file
   @extend %unselectable
   align-items: stretch
@@ -18,7 +20,7 @@ $file-name-max-width: 16em !default
   justify-content: flex-start
   position: relative
   // Colors
-  @each $name, $pair in $colors
+  @each $name, $pair in $file-colors
     $color: nth($pair, 1)
     $color-invert: nth($pair, 2)
     &.is-#{$name}
@@ -29,19 +31,19 @@ $file-name-max-width: 16em !default
       &:hover,
       &.is-hovered
         .file-cta
-          background-color: darken($color, 2.5%)
+          background-color: bulmaDarken($color, 2.5%)
           border-color: transparent
           color: $color-invert
       &:focus,
       &.is-focused
         .file-cta
           border-color: transparent
-          box-shadow: 0 0 0.5em rgba($color, 0.25)
+          box-shadow: 0 0 0.5em bulmaRgba($color, 0.25)
           color: $color-invert
       &:active,
       &.is-active
         .file-cta
-          background-color: darken($color, 5%)
+          background-color: bulmaDarken($color, 5%)
           border-color: transparent
           color: $color-invert
   // Sizes
@@ -125,16 +127,16 @@ $file-name-max-width: 16em !default
   position: relative
   &:hover
     .file-cta
-      background-color: darken($file-cta-background-color, 2.5%)
+      background-color: bulmaDarken($file-cta-background-color, 2.5%)
       color: $file-cta-hover-color
     .file-name
-      border-color: darken($file-name-border-color, 2.5%)
+      border-color: bulmaDarken($file-name-border-color, 2.5%)
   &:active
     .file-cta
-      background-color: darken($file-cta-background-color, 5%)
+      background-color: bulmaDarken($file-cta-background-color, 5%)
       color: $file-cta-active-color
     .file-name
-      border-color: darken($file-name-border-color, 5%)
+      border-color: bulmaDarken($file-name-border-color, 5%)
 
 .file-input
   height: 100%
@@ -166,7 +168,7 @@ $file-name-max-width: 16em !default
   display: block
   max-width: $file-name-max-width
   overflow: hidden
-  text-align: left
+  text-align: inherit
   text-overflow: ellipsis
 
 .file-icon
@@ -174,7 +176,7 @@ $file-name-max-width: 16em !default
   display: flex
   height: 1em
   justify-content: center
-  margin-right: 0.5em
+  +ltr-property("margin", 0.5em)
   width: 1em
   .fa
     font-size: 14px

node_modules/bulma/sass/form/input-textarea.sass

@@ -1,3 +1,9 @@
+$textarea-padding: $control-padding-horizontal !default
+$textarea-max-height: 40em !default
+$textarea-min-height: 8em !default
+
+$textarea-colors: $form-colors !default
+
 %input-textarea
   @extend %input
   box-shadow: $input-shadow
@@ -6,7 +12,7 @@
   &[readonly]
     box-shadow: none
   // Colors
-  @each $name, $pair in $colors
+  @each $name, $pair in $textarea-colors
     $color: nth($pair, 1)
     &.is-#{$name}
       border-color: $color
@@ -14,7 +20,7 @@
       &.is-focused,
       &:active,
       &.is-active
-        box-shadow: $input-focus-box-shadow-size rgba($color, 0.25)
+        box-shadow: $input-focus-box-shadow-size bulmaRgba($color, 0.25)
   // Sizes
   &.is-small
     +control-small
@@ -34,8 +40,8 @@
   @extend %input-textarea
   &.is-rounded
     border-radius: $radius-rounded
-    padding-left: 1em
-    padding-right: 1em
+    padding-left: calc(#{$control-padding-horizontal} + 0.375em)
+    padding-right: calc(#{$control-padding-horizontal} + 0.375em)
   &.is-static
     background-color: transparent
     border-color: transparent
@@ -48,11 +54,11 @@
   display: block
   max-width: 100%
   min-width: 100%
-  padding: 0.625em
+  padding: $textarea-padding
   resize: vertical
   &:not([rows])
-    max-height: 600px
-    min-height: 120px
+    max-height: $textarea-max-height
+    min-height: $textarea-min-height
   &[rows]
     height: initial
   // Modifiers

node_modules/bulma/sass/form/select.sass

@@ -1,3 +1,5 @@
+$select-colors: $form-colors !default
+
 .select
   display: inline-block
   max-width: 100%
@@ -9,12 +11,12 @@
     &::after
       @extend %arrow
       border-color: $input-arrow
-      right: 1.125em
+      +ltr-position(1.125em)
       z-index: 4
   &.is-rounded
     select
       border-radius: $radius-rounded
-      padding-left: 1em
+      +ltr-property("padding", 1em, false)
   select
     @extend %input
     cursor: pointer
@@ -28,7 +30,7 @@
     fieldset[disabled] &:hover
       border-color: $input-disabled-border-color
     &:not([multiple])
-      padding-right: 2.5em
+      +ltr-property("padding", 2.5em)
     &[multiple]
       height: auto
       padding: 0
@@ -39,7 +41,7 @@
     &::after
       border-color: $input-hover-color
   // Colors
-  @each $name, $pair in $colors
+  @each $name, $pair in $select-colors
     $color: nth($pair, 1)
     &.is-#{$name}
       &:not(:hover)::after
@@ -48,12 +50,12 @@
         border-color: $color
         &:hover,
         &.is-hovered
-          border-color: darken($color, 5%)
+          border-color: bulmaDarken($color, 5%)
         &:focus,
         &.is-focused,
         &:active,
         &.is-active
-          box-shadow: $input-focus-box-shadow-size rgba($color, 0.25)
+          box-shadow: $input-focus-box-shadow-size bulmaRgba($color, 0.25)
   // Sizes
   &.is-small
     +control-small
@@ -74,7 +76,7 @@
       @extend %loader
       margin-top: 0
       position: absolute
-      right: 0.625em
+      +ltr-position(0.625em)
       top: 0.625em
       transform: none
     &.is-small:after

node_modules/bulma/sass/form/shared.sass

@@ -1,27 +1,32 @@
-$input-color: $grey-darker !default
-$input-background-color: $white !default
-$input-border-color: $grey-lighter !default
+@import "../utilities/controls"
+@import "../utilities/mixins"
+
+$form-colors: $colors !default
+
+$input-color: $text-strong !default
+$input-background-color: $scheme-main !default
+$input-border-color: $border !default
 $input-height: $control-height !default
-$input-shadow: inset 0 1px 2px rgba($black, 0.1) !default
-$input-placeholder-color: rgba($input-color, 0.3) !default
+$input-shadow: inset 0 0.0625em 0.125em rgba($scheme-invert, 0.05) !default
+$input-placeholder-color: bulmaRgba($input-color, 0.3) !default
 
-$input-hover-color: $grey-darker !default
-$input-hover-border-color: $grey-light !default
+$input-hover-color: $text-strong !default
+$input-hover-border-color: $border-hover !default
 
-$input-focus-color: $grey-darker !default
+$input-focus-color: $text-strong !default
 $input-focus-border-color: $link !default
 $input-focus-box-shadow-size: 0 0 0 0.125em !default
-$input-focus-box-shadow-color: rgba($link, 0.25) !default
+$input-focus-box-shadow-color: bulmaRgba($link, 0.25) !default
 
 $input-disabled-color: $text-light !default
 $input-disabled-background-color: $background !default
 $input-disabled-border-color: $background !default
-$input-disabled-placeholder-color: rgba($input-disabled-color, 0.3) !default
+$input-disabled-placeholder-color: bulmaRgba($input-disabled-color, 0.3) !default
 
 $input-arrow: $link !default
 
-$input-icon-color: $grey-lighter !default
-$input-icon-active-color: $grey !default
+$input-icon-color: $border !default
+$input-icon-active-color: $text !default
 
 $input-radius: $radius !default
 

node_modules/bulma/sass/form/tools.sass

@@ -1,8 +1,10 @@
-$label-color: $grey-darker !default
+$label-color: $text-strong !default
 $label-weight: $weight-bold !default
 
 $help-size: $size-small !default
 
+$label-colors: $form-colors !default
+
 .label
   color: $label-color
   display: block
@@ -22,7 +24,7 @@ $help-size: $size-small !default
   display: block
   font-size: $help-size
   margin-top: 0.25rem
-  @each $name, $pair in $colors
+  @each $name, $pair in $label-colors
     $color: nth($pair, 1)
     &.is-#{$name}
       color: $color
@@ -38,7 +40,7 @@ $help-size: $size-small !default
     justify-content: flex-start
     .control
       &:not(:last-child)
-        margin-right: -1px
+        +ltr-property("margin", -1px)
       &:not(:first-child):not(:last-child)
         .button,
         .input,
@@ -48,14 +50,22 @@ $help-size: $size-small !default
         .button,
         .input,
         .select select
-          border-bottom-right-radius: 0
-          border-top-right-radius: 0
+          +ltr
+            border-bottom-right-radius: 0
+            border-top-right-radius: 0
+          +rtl
+            border-bottom-left-radius: 0
+            border-top-left-radius: 0
       &:last-child:not(:only-child)
         .button,
         .input,
         .select select
-          border-bottom-left-radius: 0
-          border-top-left-radius: 0
+          +ltr
+            border-bottom-left-radius: 0
+            border-top-left-radius: 0
+          +rtl
+            border-bottom-right-radius: 0
+            border-top-right-radius: 0
       .button,
       .input,
       .select select
@@ -88,7 +98,7 @@ $help-size: $size-small !default
       flex-shrink: 0
       &:not(:last-child)
         margin-bottom: 0
-        margin-right: 0.75rem
+        +ltr-property("margin", 0.75rem)
       &.is-expanded
         flex-grow: 1
         flex-shrink: 1
@@ -119,7 +129,7 @@ $help-size: $size-small !default
     flex-basis: 0
     flex-grow: 1
     flex-shrink: 0
-    margin-right: 1.5rem
+    +ltr-property("margin", 1.5rem)
     text-align: right
     &.is-small
       font-size: $size-small
@@ -148,14 +158,14 @@ $help-size: $size-small !default
       &:not(.is-narrow)
         flex-grow: 1
       &:not(:last-child)
-        margin-right: 0.75rem
+        +ltr-property("margin", 0.75rem)
 
 .control
   box-sizing: border-box
   clear: both
   font-size: $size-normal
   position: relative
-  text-align: left
+  text-align: inherit
   // Modifiers
   &.has-icons-left,
   &.has-icons-right
@@ -194,7 +204,7 @@ $help-size: $size-small !default
     &::after
       @extend %loader
       position: absolute !important
-      right: 0.625em
+      +ltr-position(0.625em)
       top: 0.625em
       z-index: 4
     &.is-small:after

node_modules/bulma/sass/grid/_all.sass

@@ -1,4 +1,5 @@
+/* Bulma Grid */
 @charset "utf-8"
 
-@import "columns.sass"
-@import "tiles.sass"
+@import "columns"
+@import "tiles"

node_modules/bulma/sass/grid/columns.sass

@@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 $column-gap: 0.75rem !default
 
 .column
@@ -8,6 +10,7 @@ $column-gap: 0.75rem !default
   padding: $column-gap
   .columns.is-mobile > &.is-narrow
     flex: none
+    width: unset
   .columns.is-mobile > &.is-full
     flex: none
     width: 100%
@@ -39,32 +42,33 @@ $column-gap: 0.75rem !default
     flex: none
     width: 80%
   .columns.is-mobile > &.is-offset-three-quarters
-    margin-left: 75%
+    +ltr-property("margin", 75%, false)
   .columns.is-mobile > &.is-offset-two-thirds
-    margin-left: 66.6666%
+    +ltr-property("margin", 66.6666%, false)
   .columns.is-mobile > &.is-offset-half
-    margin-left: 50%
+    +ltr-property("margin", 50%, false)
   .columns.is-mobile > &.is-offset-one-third
-    margin-left: 33.3333%
+    +ltr-property("margin", 33.3333%, false)
   .columns.is-mobile > &.is-offset-one-quarter
-    margin-left: 25%
+    +ltr-property("margin", 25%, false)
   .columns.is-mobile > &.is-offset-one-fifth
-    margin-left: 20%
+    +ltr-property("margin", 20%, false)
   .columns.is-mobile > &.is-offset-two-fifths
-    margin-left: 40%
+    +ltr-property("margin", 40%, false)
   .columns.is-mobile > &.is-offset-three-fifths
-    margin-left: 60%
+    +ltr-property("margin", 60%, false)
   .columns.is-mobile > &.is-offset-four-fifths
-    margin-left: 80%
+    +ltr-property("margin", 80%, false)
   @for $i from 0 through 12
     .columns.is-mobile > &.is-#{$i}
       flex: none
       width: percentage($i / 12)
     .columns.is-mobile > &.is-offset-#{$i}
-      margin-left: percentage($i / 12)
+      +ltr-property("margin", percentage($i / 12), false)
   +mobile
     &.is-narrow-mobile
       flex: none
+      width: unset
     &.is-full-mobile
       flex: none
       width: 100%
@@ -96,33 +100,34 @@ $column-gap: 0.75rem !default
       flex: none
       width: 80%
     &.is-offset-three-quarters-mobile
-      margin-left: 75%
+      +ltr-property("margin", 75%, false)
     &.is-offset-two-thirds-mobile
-      margin-left: 66.6666%
+      +ltr-property("margin", 66.6666%, false)
     &.is-offset-half-mobile
-      margin-left: 50%
+      +ltr-property("margin", 50%, false)
     &.is-offset-one-third-mobile
-      margin-left: 33.3333%
+      +ltr-property("margin", 33.3333%, false)
     &.is-offset-one-quarter-mobile
-      margin-left: 25%
+      +ltr-property("margin", 25%, false)
     &.is-offset-one-fifth-mobile
-      margin-left: 20%
+      +ltr-property("margin", 20%, false)
     &.is-offset-two-fifths-mobile
-      margin-left: 40%
+      +ltr-property("margin", 40%, false)
     &.is-offset-three-fifths-mobile
-      margin-left: 60%
+      +ltr-property("margin", 60%, false)
     &.is-offset-four-fifths-mobile
-      margin-left: 80%
+      +ltr-property("margin", 80%, false)
     @for $i from 0 through 12
       &.is-#{$i}-mobile
         flex: none
         width: percentage($i / 12)
       &.is-offset-#{$i}-mobile
-        margin-left: percentage($i / 12)
+        +ltr-property("margin", percentage($i / 12), false)
   +tablet
     &.is-narrow,
     &.is-narrow-tablet
       flex: none
+      width: unset
     &.is-full,
     &.is-full-tablet
       flex: none
@@ -165,31 +170,31 @@ $column-gap: 0.75rem !default
       width: 80%
     &.is-offset-three-quarters,
     &.is-offset-three-quarters-tablet
-      margin-left: 75%
+      +ltr-property("margin", 75%, false)
     &.is-offset-two-thirds,
     &.is-offset-two-thirds-tablet
-      margin-left: 66.6666%
+      +ltr-property("margin", 66.6666%, false)
     &.is-offset-half,
     &.is-offset-half-tablet
-      margin-left: 50%
+      +ltr-property("margin", 50%, false)
     &.is-offset-one-third,
     &.is-offset-one-third-tablet
-      margin-left: 33.3333%
+      +ltr-property("margin", 33.3333%, false)
     &.is-offset-one-quarter,
     &.is-offset-one-quarter-tablet
-      margin-left: 25%
+      +ltr-property("margin", 25%, false)
     &.is-offset-one-fifth,
     &.is-offset-one-fifth-tablet
-      margin-left: 20%
+      +ltr-property("margin", 20%, false)
     &.is-offset-two-fifths,
     &.is-offset-two-fifths-tablet
-      margin-left: 40%
+      +ltr-property("margin", 40%, false)
     &.is-offset-three-fifths,
     &.is-offset-three-fifths-tablet
-      margin-left: 60%
+      +ltr-property("margin", 60%, false)
     &.is-offset-four-fifths,
     &.is-offset-four-fifths-tablet
-      margin-left: 80%
+      +ltr-property("margin", 80%, false)
     @for $i from 0 through 12
       &.is-#{$i},
       &.is-#{$i}-tablet
@@ -197,10 +202,11 @@ $column-gap: 0.75rem !default
         width: percentage($i / 12)
       &.is-offset-#{$i},
       &.is-offset-#{$i}-tablet
-        margin-left: percentage($i / 12)
+        +ltr-property("margin", percentage($i / 12), false)
   +touch
     &.is-narrow-touch
       flex: none
+      width: unset
     &.is-full-touch
       flex: none
       width: 100%
@@ -232,32 +238,33 @@ $column-gap: 0.75rem !default
       flex: none
       width: 80%
     &.is-offset-three-quarters-touch
-      margin-left: 75%
+      +ltr-property("margin", 75%, false)
     &.is-offset-two-thirds-touch
-      margin-left: 66.6666%
+      +ltr-property("margin", 66.6666%, false)
     &.is-offset-half-touch
-      margin-left: 50%
+      +ltr-property("margin", 50%, false)
     &.is-offset-one-third-touch
-      margin-left: 33.3333%
+      +ltr-property("margin", 33.3333%, false)
     &.is-offset-one-quarter-touch
-      margin-left: 25%
+      +ltr-property("margin", 25%, false)
     &.is-offset-one-fifth-touch
-      margin-left: 20%
+      +ltr-property("margin", 20%, false)
     &.is-offset-two-fifths-touch
-      margin-left: 40%
+      +ltr-property("margin", 40%, false)
     &.is-offset-three-fifths-touch
-      margin-left: 60%
+      +ltr-property("margin", 60%, false)
     &.is-offset-four-fifths-touch
-      margin-left: 80%
+      +ltr-property("margin", 80%, false)
     @for $i from 0 through 12
       &.is-#{$i}-touch
         flex: none
         width: percentage($i / 12)
       &.is-offset-#{$i}-touch
-        margin-left: percentage($i / 12)
+        +ltr-property("margin", percentage($i / 12), false)
   +desktop
     &.is-narrow-desktop
       flex: none
+      width: unset
     &.is-full-desktop
       flex: none
       width: 100%
@@ -289,32 +296,33 @@ $column-gap: 0.75rem !default
       flex: none
       width: 80%
     &.is-offset-three-quarters-desktop
-      margin-left: 75%
+      +ltr-property("margin", 75%, false)
     &.is-offset-two-thirds-desktop
-      margin-left: 66.6666%
+      +ltr-property("margin", 66.6666%, false)
     &.is-offset-half-desktop
-      margin-left: 50%
+      +ltr-property("margin", 50%, false)
     &.is-offset-one-third-desktop
-      margin-left: 33.3333%
+      +ltr-property("margin", 33.3333%, false)
     &.is-offset-one-quarter-desktop
-      margin-left: 25%
+      +ltr-property("margin", 25%, false)
     &.is-offset-one-fifth-desktop
-      margin-left: 20%
+      +ltr-property("margin", 20%, false)
     &.is-offset-two-fifths-desktop
-      margin-left: 40%
+      +ltr-property("margin", 40%, false)
     &.is-offset-three-fifths-desktop
-      margin-left: 60%
+      +ltr-property("margin", 60%, false)
     &.is-offset-four-fifths-desktop
-      margin-left: 80%
+      +ltr-property("margin", 80%, false)
     @for $i from 0 through 12
       &.is-#{$i}-desktop
         flex: none
         width: percentage($i / 12)
       &.is-offset-#{$i}-desktop
-        margin-left: percentage($i / 12)
+        +ltr-property("margin", percentage($i / 12), false)
   +widescreen
     &.is-narrow-widescreen
       flex: none
+      width: unset
     &.is-full-widescreen
       flex: none
       width: 100%
@@ -346,32 +354,33 @@ $column-gap: 0.75rem !default
       flex: none
       width: 80%
     &.is-offset-three-quarters-widescreen
-      margin-left: 75%
+      +ltr-property("margin", 75%, false)
     &.is-offset-two-thirds-widescreen
-      margin-left: 66.6666%
+      +ltr-property("margin", 66.6666%, false)
     &.is-offset-half-widescreen
-      margin-left: 50%
+      +ltr-property("margin", 50%, false)
     &.is-offset-one-third-widescreen
-      margin-left: 33.3333%
+      +ltr-property("margin", 33.3333%, false)
     &.is-offset-one-quarter-widescreen
-      margin-left: 25%
+      +ltr-property("margin", 25%, false)
     &.is-offset-one-fifth-widescreen
-      margin-left: 20%
+      +ltr-property("margin", 20%, false)
     &.is-offset-two-fifths-widescreen
-      margin-left: 40%
+      +ltr-property("margin", 40%, false)
     &.is-offset-three-fifths-widescreen
-      margin-left: 60%
+      +ltr-property("margin", 60%, false)
     &.is-offset-four-fifths-widescreen
-      margin-left: 80%
+      +ltr-property("margin", 80%, false)
     @for $i from 0 through 12
       &.is-#{$i}-widescreen
         flex: none
         width: percentage($i / 12)
       &.is-offset-#{$i}-widescreen
-        margin-left: percentage($i / 12)
+        +ltr-property("margin", percentage($i / 12), false)
   +fullhd
     &.is-narrow-fullhd
       flex: none
+      width: unset
     &.is-full-fullhd
       flex: none
       width: 100%
@@ -403,33 +412,33 @@ $column-gap: 0.75rem !default
       flex: none
       width: 80%
     &.is-offset-three-quarters-fullhd
-      margin-left: 75%
+      +ltr-property("margin", 75%, false)
     &.is-offset-two-thirds-fullhd
-      margin-left: 66.6666%
+      +ltr-property("margin", 66.6666%, false)
     &.is-offset-half-fullhd
-      margin-left: 50%
+      +ltr-property("margin", 50%, false)
     &.is-offset-one-third-fullhd
-      margin-left: 33.3333%
+      +ltr-property("margin", 33.3333%, false)
     &.is-offset-one-quarter-fullhd
-      margin-left: 25%
+      +ltr-property("margin", 25%, false)
     &.is-offset-one-fifth-fullhd
-      margin-left: 20%
+      +ltr-property("margin", 20%, false)
     &.is-offset-two-fifths-fullhd
-      margin-left: 40%
+      +ltr-property("margin", 40%, false)
     &.is-offset-three-fifths-fullhd
-      margin-left: 60%
+      +ltr-property("margin", 60%, false)
     &.is-offset-four-fifths-fullhd
-      margin-left: 80%
+      +ltr-property("margin", 80%, false)
     @for $i from 0 through 12
       &.is-#{$i}-fullhd
         flex: none
         width: percentage($i / 12)
       &.is-offset-#{$i}-fullhd
-        margin-left: percentage($i / 12)
+        +ltr-property("margin", percentage($i / 12), false)
 
 .columns
-  margin-left: (-$column-gap)
-  margin-right: (-$column-gap)
+  +ltr-property("margin", (-$column-gap), false)
+  +ltr-property("margin", (-$column-gap))
   margin-top: (-$column-gap)
   &:last-child
     margin-bottom: (-$column-gap)
@@ -439,8 +448,8 @@ $column-gap: 0.75rem !default
   &.is-centered
     justify-content: center
   &.is-gapless
-    margin-left: 0
-    margin-right: 0
+    +ltr-property("margin", 0, false)
+    +ltr-property("margin", 0)
     margin-top: 0
     & > .column
       margin: 0
@@ -467,9 +476,9 @@ $column-gap: 0.75rem !default
 @if $variable-columns
   .columns.is-variable
     --columnGap: 0.75rem
-    margin-left: calc(-1 * var(--columnGap))
-    margin-right: calc(-1 * var(--columnGap))
-    .column
+    +ltr-property("margin", calc(-1 * var(--columnGap)), false)
+    +ltr-property("margin", calc(-1 * var(--columnGap)))
+    > .column
       padding-left: var(--columnGap)
       padding-right: var(--columnGap)
     @for $i from 0 through 8

node_modules/bulma/sass/grid/tiles.sass

@@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 $tile-spacing: 0.75rem !default
 
 .tile

node_modules/bulma/sass/layout/_all.sass

@@ -1,5 +1,6 @@
+/* Bulma Layout */
 @charset "utf-8"
 
-@import "hero.sass"
-@import "section.sass"
-@import "footer.sass"
+@import "hero"
+@import "section"
+@import "footer"

node_modules/bulma/sass/layout/footer.sass

@@ -1,4 +1,6 @@
-$footer-background-color: $white-bis !default
+@import "../utilities/derived-variables"
+
+$footer-background-color: $scheme-main-bis !default
 $footer-color: false !default
 $footer-padding: 3rem 1.5rem 6rem !default
 

node_modules/bulma/sass/layout/hero.sass

@@ -1,5 +1,13 @@
-// Main container
+@import "../utilities/mixins"
+
+$hero-body-padding: 3rem 1.5rem !default
+$hero-body-padding-small: 1.5rem !default
+$hero-body-padding-medium: 9rem 1.5rem !default
+$hero-body-padding-large: 18rem 1.5rem !default
 
+$hero-colors: $colors !default
+
+// Main container
 .hero
   align-items: stretch
   display: flex
@@ -11,7 +19,7 @@
     ul
       border-bottom: none
   // Colors
-  @each $name, $pair in $colors
+  @each $name, $pair in $hero-colors
     $color: nth($pair, 1)
     $color-invert: nth($pair, 2)
     &.is-#{$name}
@@ -23,7 +31,7 @@
       .title
         color: $color-invert
       .subtitle
-        color: rgba($color-invert, 0.9)
+        color: bulmaRgba($color-invert, 0.9)
         a:not(.button),
         strong
           color: $color-invert
@@ -32,12 +40,12 @@
           background-color: $color
       .navbar-item,
       .navbar-link
-        color: rgba($color-invert, 0.7)
+        color: bulmaRgba($color-invert, 0.7)
       a.navbar-item,
       .navbar-link
         &:hover,
         &.is-active
-          background-color: darken($color, 5%)
+          background-color: bulmaDarken($color, 5%)
           color: $color-invert
       .tabs
         a
@@ -53,7 +61,7 @@
           a
             color: $color-invert
             &:hover
-              background-color: rgba($black, 0.1)
+              background-color: bulmaRgba($scheme-invert, 0.1)
           li.is-active a
             &,
             &:hover
@@ -61,28 +69,26 @@
               border-color: $color-invert
               color: $color
       // Modifiers
-      &.is-bold
-        $gradient-top-left: darken(saturate(adjust-hue($color, -10deg), 10%), 10%)
-        $gradient-bottom-right: lighten(saturate(adjust-hue($color, 10deg), 5%), 5%)
-        background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
-        +mobile
-          .navbar-menu
-            background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
+      @if type-of($color) == 'color'
+        &.is-bold
+          $gradient-top-left: darken(saturate(adjust-hue($color, -10deg), 10%), 10%)
+          $gradient-bottom-right: lighten(saturate(adjust-hue($color, 10deg), 5%), 5%)
+          background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
+          +mobile
+            .navbar-menu
+              background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
   // Sizes
   &.is-small
     .hero-body
-      padding-bottom: 1.5rem
-      padding-top: 1.5rem
+      padding: $hero-body-padding-small
   &.is-medium
     +tablet
       .hero-body
-        padding-bottom: 9rem
-        padding-top: 9rem
+        padding: $hero-body-padding-medium
   &.is-large
     +tablet
       .hero-body
-        padding-bottom: 18rem
-        padding-top: 18rem
+        padding: $hero-body-padding-large
   &.is-halfheight,
   &.is-fullheight,
   &.is-fullheight-with-navbar
@@ -128,7 +134,7 @@
     display: flex
     justify-content: center
     .button:not(:last-child)
-      margin-right: 1.5rem
+      +ltr-property("margin", 1.5rem)
 
 // Containers
 
@@ -140,4 +146,4 @@
 .hero-body
   flex-grow: 1
   flex-shrink: 0
-  padding: 3rem 1.5rem
+  padding: $hero-body-padding

node_modules/bulma/sass/layout/section.sass

@@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 $section-padding: 3rem 1.5rem !default
 $section-padding-medium: 9rem 1.5rem !default
 $section-padding-large: 18rem 1.5rem !default

node_modules/bulma/sass/utilities/_all.sass

@@ -1,8 +1,9 @@
+/* Bulma Utilities */
 @charset "utf-8"
 
-@import "initial-variables.sass"
-@import "functions.sass"
-@import "derived-variables.sass"
-@import "animations.sass"
-@import "mixins.sass"
-@import "controls.sass"
+@import "initial-variables"
+@import "functions"
+@import "derived-variables"
+@import "mixins"
+@import "controls"
+@import "extends"

node_modules/bulma/sass/utilities/animations.sass

@@ -1,5 +1 @@
-@keyframes spinAround
-  from
-    transform: rotate(0deg)
-  to
-    transform: rotate(359deg)
+@warn "The animations.sass file has MOVED. It is now in the /base folder. Please import sass/base/animations instead."

node_modules/bulma/sass/utilities/controls.sass

@@ -1,13 +1,15 @@
+@import "derived-variables"
+
 $control-radius: $radius !default
 $control-radius-small: $radius-small !default
 
 $control-border-width: 1px !default
 
-$control-height: 2.25em !default
+$control-height: 2.5em !default
 $control-line-height: 1.5 !default
 
-$control-padding-vertical: calc(0.375em - #{$control-border-width}) !default
-$control-padding-horizontal: calc(0.625em - #{$control-border-width}) !default
+$control-padding-vertical: calc(0.5em - #{$control-border-width}) !default
+$control-padding-horizontal: calc(0.75em - #{$control-border-width}) !default
 
 =control
   -moz-appearance: none
@@ -37,9 +39,6 @@ $control-padding-horizontal: calc(0.625em - #{$control-border-width}) !default
   fieldset[disabled] &
     cursor: not-allowed
 
-%control
-  +control
-
 // The controls sizes use mixins so they can be used at different breakpoints
 =control-small
   border-radius: $control-radius-small

node_modules/bulma/sass/utilities/derived-variables.sass

@@ -1,3 +1,6 @@
+@import "initial-variables"
+@import "functions"
+
 $primary: $turquoise !default
 
 $info: $cyan !default
@@ -19,20 +22,39 @@ $blue-invert: findColorInvert($blue) !default
 $purple-invert: findColorInvert($purple) !default
 $red-invert: findColorInvert($red) !default
 
-$primary-invert: $turquoise-invert !default
-$info-invert: $cyan-invert !default
-$success-invert: $green-invert !default
-$warning-invert: $yellow-invert !default
-$danger-invert: $red-invert !default
-$light-invert: $dark !default
-$dark-invert: $light !default
+$primary-invert: findColorInvert($primary) !default
+$primary-light: findLightColor($primary) !default
+$primary-dark: findDarkColor($primary) !default
+$info-invert: findColorInvert($info) !default
+$info-light: findLightColor($info) !default
+$info-dark: findDarkColor($info) !default
+$success-invert: findColorInvert($success) !default
+$success-light: findLightColor($success) !default
+$success-dark: findDarkColor($success) !default
+$warning-invert: findColorInvert($warning) !default
+$warning-light: findLightColor($warning) !default
+$warning-dark: findDarkColor($warning) !default
+$danger-invert: findColorInvert($danger) !default
+$danger-light: findLightColor($danger) !default
+$danger-dark: findDarkColor($danger) !default
+$light-invert: findColorInvert($light) !default
+$dark-invert: findColorInvert($dark) !default
 
 // General colors
 
+$scheme-main: $white !default
+$scheme-main-bis: $white-bis !default
+$scheme-main-ter: $white-ter !default
+$scheme-invert: $black !default
+$scheme-invert-bis: $black-bis !default
+$scheme-invert-ter: $black-ter !default
+
 $background: $white-ter !default
 
 $border: $grey-lighter !default
 $border-hover: $grey-light !default
+$border-light: $grey-lightest !default
+$border-light-hover: $grey-light !default
 
 // Text colors
 
@@ -43,7 +65,7 @@ $text-strong: $grey-darker !default
 
 // Code colors
 
-$code: $red !default
+$code: darken($red, 15%) !default
 $code-background: $background !default
 
 $pre: $text !default
@@ -52,7 +74,9 @@ $pre-background: $background !default
 // Link colors
 
 $link: $blue !default
-$link-invert: $blue-invert !default
+$link-invert: findColorInvert($link) !default
+$link-light: findLightColor($link) !default
+$link-dark: findDarkColor($link) !default
 $link-visited: $purple !default
 
 $link-hover: $grey-darker !default
@@ -79,7 +103,8 @@ $size-large: $size-4 !default
 $custom-colors: null !default
 $custom-shades: null !default
 
-$colors: mergeColorMaps(("white": ($white, $black), "black": ($black, $white), "light": ($light, $light-invert), "dark": ($dark, $dark-invert), "primary": ($primary, $primary-invert), "link": ($link, $link-invert), "info": ($info, $info-invert), "success": ($success, $success-invert), "warning": ($warning, $warning-invert), "danger": ($danger, $danger-invert)), $custom-colors) !default
+$colors: mergeColorMaps(("white": ($white, $black), "black": ($black, $white), "light": ($light, $light-invert), "dark": ($dark, $dark-invert), "primary": ($primary, $primary-invert, $primary-light, $primary-dark), "link": ($link, $link-invert, $link-light, $link-dark), "info": ($info, $info-invert, $info-light, $info-dark), "success": ($success, $success-invert, $success-light, $success-dark), "warning": ($warning, $warning-invert, $warning-light, $warning-dark), "danger": ($danger, $danger-invert, $danger-light, $danger-dark)), $custom-colors) !default
+
 $shades: mergeColorMaps(("black-bis": $black-bis, "black-ter": $black-ter, "grey-darker": $grey-darker, "grey-dark": $grey-dark, "grey": $grey, "grey-light": $grey-light, "grey-lighter": $grey-lighter, "white-ter": $white-ter, "white-bis": $white-bis), $custom-shades) !default
 
 $sizes: $size-1 $size-2 $size-3 $size-4 $size-5 $size-6 $size-7 !default

node_modules/bulma/sass/utilities/functions.sass

@@ -1,34 +1,53 @@
 @function mergeColorMaps($bulma-colors, $custom-colors)
-  // we return at least bulma hardcoded colors
+  // We return at least Bulma's hard-coded colors
   $merged-colors: $bulma-colors
 
-  // we want a map as input
+  // We want a map as input
   @if type-of($custom-colors) == 'map'
     @each $name, $components in $custom-colors
-      // color name should be a string and colors pair a list with at least one element
+      // The color name should be a string
+      // and the components either a single color
+      // or a colors list with at least one element
       @if type-of($name) == 'string' and (type-of($components) == 'list' or type-of($components) == 'color') and length($components) >= 1
         $color-base: null
+        $color-invert: null
+        $color-light: null
+        $color-dark: null
+        $value: null
 
-        // the param can either be a single color
+        // The param can either be a single color
         // or a list of 2 colors
         @if type-of($components) == 'color'
           $color-base: $components
+          $color-invert: findColorInvert($color-base)
+          $color-light: findLightColor($color-base)
+          $color-dark: findDarkColor($color-base)
         @else if type-of($components) == 'list'
           $color-base: nth($components, 1)
+          // If Invert, Light and Dark are provided
+          @if length($components) > 3
+            $color-invert: nth($components, 2)
+            $color-light: nth($components, 3)
+            $color-dark: nth($components, 4)
+            // If only Invert and Light are provided
+          @else if length($components) > 2
+            $color-invert: nth($components, 2)
+            $color-light: nth($components, 3)
+            $color-dark: findDarkColor($color-base)
+            // If only Invert is provided
+          @else
+            $color-invert: nth($components, 2)
+            $color-light: findLightColor($color-base)
+            $color-dark: findDarkColor($color-base)
 
-        $color-invert: null
-        // is an inverted color provided in the list
-        @if length($components) > 1
-          $color-invert: nth($components, 2)
+        $value: ($color-base, $color-invert, $color-light, $color-dark)
 
-        // we only want a color as base color
+        // We only want to merge the map if the color base is an actual color
         @if type-of($color-base) == 'color'
-          // if inverted color is not provided or is not a color we compute it
-          @if type-of($color-invert) != 'color'
-            $color-invert: findColorInvert($color-base)
-
-          // we merge this colors elements as map with bulma colors (we can override them this way, no multiple definition for the same name)
-          $merged-colors: map_merge($merged-colors, ($name: ($color-base, $color-invert)))
+          // We merge this colors elements as map with Bulma's colors map
+          // (we can override them this way, no multiple definition for the same name)
+          // $merged-colors: map_merge($merged-colors, ($name: ($color-base, $color-invert, $color-light, $color-dark)))
+          $merged-colors: map_merge($merged-colors, ($name: $value))
 
   @return $merged-colors
 
@@ -43,6 +62,8 @@
   @return $value
 
 @function colorLuminance($color)
+  @if type-of($color) != 'color'
+    @return 0.55
   $color-rgb: ('red': red($color),'green': green($color),'blue': blue($color))
   @each $name, $value in $color-rgb
     $adjusted: 0
@@ -60,3 +81,35 @@
     @return rgba(#000, 0.7)
   @else
     @return #fff
+
+@function findLightColor($color)
+  @if type-of($color) == 'color'
+    $l: 96%
+    @if lightness($color) > 96%
+      $l: lightness($color)
+    @return change-color($color, $lightness: $l)
+  @return $background
+
+@function findDarkColor($color)
+  @if type-of($color) == 'color'
+    $base-l: 29%
+    $luminance: colorLuminance($color)
+    $luminance-delta: (0.53 - $luminance)
+    $target-l: round($base-l + ($luminance-delta * 53))
+    @return change-color($color, $lightness: max($base-l, $target-l))
+  @return $text-strong
+
+@function bulmaRgba($color, $alpha)
+  @if type-of($color) != 'color'
+    @return $color
+  @return rgba($color, $alpha)
+
+@function bulmaDarken($color, $amount)
+  @if type-of($color) != 'color'
+    @return $color
+  @return darken($color, $amount)
+
+@function bulmaLighten($color, $amount)
+  @if type-of($color) != 'color'
+    @return $color
+  @return lighten($color, $amount)

node_modules/bulma/sass/utilities/initial-variables.sass

@@ -9,6 +9,7 @@ $grey-dark:    hsl(0, 0%, 29%) !default
 $grey:         hsl(0, 0%, 48%) !default
 $grey-light:   hsl(0, 0%, 71%) !default
 $grey-lighter: hsl(0, 0%, 86%) !default
+$grey-lightest: hsl(0, 0%, 93%) !default
 
 $white-ter:    hsl(0, 0%, 96%) !default
 $white-bis:    hsl(0, 0%, 98%) !default
@@ -16,12 +17,12 @@ $white:        hsl(0, 0%, 100%) !default
 
 $orange:       hsl(14,  100%, 53%) !default
 $yellow:       hsl(48,  100%, 67%) !default
-$green:        hsl(141, 71%,  48%) !default
+$green:        hsl(141, 53%,  53%) !default
 $turquoise:    hsl(171, 100%, 41%) !default
-$cyan:         hsl(204, 86%,  53%) !default
+$cyan:         hsl(204, 71%,  53%) !default
 $blue:         hsl(217, 71%,  53%) !default
 $purple:       hsl(271, 100%, 71%) !default
-$red:          hsl(348, 100%, 61%) !default
+$red:          hsl(348, 86%, 61%) !default
 
 // Typography
 
@@ -74,3 +75,4 @@ $speed: 86ms !default
 // Flags
 
 $variable-columns: true !default
+$rtl: false !default

node_modules/bulma/sass/utilities/mixins.sass

@@ -1,4 +1,4 @@
-@import "initial-variables"
+@import "derived-variables"
 
 =clearfix
   &::after
@@ -48,7 +48,7 @@
     &:nth-child(3)
       top: calc(50% + 4px)
   &:hover
-    background-color: rgba(black, 0.05)
+    background-color: bulmaRgba(black, 0.05)
   // Modifers
   &.is-active
     span
@@ -128,6 +128,30 @@
     @media screen and (min-width: $fullhd)
       @content
 
+=ltr
+  @if not $rtl
+    @content
+
+=rtl
+  @if $rtl
+    @content
+
+=ltr-property($property, $spacing, $right: true)
+  $normal: if($right, "right", "left")
+  $opposite: if($right, "left", "right")
+  @if $rtl
+    #{$property}-#{$opposite}: $spacing
+  @else
+    #{$property}-#{$normal}: $spacing
+
+=ltr-position($spacing, $right: true)
+  $normal: if($right, "right", "left")
+  $opposite: if($right, "left", "right")
+  @if $rtl
+    #{$opposite}: $spacing
+  @else
+    #{$normal}: $spacing
+
 // Placeholders
 
 =unselectable
@@ -137,9 +161,6 @@
   -ms-user-select: none
   user-select: none
 
-%unselectable
-  +unselectable
-
 =arrow($color: transparent)
   border: 3px solid $color
   border-radius: 2px
@@ -156,21 +177,15 @@
   transform-origin: center
   width: 0.625em
 
-%arrow
-  +arrow
-
 =block($spacing: $block-spacing)
   &:not(:last-child)
     margin-bottom: $spacing
 
-%block
-  +block
-
 =delete
-  @extend %unselectable
+  +unselectable
   -moz-appearance: none
   -webkit-appearance: none
-  background-color: rgba($black, 0.2)
+  background-color: bulmaRgba($scheme-invert, 0.2)
   border: none
   border-radius: $radius-rounded
   cursor: pointer
@@ -190,7 +205,7 @@
   width: 20px
   &::before,
   &::after
-    background-color: $white
+    background-color: $scheme-main
     content: ""
     display: block
     left: 50%
@@ -206,9 +221,9 @@
     width: 2px
   &:hover,
   &:focus
-    background-color: rgba($black, 0.3)
+    background-color: bulmaRgba($scheme-invert, 0.3)
   &:active
-    background-color: rgba($black, 0.4)
+    background-color: bulmaRgba($scheme-invert, 0.4)
   // Sizes
   &.is-small
     height: 16px
@@ -232,9 +247,6 @@
     min-width: 32px
     width: 32px
 
-%delete
-  +delete
-
 =loader
   animation: spinAround 500ms infinite linear
   border: 2px solid $grey-lighter
@@ -247,9 +259,6 @@
   position: relative
   width: 1em
 
-%loader
-  +loader
-
 =overlay($offset: 0)
   bottom: $offset
   left: $offset
@@ -257,5 +266,3 @@
   right: $offset
   top: $offset
 
-%overlay
-  +overlay

package-lock.json

@@ -1,13 +1,45 @@
 {
   "name": "mein-bk",
   "version": "1.0.0",
-  "lockfileVersion": 1,
+  "lockfileVersion": 2,
   "requires": true,
+  "packages": {
+    "": {
+      "version": "1.0.0",
+      "license": "ISC",
+      "dependencies": {
+        "bulma": "^0.9.2",
+        "bulma-tooltip": "^2.0.2",
+        "marked": "^0.7.0"
+      }
+    },
+    "node_modules/bulma": {
+      "version": "0.9.2",
+      "resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.2.tgz",
+      "integrity": "sha512-e14EF+3VSZ488yL/lJH0tR8mFWiEQVCMi/BQUMi2TGMBOk+zrDg4wryuwm/+dRSHJw0gMawp2tsW7X1JYUCE3A=="
+    },
+    "node_modules/bulma-tooltip": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/bulma-tooltip/-/bulma-tooltip-2.0.2.tgz",
+      "integrity": "sha512-xsqWeWV7tsUn3uH04SqJeP7/CyC1RaDVIyVzr4/sIO3friIIOi7L6jc5g7qUwDxuBQl72yH/yRPuefpXoQ4hWg=="
+    },
+    "node_modules/marked": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/marked/-/marked-0.7.0.tgz",
+      "integrity": "sha512-c+yYdCZJQrsRjTPhUx7VKkApw9bwDkNbHUKo1ovgcfDjb2kc8rLuRbIFyXL5WOEUwzSSKo3IXpph2K6DqB/KZg==",
+      "bin": {
+        "marked": "bin/marked"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    }
+  },
   "dependencies": {
     "bulma": {
-      "version": "0.7.5",
-      "resolved": "https://registry.npmjs.org/bulma/-/bulma-0.7.5.tgz",
-      "integrity": "sha512-cX98TIn0I6sKba/DhW0FBjtaDpxTelU166pf7ICXpCCuplHWyu6C9LYZmL5PEsnePIeJaiorsTEzzNk3Tsm1hw=="
+      "version": "0.9.2",
+      "resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.2.tgz",
+      "integrity": "sha512-e14EF+3VSZ488yL/lJH0tR8mFWiEQVCMi/BQUMi2TGMBOk+zrDg4wryuwm/+dRSHJw0gMawp2tsW7X1JYUCE3A=="
     },
     "bulma-tooltip": {
       "version": "2.0.2",

package.json

@@ -9,7 +9,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "bulma": "^0.7.5",
+    "bulma": "^0.9.2",
     "bulma-tooltip": "^2.0.2",
     "marked": "^0.7.0"
   }