rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-26 23:54:23 +01:00
Code Issues Actions Packages Releases Activity

Add additional CSS variables for offcanvas

Browse Source
This commit is contained in:
Isabelle Chanclou 2022-07-22 17:00:42 +02:00 committed by Mark Otto
parent 5aedf920c0
commit 81b8062314
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
scss/_offcanvas.scss
View File

@ -12,6 +12,9 @@
--#{$prefix}offcanvas-border-width: #{$offcanvas-border-width}; --#{$prefix}offcanvas-border-width: #{$offcanvas-border-width};
--#{$prefix}offcanvas-border-color: #{$offcanvas-border-color}; --#{$prefix}offcanvas-border-color: #{$offcanvas-border-color};
--#{$prefix}offcanvas-box-shadow: #{$offcanvas-box-shadow}; --#{$prefix}offcanvas-box-shadow: #{$offcanvas-box-shadow};
--#{$prefix}offcanvas-zindex: #{$zindex-offcanvas};
--#{$prefix}offcanvas-title-line-height: #{$offcanvas-title-line-height};
--#{$prefix}offcanvas-transition: #{transform $offcanvas-transition-duration ease-in-out};
// scss-docs-end offcanvas-css-vars // scss-docs-end offcanvas-css-vars
} }
@ -42,7 +45,7 @@
background-clip: padding-box; background-clip: padding-box;
outline: 0; outline: 0;
@include box-shadow(var(--#{$prefix}offcanvas-box-shadow)); @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 { &.offcanvas-start {
top: 0; top: 0;
@ -134,7 +137,7 @@
.offcanvas-title { .offcanvas-title {
margin-bottom: 0; margin-bottom: 0;
line-height: $offcanvas-title-line-height; line-height: var(--#{$prefix}offcanvas-title-line-height);
} }
.offcanvas-body { .offcanvas-body {