// Hydrogen / Components / Styles

@mixin h2-component-horizontal-rule-reset() {}

@mixin h2-component-horizontal-rule-generic() {
  border: none;
  outline: none;
}

@mixin h2-component-horizontal-rule-color(
  $color
) {
  background-color: $color;
}

@mixin h2-component-horizontal-rule-width(
  $border-thickness-thick,
  $border-thickness-thin,
  $width
) {
  @if ($width == "thin") {
    height: $border-thickness-thin;
  }
  @if ($width == "thick") {
    height: $border-thickness-thick;
  }
}