← Superkube / Documentation 2.6.1
Modules

Line

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.



<hr>

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">