Bootstrap/less/component-animations.less

// COMPONENT ANIMATIONS
// --------------------

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

.collapse {
  position:relative;
  height: 0;
  overflow:hidden;
  .transition(height .35s ease);
  &.in {
    height: auto;
  }
}
breaking out patterns.less even more, removing unnecessary div from checkbox and radio lists--now just labels and inputs 2012-01-05 19:01:42 +01:00			`// COMPONENT ANIMATIONS`
			`// --------------------`

			`.fade {`
			`opacity: 0;`
lots of property ordering 2012-04-17 01:34:08 +02:00			`.transition(opacity .15s linear);`
breaking out patterns.less even more, removing unnecessary div from checkbox and radio lists--now just labels and inputs 2012-01-05 19:01:42 +01:00			`&.in {`
			`opacity: 1;`
			`}`
			`}`

			`.collapse {`
			`position:relative;`
			`height: 0;`
lots of property ordering 2012-04-17 01:34:08 +02:00			`overflow:hidden;`
			`.transition(height .35s ease);`
fix overflow on .collapse.in to enable dropdowns within an open collapse 2012-03-12 06:43:35 +01:00			`&.in {`
			`height: auto;`
			`}`
can't have overflo: visible for "in" which is present during entirity of transition. 2012-03-12 21:31:38 +01:00			`}`