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