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