evokit-flex/style@medium.css

The block for building flexible layouts

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