evokit-flex/style@large.css

The block for building flexible layouts

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