← Superkube / Documentation 2.6.1


This module helps to create different styles of lines with the hr tag.

Base #

The default line is used without class simply as an hr tag.


Custom #

You can create a line with your own params by adding their to your custom SCSS. See also how to customize the framework.

.line-dashed-primary {
    --line-style: dashed;
    --line-color: var(--palette-primary-base);
.line-strong {
    --line-height: 4px;
    --line-color: var(--palette-black);

In HTML it will look like this:

<hr class="line line-strong">
<hr class="line line-dashed-primary">