Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/twbs/bootstrap.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMartijn Cuppens <martijn.cuppens@gmail.com>2018-03-12 19:40:30 +0300
committerXhmikosR <xhmikosr@gmail.com>2018-03-12 19:40:30 +0300
commitf893ec7a7557f1c22b7571b4682c59573a8c3a9a (patch)
tree45a70982d315649dc417298578115f16c6655146 /scss/_transitions.scss
parent2b86193591dde9402eb72babce74e28cb04e35f9 (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.scss22
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;
}
}