diff options
| author | Martijn Cuppens <[email protected]> | 2018-03-12 17:40:30 +0100 |
|---|---|---|
| committer | XhmikosR <[email protected]> | 2018-03-12 18:40:30 +0200 |
| commit | f893ec7a7557f1c22b7571b4682c59573a8c3a9a (patch) | |
| tree | 45a70982d315649dc417298578115f16c6655146 | |
| parent | 2b86193591dde9402eb72babce74e28cb04e35f9 (diff) | |
| download | bootstrap-f893ec7a7557f1c22b7571b4682c59573a8c3a9a.tar.xz bootstrap-f893ec7a7557f1c22b7571b4682c59573a8c3a9a.zip | |
Collapse with flex elements - simple approach (#25806)
* #22600: prevent display:block for visible content
* allow transition for elements with show class
| -rw-r--r-- | scss/_transitions.scss | 22 |
1 files changed, 4 insertions, 18 deletions
diff --git a/scss/_transitions.scss b/scss/_transitions.scss index df5744b25..c8d91e271 100644 --- a/scss/_transitions.scss +++ b/scss/_transitions.scss @@ -1,30 +1,16 @@ // stylelint-disable selector-no-qualifying-type .fade { - opacity: 0; @include transition($transition-fade); - &.show { - opacity: 1; + &:not(.show) { + opacity: 0; } } .collapse { - display: none; - &.show { - display: block; - } -} - -tr { - &.collapse.show { - display: table-row; - } -} - -tbody { - &.collapse.show { - display: table-row-group; + &:not(.show) { + display: none; } } |