From 36765912c65ba859249776a6ec9eea7c2562e5d9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julien=20D=C3=A9ramond?= <julien.deramond@orange.com>
Date: Wed, 23 Feb 2022 14:04:08 +0100
Subject: [PATCH] Replace non-existent `--bs-btn-padding` by
 `--bs-btn-padding-{x|y}`

---
 scss/mixins/_buttons.scss                   | 3 ++-
 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 >}}