mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-26 14:54:27 +02:00
Code Issues Releases Wiki Activity

Collapse with flex elements - simple approach (#25806)

Browse Source 
* #22600: prevent display:block for visible content

* allow transition for elements with show class
This commit is contained in:
Martijn Cuppens
2018-03-12 17:40:30 +01:00
committed by XhmikosR
parent 2b86193591
commit f893ec7a75
1 changed files with 4 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
scss/_transitions.scss
View File

@@ -1,30 +1,16 @@
// stylelint-disable selector-no-qualifying-type // stylelint-disable selector-no-qualifying-type
.fade { .fade {
opacity: 0;
@include transition($transition-fade); @include transition($transition-fade);
&.show { &:not(.show) {
opacity: 1; opacity: 0;
} }
} }
.collapse { .collapse {
display: none; &:not(.show) {
&.show { display: none;
display: block;
}
}
tr {
&.collapse.show {
display: table-row;
}
}
tbody {
&.collapse.show {
display: table-row-group;
} }
} }