diff options
| author | Isabelle Chanclou <[email protected]> | 2022-10-03 19:51:30 +0200 |
|---|---|---|
| committer | GitHub <[email protected]> | 2022-10-03 10:51:30 -0700 |
| commit | 838debaad24cc6f3d5be98ef26f6ea2feeb93a88 (patch) | |
| tree | f50b839713ca382c99b1734616d6e8795a76b133 | |
| parent | 18b99f738798691933c603a564d2e2eca7ed1eb7 (diff) | |
| download | bootstrap-838debaad24cc6f3d5be98ef26f6ea2feeb93a88.tar.xz bootstrap-838debaad24cc6f3d5be98ef26f6ea2feeb93a88.zip | |
Add new css vars for Offcanvas (#36815)
* Add 3 new css vars for Offcanvas feature
* Fix new css variable after review
* Update _offcanvas.scss
Co-authored-by: Mark Otto <[email protected]>
| -rw-r--r-- | scss/_offcanvas.scss | 7 |
1 files changed, 5 insertions, 2 deletions
diff --git a/scss/_offcanvas.scss b/scss/_offcanvas.scss index 23fc357f2..b68f80271 100644 --- a/scss/_offcanvas.scss +++ b/scss/_offcanvas.scss @@ -12,6 +12,9 @@ --#{$prefix}offcanvas-border-width: #{$offcanvas-border-width}; --#{$prefix}offcanvas-border-color: #{$offcanvas-border-color}; --#{$prefix}offcanvas-box-shadow: #{$offcanvas-box-shadow}; + --#{$prefix}offcanvas-zindex: #{$zindex-offcanvas}; + --#{$prefix}offcanvas-transition: #{transform $offcanvas-transition-duration ease-in-out}; + --#{$prefix}offcanvas-title-line-height: #{$offcanvas-title-line-height}; // scss-docs-end offcanvas-css-vars } @@ -42,7 +45,7 @@ background-clip: padding-box; outline: 0; @include box-shadow(var(--#{$prefix}offcanvas-box-shadow)); - @include transition(transform $offcanvas-transition-duration ease-in-out); + @include transition(var(--#{$prefix}offcanvas-transition)); &.offcanvas-start { top: 0; @@ -134,7 +137,7 @@ .offcanvas-title { margin-bottom: 0; - line-height: $offcanvas-title-line-height; + line-height: var(--#{$prefix}offcanvas-title-line-height); } .offcanvas-body { |