diff options
author | Martijn Cuppens <martijn.cuppens@gmail.com> | 2018-03-12 19:40:30 +0300 |
---|---|---|
committer | XhmikosR <xhmikosr@gmail.com> | 2018-03-12 19:40:30 +0300 |
commit | f893ec7a7557f1c22b7571b4682c59573a8c3a9a (patch) | |
tree | 45a70982d315649dc417298578115f16c6655146 /scss/_transitions.scss | |
parent | 2b86193591dde9402eb72babce74e28cb04e35f9 (diff) |
Collapse with flex elements - simple approach (#25806)
* #22600: prevent display:block for visible content
* allow transition for elements with show class
Diffstat (limited to 'scss/_transitions.scss')
-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 df5744b25f..c8d91e2717 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; } } |