@divider-prefix: ~'@{icecream-prefix}-divider';

.@{divider-prefix} {
  width: 100%;
  height: 0px;
  margin: @icecream-gap-md-x 0;
  border-top: @icecream-border-width solid @icecream-color-grey-5;

  &.@{divider-prefix}-dashed {
    border-top-style: dashed;
  }

  &-vertical {
    width: 0;
    height: auto;
    margin: 3px @icecream-gap-lg;
    border-top: none;
    border-left: 1px solid @icecream-color-grey-5;

    &.@{divider-prefix}-dashed {
      border-left-style: dashed;
    }
  }
}