@mixin app-menu {
  @include box-shadow(2);
  @include fade-in(.2s);
  background: $white;
  border-radius: 2px;
  border: $layout-border;
  color: $black-87;
  display: none;
  margin: 0;
  min-width: 250px;
  padding: 8px 0;
  position: absolute;
  text-align: left;
  z-index: 3;

  &--active {
    opacity: 1;
    display: block;
  }

  & > li {
    @include app-menu-item;
  }
}

@mixin app-menu-item {
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 48px;

  img {
    vertical-align: middle !important;
  }

  &:hover {
    background: $opaque-black-05;
    transition: background .2s;
  }

  & > a,
  & > span {
    height: 100%;
    width: 100%;
    display: block;
    padding: 0 16px;
    color: inherit;

    &,
    &:hover {
      text-decoration: none;
    }

    &[class$="--active"] {
      font-weight: bold;
    }
  }
}

@mixin app-menu {
  @include box-shadow(2);
  @include fade-in(.2s);
  background: $white;
  border-radius: 2px;
  border: $layout-border;
  color: $black-87;
  display: none;
  margin: 0;
  min-width: 250px;
  padding: 8px 0;
  position: absolute;
  text-align: left;
  z-index: 3;

  &--active {
    opacity: 1;
    display: block;
  }

  & > li {
    @include app-menu-item;
  }
}

@mixin app-menu-item {
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 48px;

  img {
    vertical-align: middle !important;
  }

  &:hover {
    background: $opaque-black-05;
    transition: background .2s;
  }

  & > a {
    height: 100%;
    width: 100%;
    display: block;
    padding: 0 16px;
    color: inherit;

    &,
    &:hover {
      text-decoration: none;
    }

    &[class$="--active"] {
      font-weight: bold;
    }
  }
}

Revert "Fix CSS bug introduced in header actions menu"
Revert "Fix CSS bug introduced in header actions menu"

This reverts commit d9a39d42d67d697b4e44c6e8e39795192f0ec5c8.
