evokit-flex/style@wide.css

The block for building flexible layouts

@media (--ek-flex-media-wide) {
        .ek-flex__item_display_block\@wide {
        display: block
        }
        .ek-flex__item_display_none\@wide {
        display: none
        }
        .ek-flex__item_align_start\@wide {
            align-self: flex-start
        }
        .ek-flex__item_align_end\@wide {
            align-self: flex-end
        }
        .ek-flex__item_align_center\@wide {
            align-self: center
        }
        .ek-flex__item_align_baseline\@wide {
            align-self: baseline
        }
        .ek-flex__item_align_stretch\@wide {
            align-self: stretch
        }
        .ek-flex__item_order_0\@wide {
        order: 0
        }
        .ek-flex__item_order_1\@wide {
        order: 1
        }
        .ek-flex__item_order_2\@wide {
        order: 2
        }
        .ek-flex__item_order_3\@wide {
        order: 3
        }
        .ek-flex__item_order_4\@wide {
        order: 4
        }
        .ek-flex__item_order_5\@wide {
        order: 5
        }
        .ek-flex__item_order_6\@wide {
        order: 6
        }
        .ek-flex__item_order_7\@wide {
        order: 7
        }
        .ek-flex__item_order_8\@wide {
        order: 8
        }
        .ek-flex__item_order_9\@wide {
        order: 9
        }
        .ek-flex__item_order_10\@wide {
        order: 10
        }
    .ek-flex__item_empty_hidden\@wide:empty {
        display: none
        }
        .ek-flex_display_flex\@wide {
        display: flex
        }
        .ek-flex_display_inline-flex\@wide {
        display: inline-flex
        }
        .ek-flex_display_none\@wide {
        display: none
        }
        .ek-flex_content_start\@wide {
            align-content: flex-start;
            justify-content: flex-start
        }
        .ek-flex_content-align_start\@wide {
            align-content: flex-start
        }
        .ek-flex_content-justify_start\@wide {
            justify-content: flex-start
        }
        .ek-flex_content_end\@wide {
            align-content: flex-end;
            justify-content: flex-end
        }
        .ek-flex_content-align_end\@wide {
            align-content: flex-end
        }
        .ek-flex_content-justify_end\@wide {
            justify-content: flex-end
        }
        .ek-flex_content_center\@wide {
            align-content: center;
            justify-content: center
        }
        .ek-flex_content-align_center\@wide {
            align-content: center
        }
        .ek-flex_content-justify_center\@wide {
            justify-content: center
        }
        .ek-flex_content_between\@wide {
            align-content: space-between;
            justify-content: space-between
        }
        .ek-flex_content-align_between\@wide {
            align-content: space-between
        }
        .ek-flex_content-justify_between\@wide {
            justify-content: space-between
        }
        .ek-flex_content_around\@wide {
            align-content: space-around;
            justify-content: space-around
        }
        .ek-flex_content-align_around\@wide {
            align-content: space-around
        }
        .ek-flex_content-justify_around\@wide {
            justify-content: space-around
        }
        .ek-flex_content_stretch\@wide {
            align-content: stretch;
            justify-content: stretch
        }
        .ek-flex_content-align_stretch\@wide {
            align-content: stretch
        }
        .ek-flex_content-justify_stretch\@wide {
            justify-content: stretch
        }
        .ek-flex_items_start\@wide {
            align-items: flex-start
        }
        .ek-flex_items_end\@wide {
            align-items: flex-end
        }
        .ek-flex_items_center\@wide {
            align-items: center
        }
        .ek-flex_items_baseline\@wide {
            align-items: baseline
        }
        .ek-flex_items_stretch\@wide {
            align-items: stretch
        }
        .ek-flex_direction_row\@wide {
        flex-direction: row
        }
        .ek-flex_direction_row-reverse\@wide {
        flex-direction: row-reverse
        }
        .ek-flex_direction_column\@wide {
        flex-direction: column
        }
        .ek-flex_direction_column-reverse\@wide {
        flex-direction: column-reverse
        }
        .ek-flex_wrap_nowrap\@wide {
        flex-wrap: nowrap
        }
        .ek-flex_wrap_wrap\@wide {
        flex-wrap: wrap
        }
        .ek-flex_wrap_wrap-reverse\@wide {
        flex-wrap: wrap-reverse
        }
        .ek-flex_height_auto\@wide {
            height: auto
        }
        .ek-flex_height_inherit\@wide {
            height: inherit
        }
        .ek-flex_height_1-1\@wide {
            height: 100%
        }
}