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