rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 09:52:29 +01:00
Code Issues Actions Packages Releases 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
Show Stats 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
.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;
}
}