evokit-flex/style@small.css

The block for building flexible layouts

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