buefy 3.0.3 → 3.0.4

package/dist/css/buefy.css

@@ -1,4 +1,4 @@
-/*! Buefy v3.0.3 | MIT License | github.com/buefy/buefy */
+/*! Buefy v3.0.4 | MIT License | github.com/buefy/buefy */
 @charset "UTF-8";
 /*! bulma.io v1.0.4 | MIT License | github.com/jgthms/bulma */
 /* Bulma Utilities */
@@ -6725,7 +6725,7 @@ button.tag:active,
   padding-top: var(--bulma-dropdown-content-padding-top);
 }
 
-.dropdown-item {
+.dropdown-item, .dropdown .dropdown-menu .has-link a {
   color: hsl(var(--bulma-dropdown-item-h), var(--bulma-dropdown-item-s), var(--bulma-dropdown-item-color-l));
   display: block;
   font-size: 0.875rem;
@@ -6733,7 +6733,7 @@ button.tag:active,
   padding: 0.375rem 1rem;
 }
 
-a.dropdown-item,
+a.dropdown-item, .dropdown .dropdown-menu .has-link a,
 button.dropdown-item {
   background-color: hsl(var(--bulma-dropdown-item-h), var(--bulma-dropdown-item-s), calc(var(--bulma-dropdown-item-background-l) + var(--bulma-dropdown-item-background-l-delta)));
   padding-inline-end: 3rem;
@@ -6741,17 +6741,17 @@ button.dropdown-item {
   white-space: nowrap;
   width: 100%;
 }
-a.dropdown-item:hover,
+a.dropdown-item:hover, .dropdown .dropdown-menu .has-link a:hover,
 button.dropdown-item:hover {
   --bulma-dropdown-item-background-l-delta: var(--bulma-dropdown-item-hover-background-l-delta);
   --bulma-dropdown-item-border-l-delta: var(--bulma-dropdown-item-hover-border-l-delta);
 }
-a.dropdown-item:active,
+a.dropdown-item:active, .dropdown .dropdown-menu .has-link a:active,
 button.dropdown-item:active {
   --bulma-dropdown-item-background-l-delta: var(--bulma-dropdown-item-active-background-l-delta);
   --bulma-dropdown-item-border-l-delta: var(--bulma-dropdown-item-active-border-l-delta);
 }
-a.dropdown-item.is-active, a.dropdown-item.is-selected,
+a.dropdown-item.is-active, .dropdown .dropdown-menu .has-link a.is-active, a.dropdown-item.is-selected, .dropdown .dropdown-menu .has-link a.is-selected,
 button.dropdown-item.is-active,
 button.dropdown-item.is-selected {
   --bulma-dropdown-item-h: var(--bulma-dropdown-item-selected-h);
@@ -22110,14 +22110,14 @@ has-background-danger.is-hoverable:active {
   align-items: center;
 }
 .b-checkbox.checkbox:not(.button) {
-  margin-right: 0.5em;
+  margin-inline-end: 0.5em;
 }
 .b-checkbox.checkbox:not(.button) + .checkbox:last-child {
-  margin-right: 0;
+  margin-inline-end: 0;
 }
 .b-checkbox.checkbox input[type=checkbox] {
   position: absolute;
-  left: 0;
+  inset-inline-start: 0;
   opacity: 0;
   outline: none;
   z-index: -1;
@@ -22149,7 +22149,7 @@ has-background-danger.is-hoverable:active {
   box-shadow: var(--bulma-checkbox-shadow);
 }
 .b-checkbox.checkbox .control-label {
-  padding-left: var(--bulma-control-padding-horizontal);
+  padding-inline-start: var(--bulma-control-padding-horizontal);
 }
 .b-checkbox.checkbox.button {
   display: flex;
@@ -22779,7 +22779,7 @@ div.b-colorpicker-square .colorpicker-square-slider-sl .sl-range-thumb:active {
   border-top-right-radius: 0;
 }
 .datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selected.is-within-selected {
-  background-color: rgba(var(--bulma-datepicker-item-selected-background-color), 0.5);
+  background-color: rgb(from var(--bulma-primary) r g b/0.5);
   border-radius: 0;
 }
 .datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selected.is-last-selected {
@@ -23064,7 +23064,7 @@ div.b-colorpicker-square .colorpicker-square-slider-sl .sl-range-thumb:active {
   flex-shrink: 0;
 }
 .field.is-grouped .field:not(:last-child) {
-  margin-right: 0.75rem;
+  margin-inline-end: 0.75rem;
 }
 .field.is-grouped .field.is-expanded {
   flex-grow: 1;
@@ -23073,14 +23073,14 @@ div.b-colorpicker-square .colorpicker-square-slider-sl .sl-range-thumb:active {
 .field.has-addons .control:first-child .control .button,
 .field.has-addons .control:first-child .control .input,
 .field.has-addons .control:first-child .control .select select {
-  border-bottom-left-radius: var(--bulma-input-radius);
-  border-top-left-radius: var(--bulma-input-radius);
+  border-start-start-radius: var(--bulma-input-radius);
+  border-end-start-radius: var(--bulma-input-radius);
 }
 .field.has-addons .control:last-child .control .button,
 .field.has-addons .control:last-child .control .input,
 .field.has-addons .control:last-child .control .select select {
-  border-bottom-right-radius: var(--bulma-input-radius);
-  border-top-right-radius: var(--bulma-input-radius);
+  border-start-end-radius: var(--bulma-input-radius);
+  border-end-end-radius: var(--bulma-input-radius);
 }
 .field.has-addons .control .control .button,
 .field.has-addons .control .control .input,
@@ -23090,17 +23090,17 @@ div.b-colorpicker-square .colorpicker-square-slider-sl .sl-range-thumb:active {
 .field.has-addons .b-numberinput:not(:first-child) .control:first-child .button,
 .field.has-addons .b-numberinput:not(:first-child) .control:first-child .input,
 .field.has-addons .b-numberinput:not(:first-child) .control:first-child .select select {
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
+  border-start-start-radius: 0;
+  border-end-start-radius: 0;
 }
 .field.has-addons .b-numberinput:not(:last-child) .control:last-child .button,
 .field.has-addons .b-numberinput:not(:last-child) .control:last-child .input,
 .field.has-addons .b-numberinput:not(:last-child) .control:last-child .select select {
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
+  border-start-end-radius: 0;
+  border-end-end-radius: 0;
 }
 .field.has-addons.b-numberinput .control {
-  margin-right: unset;
+  margin-inline-end: unset;
 }
 
 .field.is-floating-label, .field.is-floating-in-label {
@@ -23108,7 +23108,7 @@ div.b-colorpicker-square .colorpicker-square-slider-sl .sl-range-thumb:active {
 }
 .field.is-floating-label .label, .field.is-floating-in-label .label {
   position: absolute;
-  left: 1em;
+  inset-inline-start: 1em;
   font-size: calc(var(--bulma-size-normal) * 0.75);
   background-color: transparent;
   z-index: 5;
@@ -23128,28 +23128,28 @@ div.b-colorpicker-square .colorpicker-square-slider-sl .sl-range-thumb:active {
 }
 .field.is-floating-label .taginput .counter, .field.is-floating-in-label .taginput .counter {
   float: none;
-  text-align: right;
+  text-align: end;
 }
 .field.is-floating-label.has-addons > .label + .control .button,
 .field.is-floating-label.has-addons > .label + .control .input,
 .field.is-floating-label.has-addons > .label + .control .select select, .field.is-floating-in-label.has-addons > .label + .control .button,
 .field.is-floating-in-label.has-addons > .label + .control .input,
 .field.is-floating-in-label.has-addons > .label + .control .select select {
-  border-bottom-left-radius: var(--bulma-input-radius);
-  border-top-left-radius: var(--bulma-input-radius);
+  border-start-start-radius: var(--bulma-input-radius);
+  border-end-start-radius: var(--bulma-input-radius);
 }
 .field.is-floating-label .label {
   top: -0.775em;
-  padding-left: 0.125em;
-  padding-right: 0.125em;
+  padding-inline-start: 0.125em;
+  padding-inline-end: 0.125em;
 }
 .field.is-floating-label .label:before {
   content: "";
   display: block;
   position: absolute;
   top: 0.775em;
-  left: 0;
-  right: 0;
+  inset-inline-start: 0;
+  inset-inline-end: 0;
   height: 0.375em;
   background-color: var(--bulma-input-background-color);
   z-index: -1;
@@ -23216,41 +23216,41 @@ div.b-colorpicker-square .colorpicker-square-slider-sl .sl-range-thumb:active {
   height: var(--bulma-floating-in-height);
 }
 .field.is-floating-label.has-numberinput .label, .field.is-floating-in-label.has-numberinput .label {
-  margin-left: calc(var(--bulma-size-normal) * 3);
+  margin-inline-start: calc(var(--bulma-size-normal) * 3);
 }
 .field.is-floating-label.has-numberinput.has-numberinput-is-small .label, .field.is-floating-in-label.has-numberinput.has-numberinput-is-small .label {
-  margin-left: calc(var(--bulma-size-small) * 3);
+  margin-inline-start: calc(var(--bulma-size-small) * 3);
 }
 .field.is-floating-label.has-numberinput.has-numberinput-is-medium .label, .field.is-floating-in-label.has-numberinput.has-numberinput-is-medium .label {
-  margin-left: calc(var(--bulma-size-medium) * 3);
+  margin-inline-start: calc(var(--bulma-size-medium) * 3);
 }
 .field.is-floating-label.has-numberinput.has-numberinput-is-large .label, .field.is-floating-in-label.has-numberinput.has-numberinput-is-large .label {
-  margin-left: calc(var(--bulma-size-large) * 3);
+  margin-inline-start: calc(var(--bulma-size-large) * 3);
 }
 .field.is-floating-label.has-numberinput-compact .label, .field.is-floating-in-label.has-numberinput-compact .label {
-  margin-left: calc(var(--bulma-size-normal) * 2.25);
+  margin-inline-start: calc(var(--bulma-size-normal) * 2.25);
 }
 .field.is-floating-label.has-numberinput-compact.has-numberinput-is-small .label, .field.is-floating-in-label.has-numberinput-compact.has-numberinput-is-small .label {
-  margin-left: calc(var(--bulma-size-small) * 2.25);
+  margin-inline-start: calc(var(--bulma-size-small) * 2.25);
 }
 .field.is-floating-label.has-numberinput-compact.has-numberinput-is-medium .label, .field.is-floating-in-label.has-numberinput-compact.has-numberinput-is-medium .label {
-  margin-left: calc(var(--bulma-size-medium) * 2.25);
+  margin-inline-start: calc(var(--bulma-size-medium) * 2.25);
 }
 .field.is-floating-label.has-numberinput-compact.has-numberinput-is-large .label, .field.is-floating-in-label.has-numberinput-compact.has-numberinput-is-large .label {
-  margin-left: calc(var(--bulma-size-large) * 2.25);
+  margin-inline-start: calc(var(--bulma-size-large) * 2.25);
 }
 .field.is-grouped-right.is-floating-in-label .label, .field.has-addons-right.is-floating-in-label .label {
   position: relative;
-  left: 5.25em;
+  inset-inline-start: 5.25em;
 }
 .field.is-grouped-right.is-floating-label .label, .field.has-addons-right.is-floating-label .label {
   position: relative;
-  left: 5.25em;
+  inset-inline-start: 5.25em;
 }
 
 .control .help.counter {
-  float: right;
-  margin-left: 0.5em;
+  float: inline-end;
+  margin-inline-start: 0.5em;
 }
 .control .icon.is-clickable {
   pointer-events: auto;
@@ -23258,7 +23258,7 @@ div.b-colorpicker-square .colorpicker-square-slider-sl .sl-range-thumb:active {
 }
 .control.is-loading::after {
   top: calc(50% - 0.5em);
-  right: 0.75em;
+  inset-inline-end: 0.75em;
 }
 
 .icon {
@@ -24080,17 +24080,17 @@ div.b-colorpicker-square .colorpicker-square-slider-sl .sl-range-thumb:active {
   align-items: center;
 }
 .b-radio.radio:not(.button) {
-  margin-right: 0.5em;
+  margin-inline-end: 0.5em;
 }
 .b-radio.radio:not(.button) + .radio:last-child {
-  margin-right: 0;
+  margin-inline-end: 0;
 }
 .b-radio.radio + .radio {
-  margin-left: 0;
+  margin-inline-start: 0;
 }
 .b-radio.radio input[type=radio] {
   position: absolute;
-  left: 0;
+  inset-inline-start: 0;
   opacity: 0;
   outline: none;
   z-index: -1;
@@ -24110,10 +24110,10 @@ div.b-colorpicker-square .colorpicker-square-slider-sl .sl-range-thumb:active {
   content: "";
   display: flex;
   position: absolute;
-  left: 50%;
-  margin-left: calc(var(--bulma-radio-size) * -0.5);
-  bottom: 50%;
-  margin-bottom: calc(var(--bulma-radio-size) * -0.5);
+  inset-inline-start: 50%;
+  margin-inline-start: calc(var(--bulma-radio-size) * -0.5);
+  inset-block-end: 50%;
+  margin-block-end: calc(var(--bulma-radio-size) * -0.5);
   width: var(--bulma-radio-size);
   height: var(--bulma-radio-size);
   transition: transform var(--bulma-speed-slow) var(--bulma-easing);
@@ -24137,7 +24137,7 @@ div.b-colorpicker-square .colorpicker-square-slider-sl .sl-range-thumb:active {
   cursor: not-allowed;
 }
 .b-radio.radio .control-label {
-  padding-left: var(--bulma-control-padding-horizontal);
+  padding-inline-start: var(--bulma-control-padding-horizontal);
 }
 .b-radio.radio.button {
   display: flex;
@@ -25026,14 +25026,14 @@ MIT (https://github.com/Wikiki/bulma-steps/blob/master/LICENSE)
   display: inline-flex;
   align-items: center;
   position: relative;
-  margin-right: 0.5em;
+  margin-inline-end: 0.5em;
 }
 .switch + .switch:last-child {
-  margin-right: 0;
+  margin-inline-end: 0;
 }
 .switch input[type=checkbox] {
   position: absolute;
-  left: 0;
+  inset-inline-start: 0;
   opacity: 0;
   outline: none;
   z-index: -1;
@@ -25087,10 +25087,10 @@ MIT (https://github.com/Wikiki/bulma-steps/blob/master/LICENSE)
   flex-direction: row-reverse;
 }
 .switch.has-left-label .control-label {
-  padding-right: var(--bulma-control-padding-horizontal);
+  padding-inline-end: var(--bulma-control-padding-horizontal);
 }
 .switch:not(.has-left-label) .control-label {
-  padding-left: var(--bulma-control-padding-horizontal);
+  padding-inline-start: var(--bulma-control-padding-horizontal);
 }
 .switch:hover input[type=checkbox] + .check {
   box-shadow: 0 0 0.5em rgba(var(--bulma-switch-background-color), 0.8);
@@ -25145,6 +25145,16 @@ MIT (https://github.com/Wikiki/bulma-steps/blob/master/LICENSE)
   color: var(--bulma-input-disabled-color);
 }
 
+[dir=rtl] .switch input[type=checkbox] + .check:before {
+  transform-origin: right;
+}
+[dir=rtl] .switch input[type=checkbox]:checked + .check:before {
+  transform: translate3d(-100%, 0, 0);
+}
+[dir=rtl] .switch input[type=checkbox]:checked + .check.is-elastic:before {
+  transform: translate3d(-50%, 0, 0) scaleX(1.5);
+}
+
 .b-table {
   --bulma-table-sticky-header-height: 300px;
 }
@@ -25250,7 +25260,7 @@ MIT (https://github.com/Wikiki/bulma-steps/blob/master/LICENSE)
   background: var(--bulma-table-head-background-color);
 }
 .b-table .table tr.is-selected .checkbox input:checked + .check {
-  background: var(--bulma-table-row-active-color) url(checkmark(var(--bulma-table-row-active-background-color))) no-repeat center center;
+  background: var(--bulma-table-row-active-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:var(--bulma-table-row-active-background-color)' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
 }
 .b-table .table tr.is-selected .checkbox input + .check {
   border-color: var(--bulma-table-row-active-color);