UNPKG

evokit-grid

Version:

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

1,194 lines (1,015 loc) 58.9 kB
@media (--ek-grid-media-medium) { .ek-grid_display_flex\@medium { display: flex; } .ek-grid_display_none\@medium { display: none; } .ek-grid__item_display_block\@medium { display: block; } .ek-grid__item_display_none\@medium { display: none; } .ek-grid_indent_none\@medium { margin: 0; } .ek-grid_indent_none\@medium > .ek-grid__item { padding: 0; } .ek-grid_indent-x_none\@medium { margin-left: 0; margin-right: 0; } .ek-grid_indent-x_none\@medium > .ek-grid__item { padding-left: 0; padding-right: 0; } .ek-grid_indent-y_none\@medium { margin-top: 0; margin-bottom: 0; } .ek-grid_indent-y_none\@medium > .ek-grid__item { padding-top: 0; padding-bottom: 0; } .ek-grid_indent_xxs\@medium { margin: calc(var(--ek-grid-indent-xxs) / 2 * -1); } .ek-grid_indent_xxs\@medium > .ek-grid__item { padding: calc(var(--ek-grid-indent-xxs) / 2); } .ek-grid_indent-x_xxs\@medium { margin-left: calc(var(--ek-grid-indent-xxs) / 2 * -1); margin-right: calc(var(--ek-grid-indent-xxs) / 2 * -1); } .ek-grid_indent-x_xxs\@medium > .ek-grid__item { padding-left: calc(var(--ek-grid-indent-xxs) / 2); padding-right: calc(var(--ek-grid-indent-xxs) / 2); } .ek-grid_indent-y_xxs\@medium { margin-top: calc(var(--ek-grid-indent-xxs) / 2 * -1); margin-bottom: calc(var(--ek-grid-indent-xxs) / 2 * -1); } .ek-grid_indent-y_xxs\@medium > .ek-grid__item { padding-top: calc(var(--ek-grid-indent-xxs) / 2); padding-bottom: calc(var(--ek-grid-indent-xxs) / 2); } .ek-grid_indent_xs\@medium { margin: calc(var(--ek-grid-indent-xs) / 2 * -1); } .ek-grid_indent_xs\@medium > .ek-grid__item { padding: calc(var(--ek-grid-indent-xs) / 2); } .ek-grid_indent-x_xs\@medium { margin-left: calc(var(--ek-grid-indent-xs) / 2 * -1); margin-right: calc(var(--ek-grid-indent-xs) / 2 * -1); } .ek-grid_indent-x_xs\@medium > .ek-grid__item { padding-left: calc(var(--ek-grid-indent-xs) / 2); padding-right: calc(var(--ek-grid-indent-xs) / 2); } .ek-grid_indent-y_xs\@medium { margin-top: calc(var(--ek-grid-indent-xs) / 2 * -1); margin-bottom: calc(var(--ek-grid-indent-xs) / 2 * -1); } .ek-grid_indent-y_xs\@medium > .ek-grid__item { padding-top: calc(var(--ek-grid-indent-xs) / 2); padding-bottom: calc(var(--ek-grid-indent-xs) / 2); } .ek-grid_indent_s\@medium { margin: calc(var(--ek-grid-indent-s) / 2 * -1); } .ek-grid_indent_s\@medium > .ek-grid__item { padding: calc(var(--ek-grid-indent-s) / 2); } .ek-grid_indent-x_s\@medium { margin-left: calc(var(--ek-grid-indent-s) / 2 * -1); margin-right: calc(var(--ek-grid-indent-s) / 2 * -1); } .ek-grid_indent-x_s\@medium > .ek-grid__item { padding-left: calc(var(--ek-grid-indent-s) / 2); padding-right: calc(var(--ek-grid-indent-s) / 2); } .ek-grid_indent-y_s\@medium { margin-top: calc(var(--ek-grid-indent-s) / 2 * -1); margin-bottom: calc(var(--ek-grid-indent-s) / 2 * -1); } .ek-grid_indent-y_s\@medium > .ek-grid__item { padding-top: calc(var(--ek-grid-indent-s) / 2); padding-bottom: calc(var(--ek-grid-indent-s) / 2); } .ek-grid_indent_m\@medium { margin: calc(var(--ek-grid-indent-m) / 2 * -1); } .ek-grid_indent_m\@medium > .ek-grid__item { padding: calc(var(--ek-grid-indent-m) / 2); } .ek-grid_indent-x_m\@medium { margin-left: calc(var(--ek-grid-indent-m) / 2 * -1); margin-right: calc(var(--ek-grid-indent-m) / 2 * -1); } .ek-grid_indent-x_m\@medium > .ek-grid__item { padding-left: calc(var(--ek-grid-indent-m) / 2); padding-right: calc(var(--ek-grid-indent-m) / 2); } .ek-grid_indent-y_m\@medium { margin-top: calc(var(--ek-grid-indent-m) / 2 * -1); margin-bottom: calc(var(--ek-grid-indent-m) / 2 * -1); } .ek-grid_indent-y_m\@medium > .ek-grid__item { padding-top: calc(var(--ek-grid-indent-m) / 2); padding-bottom: calc(var(--ek-grid-indent-m) / 2); } .ek-grid_indent_l\@medium { margin: calc(var(--ek-grid-indent-l) / 2 * -1); } .ek-grid_indent_l\@medium > .ek-grid__item { padding: calc(var(--ek-grid-indent-l) / 2); } .ek-grid_indent-x_l\@medium { margin-left: calc(var(--ek-grid-indent-l) / 2 * -1); margin-right: calc(var(--ek-grid-indent-l) / 2 * -1); } .ek-grid_indent-x_l\@medium > .ek-grid__item { padding-left: calc(var(--ek-grid-indent-l) / 2); padding-right: calc(var(--ek-grid-indent-l) / 2); } .ek-grid_indent-y_l\@medium { margin-top: calc(var(--ek-grid-indent-l) / 2 * -1); margin-bottom: calc(var(--ek-grid-indent-l) / 2 * -1); } .ek-grid_indent-y_l\@medium > .ek-grid__item { padding-top: calc(var(--ek-grid-indent-l) / 2); padding-bottom: calc(var(--ek-grid-indent-l) / 2); } .ek-grid_indent_xl\@medium { margin: calc(var(--ek-grid-indent-xl) / 2 * -1); } .ek-grid_indent_xl\@medium > .ek-grid__item { padding: calc(var(--ek-grid-indent-xl) / 2); } .ek-grid_indent-x_xl\@medium { margin-left: calc(var(--ek-grid-indent-xl) / 2 * -1); margin-right: calc(var(--ek-grid-indent-xl) / 2 * -1); } .ek-grid_indent-x_xl\@medium > .ek-grid__item { padding-left: calc(var(--ek-grid-indent-xl) / 2); padding-right: calc(var(--ek-grid-indent-xl) / 2); } .ek-grid_indent-y_xl\@medium { margin-top: calc(var(--ek-grid-indent-xl) / 2 * -1); margin-bottom: calc(var(--ek-grid-indent-xl) / 2 * -1); } .ek-grid_indent-y_xl\@medium > .ek-grid__item { padding-top: calc(var(--ek-grid-indent-xl) / 2); padding-bottom: calc(var(--ek-grid-indent-xl) / 2); } .ek-grid_indent_xxl\@medium { margin: calc(var(--ek-grid-indent-xxl) / 2 * -1); } .ek-grid_indent_xxl\@medium > .ek-grid__item { padding: calc(var(--ek-grid-indent-xxl) / 2); } .ek-grid_indent-x_xxl\@medium { margin-left: calc(var(--ek-grid-indent-xxl) / 2 * -1); margin-right: calc(var(--ek-grid-indent-xxl) / 2 * -1); } .ek-grid_indent-x_xxl\@medium > .ek-grid__item { padding-left: calc(var(--ek-grid-indent-xxl) / 2); padding-right: calc(var(--ek-grid-indent-xxl) / 2); } .ek-grid_indent-y_xxl\@medium { margin-top: calc(var(--ek-grid-indent-xxl) / 2 * -1); margin-bottom: calc(var(--ek-grid-indent-xxl) / 2 * -1); } .ek-grid_indent-y_xxl\@medium > .ek-grid__item { padding-top: calc(var(--ek-grid-indent-xxl) / 2); padding-bottom: calc(var(--ek-grid-indent-xxl) / 2); } .ek-grid_indent_3xl\@medium { margin: calc(var(--ek-grid-indent-3xl) / 2 * -1); } .ek-grid_indent_3xl\@medium > .ek-grid__item { padding: calc(var(--ek-grid-indent-3xl) / 2); } .ek-grid_indent-x_3xl\@medium { margin-left: calc(var(--ek-grid-indent-3xl) / 2 * -1); margin-right: calc(var(--ek-grid-indent-3xl) / 2 * -1); } .ek-grid_indent-x_3xl\@medium > .ek-grid__item { padding-left: calc(var(--ek-grid-indent-3xl) / 2); padding-right: calc(var(--ek-grid-indent-3xl) / 2); } .ek-grid_indent-y_3xl\@medium { margin-top: calc(var(--ek-grid-indent-3xl) / 2 * -1); margin-bottom: calc(var(--ek-grid-indent-3xl) / 2 * -1); } .ek-grid_indent-y_3xl\@medium > .ek-grid__item { padding-top: calc(var(--ek-grid-indent-3xl) / 2); padding-bottom: calc(var(--ek-grid-indent-3xl) / 2); } .ek-grid_indent_4xl\@medium { margin: calc(var(--ek-grid-indent-4xl) / 2 * -1); } .ek-grid_indent_4xl\@medium > .ek-grid__item { padding: calc(var(--ek-grid-indent-4xl) / 2); } .ek-grid_indent-x_4xl\@medium { margin-left: calc(var(--ek-grid-indent-4xl) / 2 * -1); margin-right: calc(var(--ek-grid-indent-4xl) / 2 * -1); } .ek-grid_indent-x_4xl\@medium > .ek-grid__item { padding-left: calc(var(--ek-grid-indent-4xl) / 2); padding-right: calc(var(--ek-grid-indent-4xl) / 2); } .ek-grid_indent-y_4xl\@medium { margin-top: calc(var(--ek-grid-indent-4xl) / 2 * -1); margin-bottom: calc(var(--ek-grid-indent-4xl) / 2 * -1); } .ek-grid_indent-y_4xl\@medium > .ek-grid__item { padding-top: calc(var(--ek-grid-indent-4xl) / 2); padding-bottom: calc(var(--ek-grid-indent-4xl) / 2); } .ek-grid_indent_5xl\@medium { margin: calc(var(--ek-grid-indent-5xl) / 2 * -1); } .ek-grid_indent_5xl\@medium > .ek-grid__item { padding: calc(var(--ek-grid-indent-5xl) / 2); } .ek-grid_indent-x_5xl\@medium { margin-left: calc(var(--ek-grid-indent-5xl) / 2 * -1); margin-right: calc(var(--ek-grid-indent-5xl) / 2 * -1); } .ek-grid_indent-x_5xl\@medium > .ek-grid__item { padding-left: calc(var(--ek-grid-indent-5xl) / 2); padding-right: calc(var(--ek-grid-indent-5xl) / 2); } .ek-grid_indent-y_5xl\@medium { margin-top: calc(var(--ek-grid-indent-5xl) / 2 * -1); margin-bottom: calc(var(--ek-grid-indent-5xl) / 2 * -1); } .ek-grid_indent-y_5xl\@medium > .ek-grid__item { padding-top: calc(var(--ek-grid-indent-5xl) / 2); padding-bottom: calc(var(--ek-grid-indent-5xl) / 2); } .ek-grid_divider-indent_none\@medium > .ek-grid__item { padding: 0; } .ek-grid_divider-indent-x_none\@medium > .ek-grid__item { padding-left: 0; padding-right: 0; } .ek-grid_divider-indent-y_none\@medium > .ek-grid__item { padding-top: 0; padding-bottom: 0; } .ek-grid_divider-indent_xxs\@medium > .ek-grid__item { padding: var(--ek-grid-indent-xxs); } .ek-grid_divider-indent-x_xxs\@medium > .ek-grid__item { padding-left: var(--ek-grid-indent-xxs); padding-right: var(--ek-grid-indent-xxs); } .ek-grid_divider-indent-y_xxs\@medium > .ek-grid__item { padding-top: var(--ek-grid-indent-xxs); padding-bottom: var(--ek-grid-indent-xxs); } .ek-grid_divider-indent_xs\@medium > .ek-grid__item { padding: var(--ek-grid-indent-xs); } .ek-grid_divider-indent-x_xs\@medium > .ek-grid__item { padding-left: var(--ek-grid-indent-xs); padding-right: var(--ek-grid-indent-xs); } .ek-grid_divider-indent-y_xs\@medium > .ek-grid__item { padding-top: var(--ek-grid-indent-xs); padding-bottom: var(--ek-grid-indent-xs); } .ek-grid_divider-indent_s\@medium > .ek-grid__item { padding: var(--ek-grid-indent-s); } .ek-grid_divider-indent-x_s\@medium > .ek-grid__item { padding-left: var(--ek-grid-indent-s); padding-right: var(--ek-grid-indent-s); } .ek-grid_divider-indent-y_s\@medium > .ek-grid__item { padding-top: var(--ek-grid-indent-s); padding-bottom: var(--ek-grid-indent-s); } .ek-grid_divider-indent_m\@medium > .ek-grid__item { padding: var(--ek-grid-indent-m); } .ek-grid_divider-indent-x_m\@medium > .ek-grid__item { padding-left: var(--ek-grid-indent-m); padding-right: var(--ek-grid-indent-m); } .ek-grid_divider-indent-y_m\@medium > .ek-grid__item { padding-top: var(--ek-grid-indent-m); padding-bottom: var(--ek-grid-indent-m); } .ek-grid_divider-indent_l\@medium > .ek-grid__item { padding: var(--ek-grid-indent-l); } .ek-grid_divider-indent-x_l\@medium > .ek-grid__item { padding-left: var(--ek-grid-indent-l); padding-right: var(--ek-grid-indent-l); } .ek-grid_divider-indent-y_l\@medium > .ek-grid__item { padding-top: var(--ek-grid-indent-l); padding-bottom: var(--ek-grid-indent-l); } .ek-grid_divider-indent_xl\@medium > .ek-grid__item { padding: var(--ek-grid-indent-xl); } .ek-grid_divider-indent-x_xl\@medium > .ek-grid__item { padding-left: var(--ek-grid-indent-xl); padding-right: var(--ek-grid-indent-xl); } .ek-grid_divider-indent-y_xl\@medium > .ek-grid__item { padding-top: var(--ek-grid-indent-xl); padding-bottom: var(--ek-grid-indent-xl); } .ek-grid_divider-indent_xxl\@medium > .ek-grid__item { padding: var(--ek-grid-indent-xxl); } .ek-grid_divider-indent-x_xxl\@medium > .ek-grid__item { padding-left: var(--ek-grid-indent-xxl); padding-right: var(--ek-grid-indent-xxl); } .ek-grid_divider-indent-y_xxl\@medium > .ek-grid__item { padding-top: var(--ek-grid-indent-xxl); padding-bottom: var(--ek-grid-indent-xxl); } .ek-grid_divider-indent_3xl\@medium > .ek-grid__item { padding: var(--ek-grid-indent-3xl); } .ek-grid_divider-indent-x_3xl\@medium > .ek-grid__item { padding-left: var(--ek-grid-indent-3xl); padding-right: var(--ek-grid-indent-3xl); } .ek-grid_divider-indent-y_3xl\@medium > .ek-grid__item { padding-top: var(--ek-grid-indent-3xl); padding-bottom: var(--ek-grid-indent-3xl); } .ek-grid_divider-indent_4xl\@medium > .ek-grid__item { padding: var(--ek-grid-indent-4xl); } .ek-grid_divider-indent-x_4xl\@medium > .ek-grid__item { padding-left: var(--ek-grid-indent-4xl); padding-right: var(--ek-grid-indent-4xl); } .ek-grid_divider-indent-y_4xl\@medium > .ek-grid__item { padding-top: var(--ek-grid-indent-4xl); padding-bottom: var(--ek-grid-indent-4xl); } .ek-grid_divider-indent_5xl\@medium > .ek-grid__item { padding: var(--ek-grid-indent-5xl); } .ek-grid_divider-indent-x_5xl\@medium > .ek-grid__item { padding-left: var(--ek-grid-indent-5xl); padding-right: var(--ek-grid-indent-5xl); } .ek-grid_divider-indent-y_5xl\@medium > .ek-grid__item { padding-top: var(--ek-grid-indent-5xl); padding-bottom: var(--ek-grid-indent-5xl); } .ek-grid_column_1\@medium > .ek-grid__item { flex: none; width: calc(100% / 1); } .ek-grid_column_2\@medium > .ek-grid__item { flex: none; width: calc(100% / 2); } .ek-grid_column_3\@medium > .ek-grid__item { flex: none; width: calc(100% / 3); } .ek-grid_column_4\@medium > .ek-grid__item { flex: none; width: calc(100% / 4); } .ek-grid_column_5\@medium > .ek-grid__item { flex: none; width: calc(100% / 5); } .ek-grid_column_6\@medium > .ek-grid__item { flex: none; width: calc(100% / 6); } .ek-grid_column_7\@medium > .ek-grid__item { flex: none; width: calc(100% / 7); } .ek-grid_column_8\@medium > .ek-grid__item { flex: none; width: calc(100% / 8); } .ek-grid_column_9\@medium > .ek-grid__item { flex: none; width: calc(100% / 9); } .ek-grid_column_10\@medium > .ek-grid__item { flex: none; width: calc(100% / 10); } .ek-grid_column_expand\@medium > .ek-grid__item { flex: 1; width: auto; } .ek-grid_column_auto\@medium > .ek-grid__item { flex: none; width: auto; } .ek-grid_divider-column_1\@medium > .ek-grid__item { flex: none; width: calc(100% / 1); } .ek-grid_divider-column_1\@medium > .ek-grid__item.ek-grid__item + .ek-grid__item { border-left-width: 0; } .ek-grid_divider-column_1\@medium > .ek-grid__item.ek-grid__item:nth-child(1n-0) { border-right-width: 0; } .ek-grid_divider-column_1\@medium > .ek-grid__item.ek-grid__item:nth-child(1n-0):nth-last-child(-n+1) { border-bottom-width: 0; } .ek-grid_divider-column_1\@medium > .ek-grid__item.ek-grid__item:nth-child(1n-0):not(:nth-last-child(-n+1)) { border-bottom-width: 1px; } .ek-grid_divider-column_2\@medium > .ek-grid__item { flex: none; width: calc(100% / 2); } .ek-grid_divider-column_2\@medium > .ek-grid__item.ek-grid__item + .ek-grid__item { border-left-width: 0; } .ek-grid_divider-column_2\@medium > .ek-grid__item.ek-grid__item:nth-child(2n-1) { border-right-width: 1px; } .ek-grid_divider-column_2\@medium > .ek-grid__item.ek-grid__item:nth-child(2n-1):nth-last-child(-n+2) { border-bottom-width: 0; } .ek-grid_divider-column_2\@medium > .ek-grid__item.ek-grid__item:nth-child(2n-1):not(:nth-last-child(-n+2)) { border-bottom-width: 1px; } .ek-grid_divider-column_2\@medium > .ek-grid__item.ek-grid__item:nth-child(2n-0) { border-right-width: 0; } .ek-grid_divider-column_2\@medium > .ek-grid__item.ek-grid__item:nth-child(2n-0):nth-last-child(-n+1) { border-bottom-width: 0; } .ek-grid_divider-column_2\@medium > .ek-grid__item.ek-grid__item:nth-child(2n-0):not(:nth-last-child(-n+1)) { border-bottom-width: 1px; } .ek-grid_divider-column_3\@medium > .ek-grid__item { flex: none; width: calc(100% / 3); } .ek-grid_divider-column_3\@medium > .ek-grid__item.ek-grid__item + .ek-grid__item { border-left-width: 0; } .ek-grid_divider-column_3\@medium > .ek-grid__item.ek-grid__item:nth-child(3n-2) { border-right-width: 1px; } .ek-grid_divider-column_3\@medium > .ek-grid__item.ek-grid__item:nth-child(3n-2):nth-last-child(-n+3) { border-bottom-width: 0; } .ek-grid_divider-column_3\@medium > .ek-grid__item.ek-grid__item:nth-child(3n-2):not(:nth-last-child(-n+3)) { border-bottom-width: 1px; } .ek-grid_divider-column_3\@medium > .ek-grid__item.ek-grid__item:nth-child(3n-1) { border-right-width: 1px; } .ek-grid_divider-column_3\@medium > .ek-grid__item.ek-grid__item:nth-child(3n-1):nth-last-child(-n+2) { border-bottom-width: 0; } .ek-grid_divider-column_3\@medium > .ek-grid__item.ek-grid__item:nth-child(3n-1):not(:nth-last-child(-n+2)) { border-bottom-width: 1px; } .ek-grid_divider-column_3\@medium > .ek-grid__item.ek-grid__item:nth-child(3n-0) { border-right-width: 0; } .ek-grid_divider-column_3\@medium > .ek-grid__item.ek-grid__item:nth-child(3n-0):nth-last-child(-n+1) { border-bottom-width: 0; } .ek-grid_divider-column_3\@medium > .ek-grid__item.ek-grid__item:nth-child(3n-0):not(:nth-last-child(-n+1)) { border-bottom-width: 1px; } .ek-grid_divider-column_4\@medium > .ek-grid__item { flex: none; width: calc(100% / 4); } .ek-grid_divider-column_4\@medium > .ek-grid__item.ek-grid__item + .ek-grid__item { border-left-width: 0; } .ek-grid_divider-column_4\@medium > .ek-grid__item.ek-grid__item:nth-child(4n-3) { border-right-width: 1px; } .ek-grid_divider-column_4\@medium > .ek-grid__item.ek-grid__item:nth-child(4n-3):nth-last-child(-n+4) { border-bottom-width: 0; } .ek-grid_divider-column_4\@medium > .ek-grid__item.ek-grid__item:nth-child(4n-3):not(:nth-last-child(-n+4)) { border-bottom-width: 1px; } .ek-grid_divider-column_4\@medium > .ek-grid__item.ek-grid__item:nth-child(4n-2) { border-right-width: 1px; } .ek-grid_divider-column_4\@medium > .ek-grid__item.ek-grid__item:nth-child(4n-2):nth-last-child(-n+3) { border-bottom-width: 0; } .ek-grid_divider-column_4\@medium > .ek-grid__item.ek-grid__item:nth-child(4n-2):not(:nth-last-child(-n+3)) { border-bottom-width: 1px; } .ek-grid_divider-column_4\@medium > .ek-grid__item.ek-grid__item:nth-child(4n-1) { border-right-width: 1px; } .ek-grid_divider-column_4\@medium > .ek-grid__item.ek-grid__item:nth-child(4n-1):nth-last-child(-n+2) { border-bottom-width: 0; } .ek-grid_divider-column_4\@medium > .ek-grid__item.ek-grid__item:nth-child(4n-1):not(:nth-last-child(-n+2)) { border-bottom-width: 1px; } .ek-grid_divider-column_4\@medium > .ek-grid__item.ek-grid__item:nth-child(4n-0) { border-right-width: 0; } .ek-grid_divider-column_4\@medium > .ek-grid__item.ek-grid__item:nth-child(4n-0):nth-last-child(-n+1) { border-bottom-width: 0; } .ek-grid_divider-column_4\@medium > .ek-grid__item.ek-grid__item:nth-child(4n-0):not(:nth-last-child(-n+1)) { border-bottom-width: 1px; } .ek-grid_divider-column_5\@medium > .ek-grid__item { flex: none; width: calc(100% / 5); } .ek-grid_divider-column_5\@medium > .ek-grid__item.ek-grid__item + .ek-grid__item { border-left-width: 0; } .ek-grid_divider-column_5\@medium > .ek-grid__item.ek-grid__item:nth-child(5n-4) { border-right-width: 1px; } .ek-grid_divider-column_5\@medium > .ek-grid__item.ek-grid__item:nth-child(5n-4):nth-last-child(-n+5) { border-bottom-width: 0; } .ek-grid_divider-column_5\@medium > .ek-grid__item.ek-grid__item:nth-child(5n-4):not(:nth-last-child(-n+5)) { border-bottom-width: 1px; } .ek-grid_divider-column_5\@medium > .ek-grid__item.ek-grid__item:nth-child(5n-3) { border-right-width: 1px; } .ek-grid_divider-column_5\@medium > .ek-grid__item.ek-grid__item:nth-child(5n-3):nth-last-child(-n+4) { border-bottom-width: 0; } .ek-grid_divider-column_5\@medium > .ek-grid__item.ek-grid__item:nth-child(5n-3):not(:nth-last-child(-n+4)) { border-bottom-width: 1px; } .ek-grid_divider-column_5\@medium > .ek-grid__item.ek-grid__item:nth-child(5n-2) { border-right-width: 1px; } .ek-grid_divider-column_5\@medium > .ek-grid__item.ek-grid__item:nth-child(5n-2):nth-last-child(-n+3) { border-bottom-width: 0; } .ek-grid_divider-column_5\@medium > .ek-grid__item.ek-grid__item:nth-child(5n-2):not(:nth-last-child(-n+3)) { border-bottom-width: 1px; } .ek-grid_divider-column_5\@medium > .ek-grid__item.ek-grid__item:nth-child(5n-1) { border-right-width: 1px; } .ek-grid_divider-column_5\@medium > .ek-grid__item.ek-grid__item:nth-child(5n-1):nth-last-child(-n+2) { border-bottom-width: 0; } .ek-grid_divider-column_5\@medium > .ek-grid__item.ek-grid__item:nth-child(5n-1):not(:nth-last-child(-n+2)) { border-bottom-width: 1px; } .ek-grid_divider-column_5\@medium > .ek-grid__item.ek-grid__item:nth-child(5n-0) { border-right-width: 0; } .ek-grid_divider-column_5\@medium > .ek-grid__item.ek-grid__item:nth-child(5n-0):nth-last-child(-n+1) { border-bottom-width: 0; } .ek-grid_divider-column_5\@medium > .ek-grid__item.ek-grid__item:nth-child(5n-0):not(:nth-last-child(-n+1)) { border-bottom-width: 1px; } .ek-grid_divider-column_6\@medium > .ek-grid__item { flex: none; width: calc(100% / 6); } .ek-grid_divider-column_6\@medium > .ek-grid__item.ek-grid__item + .ek-grid__item { border-left-width: 0; } .ek-grid_divider-column_6\@medium > .ek-grid__item.ek-grid__item:nth-child(6n-5) { border-right-width: 1px; } .ek-grid_divider-column_6\@medium > .ek-grid__item.ek-grid__item:nth-child(6n-5):nth-last-child(-n+6) { border-bottom-width: 0; } .ek-grid_divider-column_6\@medium > .ek-grid__item.ek-grid__item:nth-child(6n-5):not(:nth-last-child(-n+6)) { border-bottom-width: 1px; } .ek-grid_divider-column_6\@medium > .ek-grid__item.ek-grid__item:nth-child(6n-4) { border-right-width: 1px; } .ek-grid_divider-column_6\@medium > .ek-grid__item.ek-grid__item:nth-child(6n-4):nth-last-child(-n+5) { border-bottom-width: 0; } .ek-grid_divider-column_6\@medium > .ek-grid__item.ek-grid__item:nth-child(6n-4):not(:nth-last-child(-n+5)) { border-bottom-width: 1px; } .ek-grid_divider-column_6\@medium > .ek-grid__item.ek-grid__item:nth-child(6n-3) { border-right-width: 1px; } .ek-grid_divider-column_6\@medium > .ek-grid__item.ek-grid__item:nth-child(6n-3):nth-last-child(-n+4) { border-bottom-width: 0; } .ek-grid_divider-column_6\@medium > .ek-grid__item.ek-grid__item:nth-child(6n-3):not(:nth-last-child(-n+4)) { border-bottom-width: 1px; } .ek-grid_divider-column_6\@medium > .ek-grid__item.ek-grid__item:nth-child(6n-2) { border-right-width: 1px; } .ek-grid_divider-column_6\@medium > .ek-grid__item.ek-grid__item:nth-child(6n-2):nth-last-child(-n+3) { border-bottom-width: 0; } .ek-grid_divider-column_6\@medium > .ek-grid__item.ek-grid__item:nth-child(6n-2):not(:nth-last-child(-n+3)) { border-bottom-width: 1px; } .ek-grid_divider-column_6\@medium > .ek-grid__item.ek-grid__item:nth-child(6n-1) { border-right-width: 1px; } .ek-grid_divider-column_6\@medium > .ek-grid__item.ek-grid__item:nth-child(6n-1):nth-last-child(-n+2) { border-bottom-width: 0; } .ek-grid_divider-column_6\@medium > .ek-grid__item.ek-grid__item:nth-child(6n-1):not(:nth-last-child(-n+2)) { border-bottom-width: 1px; } .ek-grid_divider-column_6\@medium > .ek-grid__item.ek-grid__item:nth-child(6n-0) { border-right-width: 0; } .ek-grid_divider-column_6\@medium > .ek-grid__item.ek-grid__item:nth-child(6n-0):nth-last-child(-n+1) { border-bottom-width: 0; } .ek-grid_divider-column_6\@medium > .ek-grid__item.ek-grid__item:nth-child(6n-0):not(:nth-last-child(-n+1)) { border-bottom-width: 1px; } .ek-grid_divider-column_7\@medium > .ek-grid__item { flex: none; width: calc(100% / 7); } .ek-grid_divider-column_7\@medium > .ek-grid__item.ek-grid__item + .ek-grid__item { border-left-width: 0; } .ek-grid_divider-column_7\@medium > .ek-grid__item.ek-grid__item:nth-child(7n-6) { border-right-width: 1px; } .ek-grid_divider-column_7\@medium > .ek-grid__item.ek-grid__item:nth-child(7n-6):nth-last-child(-n+7) { border-bottom-width: 0; } .ek-grid_divider-column_7\@medium > .ek-grid__item.ek-grid__item:nth-child(7n-6):not(:nth-last-child(-n+7)) { border-bottom-width: 1px; } .ek-grid_divider-column_7\@medium > .ek-grid__item.ek-grid__item:nth-child(7n-5) { border-right-width: 1px; } .ek-grid_divider-column_7\@medium > .ek-grid__item.ek-grid__item:nth-child(7n-5):nth-last-child(-n+6) { border-bottom-width: 0; } .ek-grid_divider-column_7\@medium > .ek-grid__item.ek-grid__item:nth-child(7n-5):not(:nth-last-child(-n+6)) { border-bottom-width: 1px; } .ek-grid_divider-column_7\@medium > .ek-grid__item.ek-grid__item:nth-child(7n-4) { border-right-width: 1px; } .ek-grid_divider-column_7\@medium > .ek-grid__item.ek-grid__item:nth-child(7n-4):nth-last-child(-n+5) { border-bottom-width: 0; } .ek-grid_divider-column_7\@medium > .ek-grid__item.ek-grid__item:nth-child(7n-4):not(:nth-last-child(-n+5)) { border-bottom-width: 1px; } .ek-grid_divider-column_7\@medium > .ek-grid__item.ek-grid__item:nth-child(7n-3) { border-right-width: 1px; } .ek-grid_divider-column_7\@medium > .ek-grid__item.ek-grid__item:nth-child(7n-3):nth-last-child(-n+4) { border-bottom-width: 0; } .ek-grid_divider-column_7\@medium > .ek-grid__item.ek-grid__item:nth-child(7n-3):not(:nth-last-child(-n+4)) { border-bottom-width: 1px; } .ek-grid_divider-column_7\@medium > .ek-grid__item.ek-grid__item:nth-child(7n-2) { border-right-width: 1px; } .ek-grid_divider-column_7\@medium > .ek-grid__item.ek-grid__item:nth-child(7n-2):nth-last-child(-n+3) { border-bottom-width: 0; } .ek-grid_divider-column_7\@medium > .ek-grid__item.ek-grid__item:nth-child(7n-2):not(:nth-last-child(-n+3)) { border-bottom-width: 1px; } .ek-grid_divider-column_7\@medium > .ek-grid__item.ek-grid__item:nth-child(7n-1) { border-right-width: 1px; } .ek-grid_divider-column_7\@medium > .ek-grid__item.ek-grid__item:nth-child(7n-1):nth-last-child(-n+2) { border-bottom-width: 0; } .ek-grid_divider-column_7\@medium > .ek-grid__item.ek-grid__item:nth-child(7n-1):not(:nth-last-child(-n+2)) { border-bottom-width: 1px; } .ek-grid_divider-column_7\@medium > .ek-grid__item.ek-grid__item:nth-child(7n-0) { border-right-width: 0; } .ek-grid_divider-column_7\@medium > .ek-grid__item.ek-grid__item:nth-child(7n-0):nth-last-child(-n+1) { border-bottom-width: 0; } .ek-grid_divider-column_7\@medium > .ek-grid__item.ek-grid__item:nth-child(7n-0):not(:nth-last-child(-n+1)) { border-bottom-width: 1px; } .ek-grid_divider-column_8\@medium > .ek-grid__item { flex: none; width: calc(100% / 8); } .ek-grid_divider-column_8\@medium > .ek-grid__item.ek-grid__item + .ek-grid__item { border-left-width: 0; } .ek-grid_divider-column_8\@medium > .ek-grid__item.ek-grid__item:nth-child(8n-7) { border-right-width: 1px; } .ek-grid_divider-column_8\@medium > .ek-grid__item.ek-grid__item:nth-child(8n-7):nth-last-child(-n+8) { border-bottom-width: 0; } .ek-grid_divider-column_8\@medium > .ek-grid__item.ek-grid__item:nth-child(8n-7):not(:nth-last-child(-n+8)) { border-bottom-width: 1px; } .ek-grid_divider-column_8\@medium > .ek-grid__item.ek-grid__item:nth-child(8n-6) { border-right-width: 1px; } .ek-grid_divider-column_8\@medium > .ek-grid__item.ek-grid__item:nth-child(8n-6):nth-last-child(-n+7) { border-bottom-width: 0; } .ek-grid_divider-column_8\@medium > .ek-grid__item.ek-grid__item:nth-child(8n-6):not(:nth-last-child(-n+7)) { border-bottom-width: 1px; } .ek-grid_divider-column_8\@medium > .ek-grid__item.ek-grid__item:nth-child(8n-5) { border-right-width: 1px; } .ek-grid_divider-column_8\@medium > .ek-grid__item.ek-grid__item:nth-child(8n-5):nth-last-child(-n+6) { border-bottom-width: 0; } .ek-grid_divider-column_8\@medium > .ek-grid__item.ek-grid__item:nth-child(8n-5):not(:nth-last-child(-n+6)) { border-bottom-width: 1px; } .ek-grid_divider-column_8\@medium > .ek-grid__item.ek-grid__item:nth-child(8n-4) { border-right-width: 1px; } .ek-grid_divider-column_8\@medium > .ek-grid__item.ek-grid__item:nth-child(8n-4):nth-last-child(-n+5) { border-bottom-width: 0; } .ek-grid_divider-column_8\@medium > .ek-grid__item.ek-grid__item:nth-child(8n-4):not(:nth-last-child(-n+5)) { border-bottom-width: 1px; } .ek-grid_divider-column_8\@medium > .ek-grid__item.ek-grid__item:nth-child(8n-3) { border-right-width: 1px; } .ek-grid_divider-column_8\@medium > .ek-grid__item.ek-grid__item:nth-child(8n-3):nth-last-child(-n+4) { border-bottom-width: 0; } .ek-grid_divider-column_8\@medium > .ek-grid__item.ek-grid__item:nth-child(8n-3):not(:nth-last-child(-n+4)) { border-bottom-width: 1px; } .ek-grid_divider-column_8\@medium > .ek-grid__item.ek-grid__item:nth-child(8n-2) { border-right-width: 1px; } .ek-grid_divider-column_8\@medium > .ek-grid__item.ek-grid__item:nth-child(8n-2):nth-last-child(-n+3) { border-bottom-width: 0; } .ek-grid_divider-column_8\@medium > .ek-grid__item.ek-grid__item:nth-child(8n-2):not(:nth-last-child(-n+3)) { border-bottom-width: 1px; } .ek-grid_divider-column_8\@medium > .ek-grid__item.ek-grid__item:nth-child(8n-1) { border-right-width: 1px; } .ek-grid_divider-column_8\@medium > .ek-grid__item.ek-grid__item:nth-child(8n-1):nth-last-child(-n+2) { border-bottom-width: 0; } .ek-grid_divider-column_8\@medium > .ek-grid__item.ek-grid__item:nth-child(8n-1):not(:nth-last-child(-n+2)) { border-bottom-width: 1px; } .ek-grid_divider-column_8\@medium > .ek-grid__item.ek-grid__item:nth-child(8n-0) { border-right-width: 0; } .ek-grid_divider-column_8\@medium > .ek-grid__item.ek-grid__item:nth-child(8n-0):nth-last-child(-n+1) { border-bottom-width: 0; } .ek-grid_divider-column_8\@medium > .ek-grid__item.ek-grid__item:nth-child(8n-0):not(:nth-last-child(-n+1)) { border-bottom-width: 1px; } .ek-grid_divider-column_9\@medium > .ek-grid__item { flex: none; width: calc(100% / 9); } .ek-grid_divider-column_9\@medium > .ek-grid__item.ek-grid__item + .ek-grid__item { border-left-width: 0; } .ek-grid_divider-column_9\@medium > .ek-grid__item.ek-grid__item:nth-child(9n-8) { border-right-width: 1px; } .ek-grid_divider-column_9\@medium > .ek-grid__item.ek-grid__item:nth-child(9n-8):nth-last-child(-n+9) { border-bottom-width: 0; } .ek-grid_divider-column_9\@medium > .ek-grid__item.ek-grid__item:nth-child(9n-8):not(:nth-last-child(-n+9)) { border-bottom-width: 1px; } .ek-grid_divider-column_9\@medium > .ek-grid__item.ek-grid__item:nth-child(9n-7) { border-right-width: 1px; } .ek-grid_divider-column_9\@medium > .ek-grid__item.ek-grid__item:nth-child(9n-7):nth-last-child(-n+8) { border-bottom-width: 0; } .ek-grid_divider-column_9\@medium > .ek-grid__item.ek-grid__item:nth-child(9n-7):not(:nth-last-child(-n+8)) { border-bottom-width: 1px; } .ek-grid_divider-column_9\@medium > .ek-grid__item.ek-grid__item:nth-child(9n-6) { border-right-width: 1px; } .ek-grid_divider-column_9\@medium > .ek-grid__item.ek-grid__item:nth-child(9n-6):nth-last-child(-n+7) { border-bottom-width: 0; } .ek-grid_divider-column_9\@medium > .ek-grid__item.ek-grid__item:nth-child(9n-6):not(:nth-last-child(-n+7)) { border-bottom-width: 1px; } .ek-grid_divider-column_9\@medium > .ek-grid__item.ek-grid__item:nth-child(9n-5) { border-right-width: 1px; } .ek-grid_divider-column_9\@medium > .ek-grid__item.ek-grid__item:nth-child(9n-5):nth-last-child(-n+6) { border-bottom-width: 0; } .ek-grid_divider-column_9\@medium > .ek-grid__item.ek-grid__item:nth-child(9n-5):not(:nth-last-child(-n+6)) { border-bottom-width: 1px; } .ek-grid_divider-column_9\@medium > .ek-grid__item.ek-grid__item:nth-child(9n-4) { border-right-width: 1px; } .ek-grid_divider-column_9\@medium > .ek-grid__item.ek-grid__item:nth-child(9n-4):nth-last-child(-n+5) { border-bottom-width: 0; } .ek-grid_divider-column_9\@medium > .ek-grid__item.ek-grid__item:nth-child(9n-4):not(:nth-last-child(-n+5)) { border-bottom-width: 1px; } .ek-grid_divider-column_9\@medium > .ek-grid__item.ek-grid__item:nth-child(9n-3) { border-right-width: 1px; } .ek-grid_divider-column_9\@medium > .ek-grid__item.ek-grid__item:nth-child(9n-3):nth-last-child(-n+4) { border-bottom-width: 0; } .ek-grid_divider-column_9\@medium > .ek-grid__item.ek-grid__item:nth-child(9n-3):not(:nth-last-child(-n+4)) { border-bottom-width: 1px; } .ek-grid_divider-column_9\@medium > .ek-grid__item.ek-grid__item:nth-child(9n-2) { border-right-width: 1px; } .ek-grid_divider-column_9\@medium > .ek-grid__item.ek-grid__item:nth-child(9n-2):nth-last-child(-n+3) { border-bottom-width: 0; } .ek-grid_divider-column_9\@medium > .ek-grid__item.ek-grid__item:nth-child(9n-2):not(:nth-last-child(-n+3)) { border-bottom-width: 1px; } .ek-grid_divider-column_9\@medium > .ek-grid__item.ek-grid__item:nth-child(9n-1) { border-right-width: 1px; } .ek-grid_divider-column_9\@medium > .ek-grid__item.ek-grid__item:nth-child(9n-1):nth-last-child(-n+2) { border-bottom-width: 0; } .ek-grid_divider-column_9\@medium > .ek-grid__item.ek-grid__item:nth-child(9n-1):not(:nth-last-child(-n+2)) { border-bottom-width: 1px; } .ek-grid_divider-column_9\@medium > .ek-grid__item.ek-grid__item:nth-child(9n-0) { border-right-width: 0; } .ek-grid_divider-column_9\@medium > .ek-grid__item.ek-grid__item:nth-child(9n-0):nth-last-child(-n+1) { border-bottom-width: 0; } .ek-grid_divider-column_9\@medium > .ek-grid__item.ek-grid__item:nth-child(9n-0):not(:nth-last-child(-n+1)) { border-bottom-width: 1px; } .ek-grid_divider-column_10\@medium > .ek-grid__item { flex: none; width: calc(100% / 10); } .ek-grid_divider-column_10\@medium > .ek-grid__item.ek-grid__item + .ek-grid__item { border-left-width: 0; } .ek-grid_divider-column_10\@medium > .ek-grid__item.ek-grid__item:nth-child(10n-9) { border-right-width: 1px; } .ek-grid_divider-column_10\@medium > .ek-grid__item.ek-grid__item:nth-child(10n-9):nth-last-child(-n+10) { border-bottom-width: 0; } .ek-grid_divider-column_10\@medium > .ek-grid__item.ek-grid__item:nth-child(10n-9):not(:nth-last-child(-n+10)) { border-bottom-width: 1px; } .ek-grid_divider-column_10\@medium > .ek-grid__item.ek-grid__item:nth-child(10n-8) { border-right-width: 1px; } .ek-grid_divider-column_10\@medium > .ek-grid__item.ek-grid__item:nth-child(10n-8):nth-last-child(-n+9) { border-bottom-width: 0; } .ek-grid_divider-column_10\@medium > .ek-grid__item.ek-grid__item:nth-child(10n-8):not(:nth-last-child(-n+9)) { border-bottom-width: 1px; } .ek-grid_divider-column_10\@medium > .ek-grid__item.ek-grid__item:nth-child(10n-7) { border-right-width: 1px; } .ek-grid_divider-column_10\@medium > .ek-grid__item.ek-grid__item:nth-child(10n-7):nth-last-child(-n+8) { border-bottom-width: 0; } .ek-grid_divider-column_10\@medium > .ek-grid__item.ek-grid__item:nth-child(10n-7):not(:nth-last-child(-n+8)) { border-bottom-width: 1px; } .ek-grid_divider-column_10\@medium > .ek-grid__item.ek-grid__item:nth-child(10n-6) { border-right-width: 1px; } .ek-grid_divider-column_10\@medium > .ek-grid__item.ek-grid__item:nth-child(10n-6):nth-last-child(-n+7) { border-bottom-width: 0; } .ek-grid_divider-column_10\@medium > .ek-grid__item.ek-grid__item:nth-child(10n-6):not(:nth-last-child(-n+7)) { border-bottom-width: 1px; } .ek-grid_divider-column_10\@medium > .ek-grid__item.ek-grid__item:nth-child(10n-5) { border-right-width: 1px; } .ek-grid_divider-column_10\@medium > .ek-grid__item.ek-grid__item:nth-child(10n-5):nth-last-child(-n+6) { border-bottom-width: 0; } .ek-grid_divider-column_10\@medium > .ek-grid__item.ek-grid__item:nth-child(10n-5):not(:nth-last-child(-n+6)) { border-bottom-width: 1px; } .ek-grid_divider-column_10\@medium > .ek-grid__item.ek-grid__item:nth-child(10n-4) { border-right-width: 1px; } .ek-grid_divider-column_10\@medium > .ek-grid__item.ek-grid__item:nth-child(10n-4):nth-last-child(-n+5) { border-bottom-width: 0; } .ek-grid_divider-column_10\@medium > .ek-grid__item.ek-grid__item:nth-child(10n-4):not(:nth-last-child(-n+5)) { border-bottom-width: 1px; } .ek-grid_divider-column_10\@medium > .ek-grid__item.ek-grid__item:nth-child(10n-3) { border-right-width: 1px; } .ek-grid_divider-column_10\@medium > .ek-grid__item.ek-grid__item:nth-child(10n-3):nth-last-child(-n+4) { border-bottom-width: 0; } .ek-grid_divider-column_10\@medium > .ek-grid__item.ek-grid__item:nth-child(10n-3):not(:nth-last-child(-n+4)) { border-bottom-width: 1px; } .ek-grid_divider-column_10\@medium > .ek-grid__item.ek-grid__item:nth-child(10n-2) { border-right-width: 1px; } .ek-grid_divider-column_10\@medium > .ek-grid__item.ek-grid__item:nth-child(10n-2):nth-last-child(-n+3) { border-bottom-width: 0; } .ek-grid_divider-column_10\@medium > .ek-grid__item.ek-grid__item:nth-child(10n-2):not(:nth-last-child(-n+3)) { border-bottom-width: 1px; } .ek-grid_divider-column_10\@medium > .ek-grid__item.ek-grid__item:nth-child(10n-1) { border-right-width: 1px; } .ek-grid_divider-column_10\@medium > .ek-grid__item.ek-grid__item:nth-child(10n-1):nth-last-child(-n+2) { border-bottom-width: 0; } .ek-grid_divider-column_10\@medium > .ek-grid__item.ek-grid__item:nth-child(10n-1):not(:nth-last-child(-n+2)) { border-bottom-width: 1px; } .ek-grid_divider-column_10\@medium > .ek-grid__item.ek-grid__item:nth-child(10n-0) { border-right-width: 0; } .ek-grid_divider-column_10\@medium > .ek-grid__item.ek-grid__item:nth-child(10n-0):nth-last-child(-n+1) { border-bottom-width: 0; } .ek-grid_divider-column_10\@medium > .ek-grid__item.ek-grid__item:nth-child(10n-0):not(:nth-last-child(-n+1)) { border-bottom-width: 1px; } .ek-grid_divider-column_expand\@medium > .ek-grid__item { flex: 1; width: auto; } .ek-grid_divider-column_expand\@medium > .ek-grid__item.ek-grid__item + .ek-grid__item { border-left-width: 1px; } .ek-grid_divider-column_expand\@medium > .ek-grid__item.ek-grid__item:nth-child(even), .ek-grid_divider-column_expand\@medium > .ek-grid__item.ek-grid__item:nth-child(odd) { border-right-width: 0; } .ek-grid_divider-column_expand\@medium > .ek-grid__item.ek-grid__item:nth-child(even):not(:nth-child(odd)), .ek-grid_divider-column_expand\@medium > .ek-grid__item.ek-grid__item:nth-child(even):not(:nth-child(even)), .ek-grid_divider-column_expand\@medium > .ek-grid__item.ek-grid__item:nth-child(odd):not(:nth-child(odd)), .ek-grid_divider-column_expand\@medium > .ek-grid__item.ek-grid__item:nth-child(odd):not(:nth-child(even)) { border-bottom-width: 0; } .ek-grid_divider-column_auto\@medium > .ek-grid__item { flex: none; width: auto; } .ek-grid_divider-column_auto\@medium > .ek-grid__item.ek-grid__item + .ek-grid__item { border-left-width: 1px; } .ek-grid_divider-column_auto\@medium > .ek-grid__item.ek-grid__item:nth-child(even), .ek-gri