@import 'variables';

@mixin content-wrapper {
  max-width: var(--content-width);
  margin: 0 auto;
  padding: 2rem 2.5rem;

  @media (max-width: $MQNarrow) {
    padding: 2rem;
  }

  @media (max-width: $MQMobileNarrow) {
    padding: 1.5rem;
  }
}

@mixin dropdown-wrapper {
  overflow: hidden;
  transition: height 0.1s ease-out;
}