init
init
This commit is contained in:
parent
5762337416
commit
7fa943eb39
128 changed files with 51042 additions and 1 deletions
54
styles/common/layout.less
Normal file
54
styles/common/layout.less
Normal file
|
@ -0,0 +1,54 @@
|
|||
.@{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();
|
Loading…
Add table
Add a link
Reference in a new issue