[mindcoding-template-patches.git] / mindcoding-template / less / component-animations.less

//
// 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/twitter/bootstrap/pull/3552.

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

.collapse {
  display: none;
  &.in {
    display: block;
  }
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  .transition(height .35s ease);
}
Commit	Line	Data
7b869721 S	1	//
	2	// Component animations
	3	// --------------------------------------------------
	4
	5	// Heads up!
	6	//
	7	// We don't use the `.opacity()` mixin here since it causes a bug with text
	8	// fields in IE7-8. Source: https://github.com/twitter/bootstrap/pull/3552.
	9
	10	.fade {
	11	opacity: 0;
	12	.transition(opacity .15s linear);
	13	&.in {
	14	opacity: 1;
	15	}
	16	}
	17
	18	.collapse {
	19	display: none;
	20	&.in {
	21	display: block;
	22	}
	23	}
	24	.collapsing {
	25	position: relative;
	26	height: 0;
	27	overflow: hidden;
	28	.transition(height .35s ease);
	29	}