55 lines
1 KiB
Text
55 lines
1 KiB
Text
|
.@{row-prefix-cls} {
|
||
|
|
.make-row();
|
||
|
|
display: block;
|
||
|
|
|
||
|
|
&-flex {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
|
||
|
|
&:before,
|
||
|
|
&:after {
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
// x轴原点
|
||
|
|
&-start {
|
||
|
|
justify-content: flex-start;
|
||
|
|
}
|
||
|
|
// x轴居中
|
||
|
|
&-center {
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
// x轴反方向
|
||
|
|
&-end {
|
||
|
|
justify-content: flex-end;
|
||
|
|
}
|
||
|
|
// x轴平分
|
||
|
|
&-space-between {
|
||
|
|
justify-content: space-between;
|
||
|
|
}
|
||
|
|
// x轴有间隔地平分
|
||
|
|
&-space-around {
|
||
|
|
justify-content: space-around;
|
||
|
|
}
|
||
|
|
// 顶部对齐
|
||
|
|
&-top {
|
||
|
|
align-items: flex-start;
|
||
|
|
}
|
||
|
|
// 居中对齐
|
||
|
|
&-middle {
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
// 底部对齐
|
||
|
|
&-bottom {
|
||
|
|
align-items: flex-end;
|
||
|
|
}
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
.@{col-prefix-cls} {
|
||
|
|
position: relative;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.make-grid();
|