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 #3786

Browse Source
This commit is contained in:
Jeremy Thomas 2024-05-20 17:26:44 +01:00
parent bb0518451d
commit 0c3d84519b
18 changed files with 32 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGELOG.md
View File

@ -9,6 +9,7 @@
- Fix #3744: build non-minified versions - Fix #3744: build non-minified versions
- Fix #3747: ability to nest fixed grids - Fix #3747: ability to nest fixed grids
- Fix #3759: remove unused `.skeleton` class - Fix #3759: remove unused `.skeleton` class
- Fix #3786: fix horizontal padding of rounded buttons
### Documentation fixes ### Documentation fixes

4
css/bulma.css vendored
View File

@ -3857,8 +3857,8 @@ a.box:active {
} }
.button.is-rounded { .button.is-rounded {
border-radius: var(--bulma-radius-rounded); border-radius: var(--bulma-radius-rounded);
padding-left: calc(var(--bulma-button-padding-horizontal) + 0.25em); padding-left: calc(var(--bulma-button-padding-horizontal) + 0.25em - var(--bulma-button-border-width));
padding-right: calc(var(--bulma-button-padding-horizontal) + 0.25em); padding-right: calc(var(--bulma-button-padding-horizontal) + 0.25em - var(--bulma-button-border-width));
} }
.buttons { .buttons {

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

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

@ -1054,8 +1054,8 @@ a.box:active {
} }
.button.is-rounded { .button.is-rounded {
border-radius: var(--bulma-radius-rounded); border-radius: var(--bulma-radius-rounded);
padding-left: calc(var(--bulma-button-padding-horizontal) + 0.25em); padding-left: calc(var(--bulma-button-padding-horizontal) + 0.25em - var(--bulma-button-border-width));
padding-right: calc(var(--bulma-button-padding-horizontal) + 0.25em); padding-right: calc(var(--bulma-button-padding-horizontal) + 0.25em - var(--bulma-button-border-width));
} }
.buttons { .buttons {

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

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

@ -1054,8 +1054,8 @@ a.bulma-box:active {
} }
.bulma-button.bulma-is-rounded { .bulma-button.bulma-is-rounded {
border-radius: var(--bulma-radius-rounded); border-radius: var(--bulma-radius-rounded);
padding-left: calc(var(--bulma-button-padding-horizontal) + 0.25em); padding-left: calc(var(--bulma-button-padding-horizontal) + 0.25em - var(--bulma-button-border-width));
padding-right: calc(var(--bulma-button-padding-horizontal) + 0.25em); padding-right: calc(var(--bulma-button-padding-horizontal) + 0.25em - var(--bulma-button-border-width));
} }
.bulma-buttons { .bulma-buttons {

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

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

@ -1054,8 +1054,8 @@ a.box:active {
} }
.button.is-rounded { .button.is-rounded {
border-radius: var(--bulma-radius-rounded); border-radius: var(--bulma-radius-rounded);
padding-left: calc(var(--bulma-button-padding-horizontal) + 0.25em); padding-left: calc(var(--bulma-button-padding-horizontal) + 0.25em - var(--bulma-button-border-width));
padding-right: calc(var(--bulma-button-padding-horizontal) + 0.25em); padding-right: calc(var(--bulma-button-padding-horizontal) + 0.25em - var(--bulma-button-border-width));
} }
.buttons { .buttons {

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

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

@ -3857,8 +3857,8 @@ a.bulma-box:active {
} }
.bulma-button.bulma-is-rounded { .bulma-button.bulma-is-rounded {
border-radius: var(--bulma-radius-rounded); border-radius: var(--bulma-radius-rounded);
padding-left: calc(var(--bulma-button-padding-horizontal) + 0.25em); padding-left: calc(var(--bulma-button-padding-horizontal) + 0.25em - var(--bulma-button-border-width));
padding-right: calc(var(--bulma-button-padding-horizontal) + 0.25em); padding-right: calc(var(--bulma-button-padding-horizontal) + 0.25em - var(--bulma-button-border-width));
} }
.bulma-buttons { .bulma-buttons {

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

4
docs/assets/css/website.css
View File

@ -7296,8 +7296,8 @@ a.box:active {
} }
.button.is-rounded { .button.is-rounded {
border-radius: var(--bulma-radius-rounded); border-radius: var(--bulma-radius-rounded);
padding-left: calc(var(--bulma-button-padding-horizontal) + 0.25em); padding-left: calc(var(--bulma-button-padding-horizontal) + 0.25em - var(--bulma-button-border-width));
padding-right: calc(var(--bulma-button-padding-horizontal) + 0.25em); padding-right: calc(var(--bulma-button-padding-horizontal) + 0.25em - var(--bulma-button-border-width));
} }
.buttons { .buttons {

11
sass/elements/button.scss
View File

@ -33,6 +33,7 @@ $button-border-width: cv.getVar("control-border-width") !default;
$button-padding-vertical: 0.5em !default; $button-padding-vertical: 0.5em !default;
$button-padding-horizontal: 1em !default; $button-padding-horizontal: 1em !default;
$button-rounded-padding-horizontal-offset: 0.25em !default;
$button-focus-border-color: cv.getVar("link-focus-border") !default; $button-focus-border-color: cv.getVar("link-focus-border") !default;
$button-focus-box-shadow-size: 0 0 0 0.125em !default; $button-focus-box-shadow-size: 0 0 0 0.125em !default;
@ -533,8 +534,14 @@ $no-palette: ("white", "black", "light", "dark");
&.#{iv.$class-prefix}is-rounded { &.#{iv.$class-prefix}is-rounded {
border-radius: cv.getVar("radius-rounded"); border-radius: cv.getVar("radius-rounded");
padding-left: calc(#{cv.getVar("button-padding-horizontal")} + 0.25em); padding-left: calc(
padding-right: calc(#{cv.getVar("button-padding-horizontal")} + 0.25em); #{cv.getVar("button-padding-horizontal")} + #{$button-rounded-padding-horizontal-offset} -
#{cv.getVar("button-border-width")}
);
padding-right: calc(
#{cv.getVar("button-padding-horizontal")} + #{$button-rounded-padding-horizontal-offset} -
#{cv.getVar("button-border-width")}
);
} }
} }