@import "../../styles/variables.scss";

$novo-divider-width: 1px;
$novo-divider-inset-margin: 80px;

.novo-divider {
  display: block;
  margin: 0;
  border-top-width: $novo-divider-width;
  border-top-style: solid;
  border-top-color: var(--border);

  &.novo-divider-vertical {
    display: inline;
    border-top: 0;
    border-right-width: $novo-divider-width;
    border-right-style: solid;
    border-right-color: var(--border);
    margin-left: $spacing-md;
    margin-right: $spacing-md;
  }

  &.novo-divider-inset {
    margin-left: $novo-divider-inset-margin;
    [dir="rtl"] & {
      margin-left: auto;
      margin-right: $novo-divider-inset-margin;
    }
  }
}