diff options
| author | Julien Déramond <julien.deramond@orange.com> | 2022-02-23 16:04:08 +0300 |
|---|---|---|
| committer | Mark Otto <otto@github.com> | 2022-02-23 21:24:50 +0300 |
| commit | 36765912c65ba859249776a6ec9eea7c2562e5d9 (patch) | |
| tree | 33d9ecf2bcf59ba8422e86dc991bdbbf00478b27 | |
| parent | a381ee320b1e708651026fd85d4e7258e8c3ec08 (diff) | |
Replace non-existent `--bs-btn-padding` by `--bs-btn-padding-{x|y}`
| -rw-r--r-- | scss/mixins/_buttons.scss | 3 | ||||
| -rw-r--r-- | site/content/docs/5.1/components/buttons.md | 2 |
2 files changed, 3 insertions, 2 deletions
diff --git a/scss/mixins/_buttons.scss b/scss/mixins/_buttons.scss index 80df6669be..9a78dddad6 100644 --- a/scss/mixins/_buttons.scss +++ b/scss/mixins/_buttons.scss @@ -63,7 +63,8 @@ // scss-docs-start btn-size-mixin @mixin button-size($padding-y, $padding-x, $font-size, $border-radius) { - --#{$variable-prefix}btn-padding: #{$padding-y} #{$padding-x}; + --#{$variable-prefix}btn-padding-y: #{$padding-y}; + --#{$variable-prefix}btn-padding-x: #{$padding-x}; @include rfs($font-size, --#{$variable-prefix}btn-font-size); --#{$variable-prefix}btn-border-radius: #{$border-radius}; } diff --git a/site/content/docs/5.1/components/buttons.md b/site/content/docs/5.1/components/buttons.md index 9a01bb66fd..c2416700bd 100644 --- a/site/content/docs/5.1/components/buttons.md +++ b/site/content/docs/5.1/components/buttons.md @@ -76,7 +76,7 @@ You can even roll your own custom sizing with CSS variables: {{< example >}} <button type="button" class="btn btn-primary" - style="--bs-btn-padding: .25rem .5rem; --bs-btn-font-size: .75rem;"> + style="--bs-btn-padding-y: .25rem; --bs-btn-padding-x: .5rem; --bs-btn-font-size: .75rem;"> Custom button </button> {{< /example >}} |