library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2024-11-14 11:14:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix #3830

Browse Source
This commit is contained in:
Jeremy Thomas 2024-06-23 23:35:32 +01:00
parent 1ad4cb21a2
commit 74c01f42d1
20 changed files with 62 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGELOG.md
View File

@ -5,6 +5,7 @@
### Bug fixes ### Bug fixes
- Fix #3824: ability to override `$scheme-h`, `$scheme-s`, `$dark-l` and `$light-l` Sass variables - Fix #3824: ability to override `$scheme-h`, `$scheme-s`, `$dark-l` and `$light-l` Sass variables
- Fix #3830: add remaining logical properties
## 1.0.1 ## 1.0.1

16
css/bulma.css vendored
View File

@ -6240,14 +6240,14 @@ button.tag:active,
.field.has-addons .control:first-child:not(:only-child) .button, .field.has-addons .control:first-child:not(:only-child) .button,
.field.has-addons .control:first-child:not(:only-child) .input, .field.has-addons .control:first-child:not(:only-child) .input,
.field.has-addons .control:first-child:not(:only-child) .select select { .field.has-addons .control:first-child:not(:only-child) .select select {
border-bottom-right-radius: 0; border-start-end-radius: 0;
border-top-right-radius: 0; border-end-end-radius: 0;
} }
.field.has-addons .control:last-child:not(:only-child) .button, .field.has-addons .control:last-child:not(:only-child) .button,
.field.has-addons .control:last-child:not(:only-child) .input, .field.has-addons .control:last-child:not(:only-child) .input,
.field.has-addons .control:last-child:not(:only-child) .select select { .field.has-addons .control:last-child:not(:only-child) .select select {
border-bottom-left-radius: 0; border-start-start-radius: 0;
border-top-left-radius: 0; border-end-start-radius: 0;
} }
.field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered, .field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered,
.field.has-addons .control .input:not([disabled]):hover, .field.has-addons .control .input:not([disabled]):hover,
@ -7763,8 +7763,8 @@ a.navbar-item.is-active, a.navbar-item.is-selected,
} }
.navbar-dropdown { .navbar-dropdown {
background-color: var(--bulma-navbar-dropdown-background-color); background-color: var(--bulma-navbar-dropdown-background-color);
border-bottom-left-radius: var(--bulma-navbar-dropdown-radius); border-end-start-radius: var(--bulma-navbar-dropdown-radius);
border-bottom-right-radius: var(--bulma-navbar-dropdown-radius); border-end-end-radius: var(--bulma-navbar-dropdown-radius);
border-top-color: var(--bulma-navbar-dropdown-border-color); border-top-color: var(--bulma-navbar-dropdown-border-color);
border-top-style: var(--bulma-navbar-dropdown-border-style); border-top-style: var(--bulma-navbar-dropdown-border-style);
border-top-width: var(--bulma-navbar-dropdown-border-width); border-top-width: var(--bulma-navbar-dropdown-border-width);
@ -8250,8 +8250,8 @@ a.navbar-item.is-active, a.navbar-item.is-selected,
color: hsl(var(--bulma-panel-h), var(--bulma-panel-s), var(--bulma-panel-color-l)); color: hsl(var(--bulma-panel-h), var(--bulma-panel-s), var(--bulma-panel-color-l));
} }
.panel-block:last-child { .panel-block:last-child {
border-bottom-left-radius: var(--bulma-panel-radius); border-end-start-radius: var(--bulma-panel-radius);
border-bottom-right-radius: var(--bulma-panel-radius); border-end-end-radius: var(--bulma-panel-radius);
} }
a.panel-block, a.panel-block,

2
css/bulma.css.map
View File

File diff suppressed because one or more lines are too long

2
css/bulma.min.css vendored
View File

File diff suppressed because one or more lines are too long

16
css/versions/bulma-no-dark-mode.css
View File

@ -3437,14 +3437,14 @@ button.tag:active,
.field.has-addons .control:first-child:not(:only-child) .button, .field.has-addons .control:first-child:not(:only-child) .button,
.field.has-addons .control:first-child:not(:only-child) .input, .field.has-addons .control:first-child:not(:only-child) .input,
.field.has-addons .control:first-child:not(:only-child) .select select { .field.has-addons .control:first-child:not(:only-child) .select select {
border-bottom-right-radius: 0; border-start-end-radius: 0;
border-top-right-radius: 0; border-end-end-radius: 0;
} }
.field.has-addons .control:last-child:not(:only-child) .button, .field.has-addons .control:last-child:not(:only-child) .button,
.field.has-addons .control:last-child:not(:only-child) .input, .field.has-addons .control:last-child:not(:only-child) .input,
.field.has-addons .control:last-child:not(:only-child) .select select { .field.has-addons .control:last-child:not(:only-child) .select select {
border-bottom-left-radius: 0; border-start-start-radius: 0;
border-top-left-radius: 0; border-end-start-radius: 0;
} }
.field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered, .field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered,
.field.has-addons .control .input:not([disabled]):hover, .field.has-addons .control .input:not([disabled]):hover,
@ -4960,8 +4960,8 @@ a.navbar-item.is-active, a.navbar-item.is-selected,
} }
.navbar-dropdown { .navbar-dropdown {
background-color: var(--bulma-navbar-dropdown-background-color); background-color: var(--bulma-navbar-dropdown-background-color);
border-bottom-left-radius: var(--bulma-navbar-dropdown-radius); border-end-start-radius: var(--bulma-navbar-dropdown-radius);
border-bottom-right-radius: var(--bulma-navbar-dropdown-radius); border-end-end-radius: var(--bulma-navbar-dropdown-radius);
border-top-color: var(--bulma-navbar-dropdown-border-color); border-top-color: var(--bulma-navbar-dropdown-border-color);
border-top-style: var(--bulma-navbar-dropdown-border-style); border-top-style: var(--bulma-navbar-dropdown-border-style);
border-top-width: var(--bulma-navbar-dropdown-border-width); border-top-width: var(--bulma-navbar-dropdown-border-width);
@ -5447,8 +5447,8 @@ a.navbar-item.is-active, a.navbar-item.is-selected,
color: hsl(var(--bulma-panel-h), var(--bulma-panel-s), var(--bulma-panel-color-l)); color: hsl(var(--bulma-panel-h), var(--bulma-panel-s), var(--bulma-panel-color-l));
} }
.panel-block:last-child { .panel-block:last-child {
border-bottom-left-radius: var(--bulma-panel-radius); border-end-start-radius: var(--bulma-panel-radius);
border-bottom-right-radius: var(--bulma-panel-radius); border-end-end-radius: var(--bulma-panel-radius);
} }
a.panel-block, a.panel-block,

2
css/versions/bulma-no-dark-mode.css.map
View File

File diff suppressed because one or more lines are too long

2
css/versions/bulma-no-dark-mode.min.css vendored
View File

File diff suppressed because one or more lines are too long

16
css/versions/bulma-no-helpers-prefixed.css
View File

@ -3437,14 +3437,14 @@ button.bulma-tag:active,
.bulma-field.bulma-has-addons .bulma-control:first-child:not(:only-child) .bulma-button, .bulma-field.bulma-has-addons .bulma-control:first-child:not(:only-child) .bulma-button,
.bulma-field.bulma-has-addons .bulma-control:first-child:not(:only-child) .bulma-input, .bulma-field.bulma-has-addons .bulma-control:first-child:not(:only-child) .bulma-input,
.bulma-field.bulma-has-addons .bulma-control:first-child:not(:only-child) .bulma-select select { .bulma-field.bulma-has-addons .bulma-control:first-child:not(:only-child) .bulma-select select {
border-bottom-right-radius: 0; border-start-end-radius: 0;
border-top-right-radius: 0; border-end-end-radius: 0;
} }
.bulma-field.bulma-has-addons .bulma-control:last-child:not(:only-child) .bulma-button, .bulma-field.bulma-has-addons .bulma-control:last-child:not(:only-child) .bulma-button,
.bulma-field.bulma-has-addons .bulma-control:last-child:not(:only-child) .bulma-input, .bulma-field.bulma-has-addons .bulma-control:last-child:not(:only-child) .bulma-input,
.bulma-field.bulma-has-addons .bulma-control:last-child:not(:only-child) .bulma-select select { .bulma-field.bulma-has-addons .bulma-control:last-child:not(:only-child) .bulma-select select {
border-bottom-left-radius: 0; border-start-start-radius: 0;
border-top-left-radius: 0; border-end-start-radius: 0;
} }
.bulma-field.bulma-has-addons .bulma-control .bulma-button:not([disabled]):hover, .bulma-field.bulma-has-addons .bulma-control .bulma-button:not([disabled]).bulma-is-hovered, .bulma-field.bulma-has-addons .bulma-control .bulma-button:not([disabled]):hover, .bulma-field.bulma-has-addons .bulma-control .bulma-button:not([disabled]).bulma-is-hovered,
.bulma-field.bulma-has-addons .bulma-control .bulma-input:not([disabled]):hover, .bulma-field.bulma-has-addons .bulma-control .bulma-input:not([disabled]):hover,
@ -4960,8 +4960,8 @@ a.bulma-navbar-item.bulma-is-active, a.bulma-navbar-item.bulma-is-selected,
} }
.bulma-navbar-dropdown { .bulma-navbar-dropdown {
background-color: var(--bulma-navbar-dropdown-background-color); background-color: var(--bulma-navbar-dropdown-background-color);
border-bottom-left-radius: var(--bulma-navbar-dropdown-radius); border-end-start-radius: var(--bulma-navbar-dropdown-radius);
border-bottom-right-radius: var(--bulma-navbar-dropdown-radius); border-end-end-radius: var(--bulma-navbar-dropdown-radius);
border-top-color: var(--bulma-navbar-dropdown-border-color); border-top-color: var(--bulma-navbar-dropdown-border-color);
border-top-style: var(--bulma-navbar-dropdown-border-style); border-top-style: var(--bulma-navbar-dropdown-border-style);
border-top-width: var(--bulma-navbar-dropdown-border-width); border-top-width: var(--bulma-navbar-dropdown-border-width);
@ -5447,8 +5447,8 @@ a.bulma-navbar-item.bulma-is-active, a.bulma-navbar-item.bulma-is-selected,
color: hsl(var(--bulma-panel-h), var(--bulma-panel-s), var(--bulma-panel-color-l)); color: hsl(var(--bulma-panel-h), var(--bulma-panel-s), var(--bulma-panel-color-l));
} }
.bulma-panel-block:last-child { .bulma-panel-block:last-child {
border-bottom-left-radius: var(--bulma-panel-radius); border-end-start-radius: var(--bulma-panel-radius);
border-bottom-right-radius: var(--bulma-panel-radius); border-end-end-radius: var(--bulma-panel-radius);
} }
a.bulma-panel-block, a.bulma-panel-block,

2
css/versions/bulma-no-helpers-prefixed.css.map
View File

File diff suppressed because one or more lines are too long

2
css/versions/bulma-no-helpers-prefixed.min.css vendored
View File

File diff suppressed because one or more lines are too long

16
css/versions/bulma-no-helpers.css
View File

@ -3437,14 +3437,14 @@ button.tag:active,
.field.has-addons .control:first-child:not(:only-child) .button, .field.has-addons .control:first-child:not(:only-child) .button,
.field.has-addons .control:first-child:not(:only-child) .input, .field.has-addons .control:first-child:not(:only-child) .input,
.field.has-addons .control:first-child:not(:only-child) .select select { .field.has-addons .control:first-child:not(:only-child) .select select {
border-bottom-right-radius: 0; border-start-end-radius: 0;
border-top-right-radius: 0; border-end-end-radius: 0;
} }
.field.has-addons .control:last-child:not(:only-child) .button, .field.has-addons .control:last-child:not(:only-child) .button,
.field.has-addons .control:last-child:not(:only-child) .input, .field.has-addons .control:last-child:not(:only-child) .input,
.field.has-addons .control:last-child:not(:only-child) .select select { .field.has-addons .control:last-child:not(:only-child) .select select {
border-bottom-left-radius: 0; border-start-start-radius: 0;
border-top-left-radius: 0; border-end-start-radius: 0;
} }
.field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered, .field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered,
.field.has-addons .control .input:not([disabled]):hover, .field.has-addons .control .input:not([disabled]):hover,
@ -4960,8 +4960,8 @@ a.navbar-item.is-active, a.navbar-item.is-selected,
} }
.navbar-dropdown { .navbar-dropdown {
background-color: var(--bulma-navbar-dropdown-background-color); background-color: var(--bulma-navbar-dropdown-background-color);
border-bottom-left-radius: var(--bulma-navbar-dropdown-radius); border-end-start-radius: var(--bulma-navbar-dropdown-radius);
border-bottom-right-radius: var(--bulma-navbar-dropdown-radius); border-end-end-radius: var(--bulma-navbar-dropdown-radius);
border-top-color: var(--bulma-navbar-dropdown-border-color); border-top-color: var(--bulma-navbar-dropdown-border-color);
border-top-style: var(--bulma-navbar-dropdown-border-style); border-top-style: var(--bulma-navbar-dropdown-border-style);
border-top-width: var(--bulma-navbar-dropdown-border-width); border-top-width: var(--bulma-navbar-dropdown-border-width);
@ -5447,8 +5447,8 @@ a.navbar-item.is-active, a.navbar-item.is-selected,
color: hsl(var(--bulma-panel-h), var(--bulma-panel-s), var(--bulma-panel-color-l)); color: hsl(var(--bulma-panel-h), var(--bulma-panel-s), var(--bulma-panel-color-l));
} }
.panel-block:last-child { .panel-block:last-child {
border-bottom-left-radius: var(--bulma-panel-radius); border-end-start-radius: var(--bulma-panel-radius);
border-bottom-right-radius: var(--bulma-panel-radius); border-end-end-radius: var(--bulma-panel-radius);
} }
a.panel-block, a.panel-block,

2
css/versions/bulma-no-helpers.css.map
View File

File diff suppressed because one or more lines are too long

2
css/versions/bulma-no-helpers.min.css vendored
View File

File diff suppressed because one or more lines are too long

16
css/versions/bulma-prefixed.min.css vendored
View File

@ -6240,14 +6240,14 @@ button.bulma-tag:active,
.bulma-field.bulma-has-addons .bulma-control:first-child:not(:only-child) .bulma-button, .bulma-field.bulma-has-addons .bulma-control:first-child:not(:only-child) .bulma-button,
.bulma-field.bulma-has-addons .bulma-control:first-child:not(:only-child) .bulma-input, .bulma-field.bulma-has-addons .bulma-control:first-child:not(:only-child) .bulma-input,
.bulma-field.bulma-has-addons .bulma-control:first-child:not(:only-child) .bulma-select select { .bulma-field.bulma-has-addons .bulma-control:first-child:not(:only-child) .bulma-select select {
border-bottom-right-radius: 0; border-start-end-radius: 0;
border-top-right-radius: 0; border-end-end-radius: 0;
} }
.bulma-field.bulma-has-addons .bulma-control:last-child:not(:only-child) .bulma-button, .bulma-field.bulma-has-addons .bulma-control:last-child:not(:only-child) .bulma-button,
.bulma-field.bulma-has-addons .bulma-control:last-child:not(:only-child) .bulma-input, .bulma-field.bulma-has-addons .bulma-control:last-child:not(:only-child) .bulma-input,
.bulma-field.bulma-has-addons .bulma-control:last-child:not(:only-child) .bulma-select select { .bulma-field.bulma-has-addons .bulma-control:last-child:not(:only-child) .bulma-select select {
border-bottom-left-radius: 0; border-start-start-radius: 0;
border-top-left-radius: 0; border-end-start-radius: 0;
} }
.bulma-field.bulma-has-addons .bulma-control .bulma-button:not([disabled]):hover, .bulma-field.bulma-has-addons .bulma-control .bulma-button:not([disabled]).bulma-is-hovered, .bulma-field.bulma-has-addons .bulma-control .bulma-button:not([disabled]):hover, .bulma-field.bulma-has-addons .bulma-control .bulma-button:not([disabled]).bulma-is-hovered,
.bulma-field.bulma-has-addons .bulma-control .bulma-input:not([disabled]):hover, .bulma-field.bulma-has-addons .bulma-control .bulma-input:not([disabled]):hover,
@ -7763,8 +7763,8 @@ a.bulma-navbar-item.bulma-is-active, a.bulma-navbar-item.bulma-is-selected,
} }
.bulma-navbar-dropdown { .bulma-navbar-dropdown {
background-color: var(--bulma-navbar-dropdown-background-color); background-color: var(--bulma-navbar-dropdown-background-color);
border-bottom-left-radius: var(--bulma-navbar-dropdown-radius); border-end-start-radius: var(--bulma-navbar-dropdown-radius);
border-bottom-right-radius: var(--bulma-navbar-dropdown-radius); border-end-end-radius: var(--bulma-navbar-dropdown-radius);
border-top-color: var(--bulma-navbar-dropdown-border-color); border-top-color: var(--bulma-navbar-dropdown-border-color);
border-top-style: var(--bulma-navbar-dropdown-border-style); border-top-style: var(--bulma-navbar-dropdown-border-style);
border-top-width: var(--bulma-navbar-dropdown-border-width); border-top-width: var(--bulma-navbar-dropdown-border-width);
@ -8250,8 +8250,8 @@ a.bulma-navbar-item.bulma-is-active, a.bulma-navbar-item.bulma-is-selected,
color: hsl(var(--bulma-panel-h), var(--bulma-panel-s), var(--bulma-panel-color-l)); color: hsl(var(--bulma-panel-h), var(--bulma-panel-s), var(--bulma-panel-color-l));
} }
.bulma-panel-block:last-child { .bulma-panel-block:last-child {
border-bottom-left-radius: var(--bulma-panel-radius); border-end-start-radius: var(--bulma-panel-radius);
border-bottom-right-radius: var(--bulma-panel-radius); border-end-end-radius: var(--bulma-panel-radius);
} }
a.bulma-panel-block, a.bulma-panel-block,

2
css/versions/bulma-prefixed.min.css.map
View File

File diff suppressed because one or more lines are too long

2
css/versions/bulma-prefixed.min.min.css vendored
View File

File diff suppressed because one or more lines are too long

10
docs/documentation/start/installation.html
View File

@ -71,13 +71,9 @@ site.data.meta.version }}/css/bulma-rtl.min.css";{% endhighlight %}
item_b=jsdelivr_b item_b=jsdelivr_b
%} %}
<p class="block">The <strong>RTL version</strong> is also available:</p> <p class="block">
Since the release of v1, the main version also works in <strong>RTL contexts</strong>, thanks to the use of <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_logical_properties_and_values">logical properties</a>. As a result, no separate RTL version of Bulma is developed anymore.
{% </p>
include docs/components/tabs.html
button_a="CSS @import" button_b="HTML <link />" item_a=jsdelivr_rtl_a
item_b=jsdelivr_rtl_b
%}
<p class="block"> <p class="block">
Bulma is also available via Bulma is also available via

4
sass/components/navbar.scss
View File

@ -650,8 +650,8 @@ a.#{iv.$class-prefix}navbar-item,
.#{iv.$class-prefix}navbar-dropdown { .#{iv.$class-prefix}navbar-dropdown {
background-color: cv.getVar("navbar-dropdown-background-color"); background-color: cv.getVar("navbar-dropdown-background-color");
border-bottom-left-radius: cv.getVar("navbar-dropdown-radius"); border-end-start-radius: cv.getVar("navbar-dropdown-radius");
border-bottom-right-radius: cv.getVar("navbar-dropdown-radius"); border-end-end-radius: cv.getVar("navbar-dropdown-radius");
border-top-color: cv.getVar("navbar-dropdown-border-color"); border-top-color: cv.getVar("navbar-dropdown-border-color");
border-top-style: cv.getVar("navbar-dropdown-border-style"); border-top-style: cv.getVar("navbar-dropdown-border-style");
border-top-width: cv.getVar("navbar-dropdown-border-width"); border-top-width: cv.getVar("navbar-dropdown-border-width");

4
sass/components/panel.scss
View File

@ -192,8 +192,8 @@ $panel-colors: dv.$colors !default;
} }
&:last-child { &:last-child {
border-bottom-left-radius: cv.getVar("panel-radius"); border-end-start-radius: cv.getVar("panel-radius");
border-bottom-right-radius: cv.getVar("panel-radius"); border-end-end-radius: cv.getVar("panel-radius");
} }
} }

12
sass/form/tools.scss
View File

@ -85,10 +85,8 @@ $label-colors: shared.$form-colors !default;
.#{iv.$class-prefix}button, .#{iv.$class-prefix}button,
.#{iv.$class-prefix}input, .#{iv.$class-prefix}input,
.#{iv.$class-prefix}select select { .#{iv.$class-prefix}select select {
// @include ltr { border-start-end-radius: 0;
border-bottom-right-radius: 0; border-end-end-radius: 0;
border-top-right-radius: 0;
// }
} }
} }
@ -96,10 +94,8 @@ $label-colors: shared.$form-colors !default;
.#{iv.$class-prefix}button, .#{iv.$class-prefix}button,
.#{iv.$class-prefix}input, .#{iv.$class-prefix}input,
.#{iv.$class-prefix}select select { .#{iv.$class-prefix}select select {
// @include ltr { border-start-start-radius: 0;
border-bottom-left-radius: 0; border-end-start-radius: 0;
border-top-left-radius: 0;
// }
} }
} }