//
// Bullet
//

// Base
.bullet {
    display: inline-block;
    background-color: $gray-400;
    width: get($bullet-config, bar-width);
    height: get($bullet-config, bar-height);
    @include border-radius(get($bullet-config, border-radius));

    // Dot bullet
    &.bullet-dot {
        width: get($bullet-config, dot-size);
        height: get($bullet-config, dot-size);
        border-radius: 100% !important;
    }

    // Vertical bullet
    &.bullet-vertical {
        width: get($bullet-config, bar-height);
        height: get($bullet-config, bar-width);
    }

    // Vertical resizable bullet(use with align-self-stretch)
    &.bullet-bar {
        width: get($bullet-config, bar-width);
        height: auto;
    }

    // Vertical line
    &.bullet-line {
      width: get($bullet-config, line-width);
      height: get($bullet-config, line-height);
      border-radius: none;
    }
}