$bb-item-revealer-transition-duration: 150ms;

[bb-item-revealer] {
  transition: all $bb-item-revealer-transition-duration ease-in-out;

  &:hover,
  &.focus,
  &.selected {
    .bb-item-reveal-container {
      opacity: 1;
    }    
  }

  &.focus,
  &:hover {
    background-color: #f4f5f7;
  }

  &:focus {
    outline: none;
  }
}

.bb-item-reveal-container {
  opacity: 0;
  transition: opacity $bb-item-revealer-transition-duration ease-in-out;

  &.ng-hide {
    opacity: 0;
  }
}

.bb-item-revealer--disabled {
  &:hover {
    background-color: initial;
  }
}