/* *****************************************************************************
*
*  Bullet
*
* ***************************************************************************** */

.bullet {
  @include size(0.5rem);
  border-radius: 50%;
  border: $border-width solid $dark;
  background: transparent;
  position: relative;
  display: inline-block;

  &.active {
    background: $dark;
  }

  &--white {
    border: $border-width solid $white;

    &.active { background: $white; }
  }
}