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