Pony.fm/public/styles/components.less

@import 'base/bootstrap/bootstrap';
@import 'mixins';

.fade-hide, .fade-show {
  .transition(all cubic-bezier(0.250, 0.460, 0.450, 0.940) 350ms);
}

.fade-hide {
  opacity:1;
}

.fade-hide.fade-hide-active {
  opacity:0;
}

.fade-show {
  opacity:0;
}

.fade-show.fade-show-active {
  opacity:1;
}

.dropdowns {
  .clearfix();

  list-style: none;
  padding: 0px;
  margin: 10px 0px;

  > li {
	margin: 0px 5px;
	padding: 0px;
	float: left;

	> a {
	  .border-radius(0px);
	  padding: 3px 10px;
	  font-size: 8pt;
	}

	ul {
	  .border-radius(0px);
	  padding: 0px;

	  li.selected {
		a {
		  #gradient>.vertical(@green, darken(@green, 5%));
		  color: #fff;
		  font-weight: bold;

		  &:hover {
			#gradient>.vertical(fadeout(@green, 20%), fadeout(darken(@green, 5%), 20%));
		  }
		}
	  }

	  a {
		padding: 3px 10px;
		font-size: 8pt;
	  }
	}
  }
}