guy 4 years ago
parent
commit
28ff05d676
  1. 24
      src/less/core/wrapper/flex.wrapper.horizontal.less
  2. 21
      src/less/core/wrapper/flex.wrapper.vertical.less

24
src/less/core/wrapper/flex.wrapper.horizontal.less

@ -56,6 +56,7 @@
-o-align-items: center; -o-align-items: center;
align-items: center; align-items: center;
} }
&.v-bottom { &.v-bottom {
/* 09版 */ /* 09版 */
-webkit-box-align: flex-end; -webkit-box-align: flex-end;
@ -66,6 +67,7 @@
-o-align-items: flex-end; -o-align-items: flex-end;
align-items: flex-end; align-items: flex-end;
} }
&.v-stretch { &.v-stretch {
/* 09版 */ /* 09版 */
-webkit-box-align: stretch; -webkit-box-align: stretch;
@ -76,6 +78,28 @@
-o-align-items: stretch; -o-align-items: stretch;
align-items: stretch; align-items: stretch;
} }
&.h-center {
/* 09版 */
-webkit-box-pack: center;
/* 12版 */
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
&.h-right {
/* 12版 */
-webkit-flex-direction: row-reverse;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
-o-flex-direction: row-reverse;
flex-direction: row-reverse;
}
&.h-stretch { &.h-stretch {
/* 09版 */ /* 09版 */
-webkit-box-orient: vertical; -webkit-box-orient: vertical;

21
src/less/core/wrapper/flex.wrapper.vertical.less

@ -80,6 +80,27 @@
align-items: stretch; align-items: stretch;
} }
&.v-middle {
/* 09版 */
-webkit-box-pack: center;
/* 12版 */
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
&.v-bottom {
/* 12版 */
-webkit-flex-direction: column-reverse;
-moz-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
-o-flex-direction: column-reverse;
flex-direction: column-reverse;
}
&.v-stretch { &.v-stretch {
/* 09版 */ /* 09版 */
-webkit-box-orient: horizontal; -webkit-box-orient: horizontal;

Loading…
Cancel
Save