@import '../settings/variables';

.hr {
  margin-top: $hr-margin;
  margin-bottom: $hr-margin;
  border: 0;

  &--color-neutral {
    border-top: $hairline solid $color-neutral;
  }

  &--color-neutral-dark {
    border-top: $hairline solid $color-neutral-dark;
  }

  &--color-separator {
    border-top: $hairline solid $color-separator;
  }

  &--color-primary {
    border-top: $hairline solid $color-primary;
  }

  &--color-transparent {
    border: $hairline solid transparent;
  }
}