//
// Component animations
// --------------------------------------------------

// Heads up!
//
// We don't use the `.opacity()` mixin here since it causes a bug with text
// fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552.

.fade {
	opacity: 0;
	.transition(opacity 0.15s linear);
	&.in {
		opacity: 1;
	}
}

.collapse {
	display: none;

	&.in {
		display: block;
	}
	tr&.in {
		display: table-row;
	}
	tbody&.in {
		display: table-row-group;
	}
}

.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	.transition-property(~"height, visibility");
	.transition-duration(0.35s);
	.transition-timing-function(ease);
}