evokit-grid/theme.css

The grid for placing content on the page, has 10 columns

:root {
    --ek-grid-border-TEMPLATE_NAME: var(--border);
}


.ek-grid_divider_TEMPLATE_NAME > .ek-grid__item {
        border: 0 solid var(--ek-grid-border-TEMPLATE_NAME);
}


.ek-grid_divider_TEMPLATE_NAME > .ek-grid__item + .ek-grid__item {
            border-left-width: 1px;
}


@media (--ek-grid-media-small) {

    .ek-grid_divider_TEMPLATE_NAME\@small > .ek-grid__item {
        border: 0 solid var(--ek-grid-border-TEMPLATE_NAME);
    }

        .ek-grid_divider_TEMPLATE_NAME\@small > .ek-grid__item + .ek-grid__item {
            border-left-width: 1px;
    }
}


@media (--ek-grid-media-medium) {

    .ek-grid_divider_TEMPLATE_NAME\@medium > .ek-grid__item {
        border: 0 solid var(--ek-grid-border-TEMPLATE_NAME);
    }

        .ek-grid_divider_TEMPLATE_NAME\@medium > .ek-grid__item + .ek-grid__item {
            border-left-width: 1px;
    }
}


@media (--ek-grid-media-large) {

    .ek-grid_divider_TEMPLATE_NAME\@large > .ek-grid__item {
        border: 0 solid var(--ek-grid-border-TEMPLATE_NAME);
    }

        .ek-grid_divider_TEMPLATE_NAME\@large > .ek-grid__item + .ek-grid__item {
            border-left-width: 1px;
    }
}


@media (--ek-grid-media-wide) {

    .ek-grid_divider_TEMPLATE_NAME\@wide > .ek-grid__item {
        border: 0 solid var(--ek-grid-border-TEMPLATE_NAME);
    }

        .ek-grid_divider_TEMPLATE_NAME\@wide > .ek-grid__item + .ek-grid__item {
            border-left-width: 1px;
    }
}


@media (--ek-grid-media-huge) {

    .ek-grid_divider_TEMPLATE_NAME\@huge > .ek-grid__item {
        border: 0 solid var(--ek-grid-border-TEMPLATE_NAME);
    }

        .ek-grid_divider_TEMPLATE_NAME\@huge > .ek-grid__item + .ek-grid__item {
            border-left-width: 1px;
    }
}