@import '../settings/variables';
@import '../tools/mixins/position';
@import '../tools/mixins/transition';
@import '../vendors/icomoon/variables';
@import '../utilities/utils';

.c-dropdown {
  position: relative;
  display: inline-block;
  margin-bottom: 1.5em;

  &__content {
    @include transition((opacity, visibility));
    @include shadow-bordered-area(0.5em);
    color: $color-paragraph;
    display: flex;
    flex-direction: column;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    width: 100%;

    &--active {
      opacity: 1;
      visibility: visible;
    }
  }
}