evokit-list
Version:
Used to create list
212 lines (190 loc) • 8.41 kB
CSS
@media (--ek-list-media-medium) {
.ek-list_display_block\@medium {
display: block;
}
.ek-list_display_none\@medium {
display: none;
}
.ek-list__item_display_block\@medium {
display: block;
}
.ek-list__item_display_none\@medium {
display: none;
}
.ek-list_indent_none\@medium {
margin-top: 0;
margin-bottom: 0;
}
.ek-list_indent_none\@medium > .ek-list__item {
padding-top: 0;
padding-bottom: 0;
}
.ek-list_indent_xxs\@medium {
margin-top: calc(var(--ek-list-indent-xxs) / 2 * -1);
margin-bottom: calc(var(--ek-list-indent-xxs) / 2 * -1);
}
.ek-list_indent_xxs\@medium > .ek-list__item {
padding-top: calc(var(--ek-list-indent-xxs) / 2);
padding-bottom: calc(var(--ek-list-indent-xxs) / 2);
}
.ek-list_indent_xs\@medium {
margin-top: calc(var(--ek-list-indent-xs) / 2 * -1);
margin-bottom: calc(var(--ek-list-indent-xs) / 2 * -1);
}
.ek-list_indent_xs\@medium > .ek-list__item {
padding-top: calc(var(--ek-list-indent-xs) / 2);
padding-bottom: calc(var(--ek-list-indent-xs) / 2);
}
.ek-list_indent_s\@medium {
margin-top: calc(var(--ek-list-indent-s) / 2 * -1);
margin-bottom: calc(var(--ek-list-indent-s) / 2 * -1);
}
.ek-list_indent_s\@medium > .ek-list__item {
padding-top: calc(var(--ek-list-indent-s) / 2);
padding-bottom: calc(var(--ek-list-indent-s) / 2);
}
.ek-list_indent_m\@medium {
margin-top: calc(var(--ek-list-indent-m) / 2 * -1);
margin-bottom: calc(var(--ek-list-indent-m) / 2 * -1);
}
.ek-list_indent_m\@medium > .ek-list__item {
padding-top: calc(var(--ek-list-indent-m) / 2);
padding-bottom: calc(var(--ek-list-indent-m) / 2);
}
.ek-list_indent_l\@medium {
margin-top: calc(var(--ek-list-indent-l) / 2 * -1);
margin-bottom: calc(var(--ek-list-indent-l) / 2 * -1);
}
.ek-list_indent_l\@medium > .ek-list__item {
padding-top: calc(var(--ek-list-indent-l) / 2);
padding-bottom: calc(var(--ek-list-indent-l) / 2);
}
.ek-list_indent_xl\@medium {
margin-top: calc(var(--ek-list-indent-xl) / 2 * -1);
margin-bottom: calc(var(--ek-list-indent-xl) / 2 * -1);
}
.ek-list_indent_xl\@medium > .ek-list__item {
padding-top: calc(var(--ek-list-indent-xl) / 2);
padding-bottom: calc(var(--ek-list-indent-xl) / 2);
}
.ek-list_indent_xxl\@medium {
margin-top: calc(var(--ek-list-indent-xxl) / 2 * -1);
margin-bottom: calc(var(--ek-list-indent-xxl) / 2 * -1);
}
.ek-list_indent_xxl\@medium > .ek-list__item {
padding-top: calc(var(--ek-list-indent-xxl) / 2);
padding-bottom: calc(var(--ek-list-indent-xxl) / 2);
}
.ek-list_indent_3xl\@medium {
margin-top: calc(var(--ek-list-indent-3xl) / 2 * -1);
margin-bottom: calc(var(--ek-list-indent-3xl) / 2 * -1);
}
.ek-list_indent_3xl\@medium > .ek-list__item {
padding-top: calc(var(--ek-list-indent-3xl) / 2);
padding-bottom: calc(var(--ek-list-indent-3xl) / 2);
}
.ek-list_indent_4xl\@medium {
margin-top: calc(var(--ek-list-indent-4xl) / 2 * -1);
margin-bottom: calc(var(--ek-list-indent-4xl) / 2 * -1);
}
.ek-list_indent_4xl\@medium > .ek-list__item {
padding-top: calc(var(--ek-list-indent-4xl) / 2);
padding-bottom: calc(var(--ek-list-indent-4xl) / 2);
}
.ek-list_indent_5xl\@medium {
margin-top: calc(var(--ek-list-indent-5xl) / 2 * -1);
margin-bottom: calc(var(--ek-list-indent-5xl) / 2 * -1);
}
.ek-list_indent_5xl\@medium > .ek-list__item {
padding-top: calc(var(--ek-list-indent-5xl) / 2);
padding-bottom: calc(var(--ek-list-indent-5xl) / 2);
}
.ek-list_divider-indent_none\@medium {
margin-top: 0;
margin-bottom: 0;
}
.ek-list_divider-indent_none\@medium > .ek-list__item {
padding-top: 0;
padding-bottom: 0;
}
.ek-list_divider-indent_xxs\@medium {
margin-top: calc(var(--ek-list-indent-xxs) * -1);
margin-bottom: calc(var(--ek-list-indent-xxs) * -1);
}
.ek-list_divider-indent_xxs\@medium > .ek-list__item {
padding-top: var(--ek-list-indent-xxs);
padding-bottom: var(--ek-list-indent-xxs);
}
.ek-list_divider-indent_xs\@medium {
margin-top: calc(var(--ek-list-indent-xs) * -1);
margin-bottom: calc(var(--ek-list-indent-xs) * -1);
}
.ek-list_divider-indent_xs\@medium > .ek-list__item {
padding-top: var(--ek-list-indent-xs);
padding-bottom: var(--ek-list-indent-xs);
}
.ek-list_divider-indent_s\@medium {
margin-top: calc(var(--ek-list-indent-s) * -1);
margin-bottom: calc(var(--ek-list-indent-s) * -1);
}
.ek-list_divider-indent_s\@medium > .ek-list__item {
padding-top: var(--ek-list-indent-s);
padding-bottom: var(--ek-list-indent-s);
}
.ek-list_divider-indent_m\@medium {
margin-top: calc(var(--ek-list-indent-m) * -1);
margin-bottom: calc(var(--ek-list-indent-m) * -1);
}
.ek-list_divider-indent_m\@medium > .ek-list__item {
padding-top: var(--ek-list-indent-m);
padding-bottom: var(--ek-list-indent-m);
}
.ek-list_divider-indent_l\@medium {
margin-top: calc(var(--ek-list-indent-l) * -1);
margin-bottom: calc(var(--ek-list-indent-l) * -1);
}
.ek-list_divider-indent_l\@medium > .ek-list__item {
padding-top: var(--ek-list-indent-l);
padding-bottom: var(--ek-list-indent-l);
}
.ek-list_divider-indent_xl\@medium {
margin-top: calc(var(--ek-list-indent-xl) * -1);
margin-bottom: calc(var(--ek-list-indent-xl) * -1);
}
.ek-list_divider-indent_xl\@medium > .ek-list__item {
padding-top: var(--ek-list-indent-xl);
padding-bottom: var(--ek-list-indent-xl);
}
.ek-list_divider-indent_xxl\@medium {
margin-top: calc(var(--ek-list-indent-xxl) * -1);
margin-bottom: calc(var(--ek-list-indent-xxl) * -1);
}
.ek-list_divider-indent_xxl\@medium > .ek-list__item {
padding-top: var(--ek-list-indent-xxl);
padding-bottom: var(--ek-list-indent-xxl);
}
.ek-list_divider-indent_3xl\@medium {
margin-top: calc(var(--ek-list-indent-3xl) * -1);
margin-bottom: calc(var(--ek-list-indent-3xl) * -1);
}
.ek-list_divider-indent_3xl\@medium > .ek-list__item {
padding-top: var(--ek-list-indent-3xl);
padding-bottom: var(--ek-list-indent-3xl);
}
.ek-list_divider-indent_4xl\@medium {
margin-top: calc(var(--ek-list-indent-4xl) * -1);
margin-bottom: calc(var(--ek-list-indent-4xl) * -1);
}
.ek-list_divider-indent_4xl\@medium > .ek-list__item {
padding-top: var(--ek-list-indent-4xl);
padding-bottom: var(--ek-list-indent-4xl);
}
.ek-list_divider-indent_5xl\@medium {
margin-top: calc(var(--ek-list-indent-5xl) * -1);
margin-bottom: calc(var(--ek-list-indent-5xl) * -1);
}
.ek-list_divider-indent_5xl\@medium > .ek-list__item {
padding-top: var(--ek-list-indent-5xl);
padding-bottom: var(--ek-list-indent-5xl);
}
}