evokit-line
Version:
Horizontal line, used to separate content
49 lines • 1.54 kB
CSS
@media (--ek-line-media-wide) {
.ek-line_display_block\@wide {
display: block
}
.ek-line_display_none\@wide {
display: none
}
.ek-line_indent_none\@wide {
margin-top: 0;
margin-bottom: 0
}
.ek-line_indent_xxs\@wide {
margin-top: var(--ek-line-indent-xxs);
margin-bottom: var(--ek-line-indent-xxs)
}
.ek-line_indent_xs\@wide {
margin-top: var(--ek-line-indent-xs);
margin-bottom: var(--ek-line-indent-xs)
}
.ek-line_indent_s\@wide {
margin-top: var(--ek-line-indent-s);
margin-bottom: var(--ek-line-indent-s)
}
.ek-line_indent_m\@wide {
margin-top: var(--ek-line-indent-m);
margin-bottom: var(--ek-line-indent-m)
}
.ek-line_indent_l\@wide {
margin-top: var(--ek-line-indent-l);
margin-bottom: var(--ek-line-indent-l)
}
.ek-line_indent_xl\@wide {
margin-top: var(--ek-line-indent-xl);
margin-bottom: var(--ek-line-indent-xl)
}
.ek-line_indent_xxl\@wide {
margin-top: var(--ek-line-indent-xxl);
margin-bottom: var(--ek-line-indent-xxl)
}
.ek-line_style_solid\@wide {
border-top-style: solid
}
.ek-line_style_dotted\@wide {
border-top-style: dotted
}
.ek-line_style_dashed\@wide {
border-top-style: dashed
}
}