Collapse with flex elements - simple approach (twbs#25806)

* twbs#22600: prevent display:block for visible content * allow transition for elements with show class
m5o · Mar 12, 2018 · f893ec7 · f893ec7
1 parent 2b86193
commit f893ec7
Showing 1 changed file with 4 additions and 18 deletions.
diff --git 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;
   }
 }