@import "../base.scss";
@import "../mixins/mixins.scss";
@import "../common/animation.scss";

@include b(dropdown) {
  display: inline-block;
  position: relative;
  cursor: pointer;
  color: $mc;
  @include e(icon) {
    position: relative;
    top: 1px;
    display: inline-block;
    margin-left: 3px;
    transition: transform .3s;
    transform-origin: center 45%;
  }
  @include when(hover) {
    @include e(icon) {
      transform: rotate(180deg);
    }
  }
}