// @import '../../style/themes/index'; // @import '../../style/mixins/index'; // @import './mixin'; // @row-prefix-cls: ~'@{ant-prefix}-row'; // @col-prefix-cls: ~'@{ant-prefix}-col'; // // Grid system // .@{row-prefix-cls} { // display: flex; // flex-flow: row wrap; // &::before, // &::after { // display: flex; // } // // No wrap of flex // &-no-wrap { // flex-wrap: nowrap; // } // } // // x轴原点 // .@{row-prefix-cls}-start { // justify-content: flex-start; // } // // x轴居中 // .@{row-prefix-cls}-center { // justify-content: center; // } // // x轴反方向 // .@{row-prefix-cls}-end { // justify-content: flex-end; // } // // x轴平分 // .@{row-prefix-cls}-space-between { // justify-content: space-between; // } // // x轴有间隔地平分 // .@{row-prefix-cls}-space-around { // justify-content: space-around; // } // // 顶部对齐 // .@{row-prefix-cls}-top { // align-items: flex-start; // } // // 居中对齐 // .@{row-prefix-cls}-middle { // align-items: center; // } // // 底部对齐 // .@{row-prefix-cls}-bottom { // align-items: flex-end; // } // .@{col-prefix-cls} { // position: relative; // max-width: 100%; // // Prevent columns from collapsing when empty // min-height: 1px; // } // .make-grid(); // // Extra small grid // // // // Columns, offsets, pushes, and pulls for extra small devices like // // smartphones. // .make-grid(-xs); // // Small grid // // // // Columns, offsets, pushes, and pulls for the small device range, from phones // // to tablets. // @media (min-width: @screen-sm-min) { // .make-grid(-sm); // } // // Medium grid // // // // Columns, offsets, pushes, and pulls for the desktop device range. // @media (min-width: @screen-md-min) { // .make-grid(-md); // } // // Large grid // // // // Columns, offsets, pushes, and pulls for the large desktop device range. // @media (min-width: @screen-lg-min) { // .make-grid(-lg); // } // // Extra Large grid // // // // Columns, offsets, pushes, and pulls for the full hd device range. // @media (min-width: @screen-xl-min) { // .make-grid(-xl); // } // // Extra Extra Large grid // // // // Columns, offsets, pushes, and pulls for the full hd device range. // @media (min-width: @screen-xxl-min) { // .make-grid(-xxl); // } // @import './rtl';