ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-19 18:14:13 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

[Improvement] Layout: support flex (#1305)

Browse Source
This commit is contained in:
neverland
2018-06-19 22:54:02 +08:00
committed by GitHub
parent 6e25b9823a
commit c368e36aea
10 changed files with 321 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/vant-css/src/col.css
View File

@@ -6,6 +6,6 @@
}
@for $i from 1 to 24 {
.van-col-$i { width: calc($i * 100% / 24); }
.van-col-offset-$i { margin-left: calc($i * 100% / 24); }
.van-col--$i { width: calc($i * 100% / 24); }
.van-col--offset-$i { margin-left: calc($i * 100% / 24); }
}

32
packages/vant-css/src/row.css
View File

@@ -6,4 +6,36 @@
display: table;
clear: both;
}
&--flex {
display: flex;
&::after {
display: none;
}
}
&--justify-center {
justify-content: center;
}
&--justify-end {
justify-content: flex-end;
}
&--justify-space-between {
justify-content: space-between;
}
&--justify-space-around {
justify-content: space-around;
}
&--align-center {
align-items: center;
}
&--align-bottom {
align-items: bottom;
}
}