evokit-list
Version:
Used to create list
59 lines (50 loc) • 1.98 kB
CSS
:root {
--ek-list-border-TEMPLATE_NAME: var(--border);
--ek-list-color-TEMPLATE_NAME: var(--color)
}
.ek-list_color_TEMPLATE_NAME > .ek-list__item:before {
color: var(--ek-list-color-TEMPLATE_NAME)
}
.ek-list_divider_TEMPLATE_NAME > .ek-list__item + .ek-list__item {
border-top: 1px solid var(--ek-list-border-TEMPLATE_NAME)
}
@media (--ek-list-media-small) {
.ek-list_color_TEMPLATE_NAME\@small > .ek-list__item:before {
color: var(--ek-list-color-TEMPLATE_NAME)
}
.ek-list_divider_TEMPLATE_NAME\@small > .ek-list__item + .ek-list__item {
border-top: 1px solid var(--ek-list-border-TEMPLATE_NAME)
}
}
@media (--ek-list-media-medium) {
.ek-list_color_TEMPLATE_NAME\@medium > .ek-list__item:before {
color: var(--ek-list-color-TEMPLATE_NAME)
}
.ek-list_divider_TEMPLATE_NAME\@medium > .ek-list__item + .ek-list__item {
border-top: 1px solid var(--ek-list-border-TEMPLATE_NAME)
}
}
@media (--ek-list-media-large) {
.ek-list_color_TEMPLATE_NAME\@large > .ek-list__item:before {
color: var(--ek-list-color-TEMPLATE_NAME)
}
.ek-list_divider_TEMPLATE_NAME\@large > .ek-list__item + .ek-list__item {
border-top: 1px solid var(--ek-list-border-TEMPLATE_NAME)
}
}
@media (--ek-list-media-wide) {
.ek-list_color_TEMPLATE_NAME\@wide > .ek-list__item:before {
color: var(--ek-list-color-TEMPLATE_NAME)
}
.ek-list_divider_TEMPLATE_NAME\@wide > .ek-list__item + .ek-list__item {
border-top: 1px solid var(--ek-list-border-TEMPLATE_NAME)
}
}
@media (--ek-list-media-huge) {
.ek-list_color_TEMPLATE_NAME\@huge > .ek-list__item:before {
color: var(--ek-list-color-TEMPLATE_NAME)
}
.ek-list_divider_TEMPLATE_NAME\@huge > .ek-list__item + .ek-list__item {
border-top: 1px solid var(--ek-list-border-TEMPLATE_NAME)
}
}