@import '../settings/variables';

$size: 0.5em;

.c-dot {
  margin-top: 0.125em;
  font-size: $size;
  border-radius: 50%;
  padding: $size / 2;
  width: $size * 2;
  height: $size * 2;

  &--striped {
    background-image:
      linear-gradient(
        135deg,
        $color-selected 14.29%,
        $color-background 14.29%,
        $color-background 50%,
        $color-selected 50%,
        $color-selected 64.29%,
        $color-background 64.29%,
        $color-background 100%
      );
    background-size: $size $size;
    border: $hairline solid $color-selected;
  }
}