@import "flive-vars";

.dropdown {
  position: relative;
  display: inline-block;
  z-index: 20;
  vertical-align: middle;
}

.nav-bar {
  @include buttonFontSize('sm');
}

.nav-bar-level-2 {
  @include buttonFontSize('sm');
}

.nav-bar, .nav-bar-level-2 {
  margin: 0 1em;
  @media (min-width: $screen-sm-min) {
    &:first-child {
      margin-left: 0;
    }
    &:last-child {
      margin-right: 0;
    }
  }
}
.sm, .lg, .md {
  margin: 0 0.5em;
  @media (min-width: $screen-sm-min) {
    &:first-child {
      margin-left: 1em;
    }
    &:last-child {
      margin-right: 1em;
    }
  }
}

.lg {
  @include buttonFontSize('lg');
}

.md {
  @include buttonFontSize('md');
}

.sm {
  @include buttonFontSize('sm');
}