You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
121 lines
2.3 KiB
121 lines
2.3 KiB
// @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';
|
|
|