rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-03-15 15:29:22 +01:00
Code Issues Actions Packages Releases Activity

Replace non-existent --bs-btn-padding by --bs-btn-padding-{x|y}

Browse Source
This commit is contained in:
Julien Déramond 2022-02-23 14:04:08 +01:00 committed by Mark Otto
parent a381ee320b
commit 36765912c6
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
scss/mixins/_buttons.scss
View File

@ -63,7 +63,8 @@
// scss-docs-start btn-size-mixin // scss-docs-start btn-size-mixin
@mixin button-size($padding-y, $padding-x, $font-size, $border-radius) { @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); @include rfs($font-size, --#{$variable-prefix}btn-font-size);
--#{$variable-prefix}btn-border-radius: #{$border-radius}; --#{$variable-prefix}btn-border-radius: #{$border-radius};
} }

2
site/content/docs/5.1/components/buttons.md
View File

@ -76,7 +76,7 @@ You can even roll your own custom sizing with CSS variables:
{{< example >}} {{< example >}}
<button type="button" class="btn btn-primary" <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 Custom button
</button> </button>
{{< /example >}} {{< /example >}}