Cauchy.Ke
/
fineui
forked from fanruan/fineui
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

add

master
guy 7 years ago
parent
24a9b0e87a
commit
748d74f6a4
8 changed files with 344 additions and 181 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 104
      bi/core.css
  2. 104
      dist/bundle.css
  3. 2
      dist/bundle.min.css
  4. 104
      dist/core.css
  5. 52
      src/css/core/wrapper/flex.vertical.center.css
  6. 52
      src/css/core/wrapper/flex.wrapper.vertical.center.css
  7. 53
      src/less/core/wrapper/flex.vertical.center.less
  8. 54
      src/less/core/wrapper/flex.wrapper.vertical.center.less

104
bi/core.css
Unescape View File

@ -1306,29 +1306,29 @@ i {
display: flex; display: flex;
/* NEW, Spec - Opera 12.1, Firefox 20+ */ /* NEW, Spec - Opera 12.1, Firefox 20+ */
/* 09版 */ /* 09版 */
-webkit-box-orient: vertical; -webkit-box-orient: horizontal;
/* 12版 */ /* 12版 */
-webkit-flex-direction: column; -webkit-flex-direction: row;
-moz-flex-direction: column; -moz-flex-direction: row;
-ms-flex-direction: column; -ms-flex-direction: row;
-o-flex-direction: column; -o-flex-direction: row;
flex-direction: column; flex-direction: row;
/* 09版 */ /* 09版 */
-webkit-box-pack: center; -webkit-box-pack: flex-start;
/* 12版 */ /* 12版 */
-webkit-justify-content: center; -webkit-justify-content: flex-start;
-moz-justify-content: center; -moz-justify-content: flex-start;
-ms-justify-content: center; -ms-justify-content: flex-start;
-o-justify-content: center; -o-justify-content: flex-start;
justify-content: center; justify-content: flex-start;
/* 09版 */ /* 09版 */
-webkit-box-align: flex-start; -webkit-box-align: center;
/* 12版 */ /* 12版 */
-webkit-align-items: flex-start; -webkit-align-items: center;
-moz-align-items: flex-start; -moz-align-items: center;
-ms-align-items: flex-start; -ms-align-items: center;
-o-align-items: flex-start; -o-align-items: center;
align-items: flex-start; align-items: center;
/* 09版 */ /* 09版 */
/*-webkit-box-lines: multiple;*/ /*-webkit-box-lines: multiple;*/
/* 12版 */ /* 12版 */
@ -1339,6 +1339,22 @@ i {
flex-wrap: nowrap; flex-wrap: nowrap;
} }
.bi-flex-vertical-center.stretch { .bi-flex-vertical-center.stretch {
/* 09版 */
-webkit-box-orient: vertical;
/* 12版 */
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
/* 09版 */
-webkit-box-pack: center;
/* 12版 */
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
/* 09版 */ /* 09版 */
-webkit-box-align: stretch; -webkit-box-align: stretch;
/* 12版 */ /* 12版 */
@ -1470,29 +1486,29 @@ i {
display: flex; display: flex;
/* NEW, Spec - Opera 12.1, Firefox 20+ */ /* NEW, Spec - Opera 12.1, Firefox 20+ */
/* 09版 */ /* 09版 */
-webkit-box-orient: vertical; -webkit-box-orient: horizontal;
/* 12版 */ /* 12版 */
-webkit-flex-direction: column; -webkit-flex-direction: row;
-moz-flex-direction: column; -moz-flex-direction: row;
-ms-flex-direction: column; -ms-flex-direction: row;
-o-flex-direction: column; -o-flex-direction: row;
flex-direction: column; flex-direction: row;
/* 09版 */ /* 09版 */
-webkit-box-pack: center; -webkit-box-pack: flex-start;
/* 12版 */ /* 12版 */
-webkit-justify-content: center; -webkit-justify-content: flex-start;
-moz-justify-content: center; -moz-justify-content: flex-start;
-ms-justify-content: center; -ms-justify-content: flex-start;
-o-justify-content: center; -o-justify-content: flex-start;
justify-content: center; justify-content: flex-start;
/* 09版 */ /* 09版 */
-webkit-box-align: flex-start; -webkit-box-align: center;
/* 12版 */ /* 12版 */
-webkit-align-items: flex-start; -webkit-align-items: center;
-moz-align-items: flex-start; -moz-align-items: center;
-ms-align-items: flex-start; -ms-align-items: center;
-o-align-items: flex-start; -o-align-items: center;
align-items: flex-start; align-items: center;
/* 09版 */ /* 09版 */
/*-webkit-box-lines: multiple;*/ /*-webkit-box-lines: multiple;*/
/* 12版 */ /* 12版 */
@ -1507,6 +1523,22 @@ i {
.bi-flex-wrapper-vertical-center .flex-wrapper-vertical-center-wrapper.stretch { .bi-flex-wrapper-vertical-center .flex-wrapper-vertical-center-wrapper.stretch {
width: 100%; width: 100%;
/* 09版 */ /* 09版 */
-webkit-box-orient: vertical;
/* 12版 */
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
/* 09版 */
-webkit-box-pack: center;
/* 12版 */
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
/* 09版 */
-webkit-box-align: stretch; -webkit-box-align: stretch;
/* 12版 */ /* 12版 */
-webkit-align-items: stretch; -webkit-align-items: stretch;

104
dist/bundle.css vendored
Unescape View File

@ -1306,29 +1306,29 @@ i {
display: flex; display: flex;
/* NEW, Spec - Opera 12.1, Firefox 20+ */ /* NEW, Spec - Opera 12.1, Firefox 20+ */
/* 09版 */ /* 09版 */
-webkit-box-orient: vertical; -webkit-box-orient: horizontal;
/* 12版 */ /* 12版 */
-webkit-flex-direction: column; -webkit-flex-direction: row;
-moz-flex-direction: column; -moz-flex-direction: row;
-ms-flex-direction: column; -ms-flex-direction: row;
-o-flex-direction: column; -o-flex-direction: row;
flex-direction: column; flex-direction: row;
/* 09版 */ /* 09版 */
-webkit-box-pack: center; -webkit-box-pack: flex-start;
/* 12版 */ /* 12版 */
-webkit-justify-content: center; -webkit-justify-content: flex-start;
-moz-justify-content: center; -moz-justify-content: flex-start;
-ms-justify-content: center; -ms-justify-content: flex-start;
-o-justify-content: center; -o-justify-content: flex-start;
justify-content: center; justify-content: flex-start;
/* 09版 */ /* 09版 */
-webkit-box-align: flex-start; -webkit-box-align: center;
/* 12版 */ /* 12版 */
-webkit-align-items: flex-start; -webkit-align-items: center;
-moz-align-items: flex-start; -moz-align-items: center;
-ms-align-items: flex-start; -ms-align-items: center;
-o-align-items: flex-start; -o-align-items: center;
align-items: flex-start; align-items: center;
/* 09版 */ /* 09版 */
/*-webkit-box-lines: multiple;*/ /*-webkit-box-lines: multiple;*/
/* 12版 */ /* 12版 */
@ -1339,6 +1339,22 @@ i {
flex-wrap: nowrap; flex-wrap: nowrap;
} }
.bi-flex-vertical-center.stretch { .bi-flex-vertical-center.stretch {
/* 09版 */
-webkit-box-orient: vertical;
/* 12版 */
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
/* 09版 */
-webkit-box-pack: center;
/* 12版 */
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
/* 09版 */ /* 09版 */
-webkit-box-align: stretch; -webkit-box-align: stretch;
/* 12版 */ /* 12版 */
@ -1470,29 +1486,29 @@ i {
display: flex; display: flex;
/* NEW, Spec - Opera 12.1, Firefox 20+ */ /* NEW, Spec - Opera 12.1, Firefox 20+ */
/* 09版 */ /* 09版 */
-webkit-box-orient: vertical; -webkit-box-orient: horizontal;
/* 12版 */ /* 12版 */
-webkit-flex-direction: column; -webkit-flex-direction: row;
-moz-flex-direction: column; -moz-flex-direction: row;
-ms-flex-direction: column; -ms-flex-direction: row;
-o-flex-direction: column; -o-flex-direction: row;
flex-direction: column; flex-direction: row;
/* 09版 */ /* 09版 */
-webkit-box-pack: center; -webkit-box-pack: flex-start;
/* 12版 */ /* 12版 */
-webkit-justify-content: center; -webkit-justify-content: flex-start;
-moz-justify-content: center; -moz-justify-content: flex-start;
-ms-justify-content: center; -ms-justify-content: flex-start;
-o-justify-content: center; -o-justify-content: flex-start;
justify-content: center; justify-content: flex-start;
/* 09版 */ /* 09版 */
-webkit-box-align: flex-start; -webkit-box-align: center;
/* 12版 */ /* 12版 */
-webkit-align-items: flex-start; -webkit-align-items: center;
-moz-align-items: flex-start; -moz-align-items: center;
-ms-align-items: flex-start; -ms-align-items: center;
-o-align-items: flex-start; -o-align-items: center;
align-items: flex-start; align-items: center;
/* 09版 */ /* 09版 */
/*-webkit-box-lines: multiple;*/ /*-webkit-box-lines: multiple;*/
/* 12版 */ /* 12版 */
@ -1507,6 +1523,22 @@ i {
.bi-flex-wrapper-vertical-center .flex-wrapper-vertical-center-wrapper.stretch { .bi-flex-wrapper-vertical-center .flex-wrapper-vertical-center-wrapper.stretch {
width: 100%; width: 100%;
/* 09版 */ /* 09版 */
-webkit-box-orient: vertical;
/* 12版 */
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
/* 09版 */
-webkit-box-pack: center;
/* 12版 */
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
/* 09版 */
-webkit-box-align: stretch; -webkit-box-align: stretch;
/* 12版 */ /* 12版 */
-webkit-align-items: stretch; -webkit-align-items: stretch;

2
dist/bundle.min.css vendored
View File

File diff suppressed because one or more lines are too long

104
dist/core.css vendored
Unescape View File

@ -1306,29 +1306,29 @@ i {
display: flex; display: flex;
/* NEW, Spec - Opera 12.1, Firefox 20+ */ /* NEW, Spec - Opera 12.1, Firefox 20+ */
/* 09版 */ /* 09版 */
-webkit-box-orient: vertical; -webkit-box-orient: horizontal;
/* 12版 */ /* 12版 */
-webkit-flex-direction: column; -webkit-flex-direction: row;
-moz-flex-direction: column; -moz-flex-direction: row;
-ms-flex-direction: column; -ms-flex-direction: row;
-o-flex-direction: column; -o-flex-direction: row;
flex-direction: column; flex-direction: row;
/* 09版 */ /* 09版 */
-webkit-box-pack: center; -webkit-box-pack: flex-start;
/* 12版 */ /* 12版 */
-webkit-justify-content: center; -webkit-justify-content: flex-start;
-moz-justify-content: center; -moz-justify-content: flex-start;
-ms-justify-content: center; -ms-justify-content: flex-start;
-o-justify-content: center; -o-justify-content: flex-start;
justify-content: center; justify-content: flex-start;
/* 09版 */ /* 09版 */
-webkit-box-align: flex-start; -webkit-box-align: center;
/* 12版 */ /* 12版 */
-webkit-align-items: flex-start; -webkit-align-items: center;
-moz-align-items: flex-start; -moz-align-items: center;
-ms-align-items: flex-start; -ms-align-items: center;
-o-align-items: flex-start; -o-align-items: center;
align-items: flex-start; align-items: center;
/* 09版 */ /* 09版 */
/*-webkit-box-lines: multiple;*/ /*-webkit-box-lines: multiple;*/
/* 12版 */ /* 12版 */
@ -1339,6 +1339,22 @@ i {
flex-wrap: nowrap; flex-wrap: nowrap;
} }
.bi-flex-vertical-center.stretch { .bi-flex-vertical-center.stretch {
/* 09版 */
-webkit-box-orient: vertical;
/* 12版 */
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
/* 09版 */
-webkit-box-pack: center;
/* 12版 */
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
/* 09版 */ /* 09版 */
-webkit-box-align: stretch; -webkit-box-align: stretch;
/* 12版 */ /* 12版 */
@ -1470,29 +1486,29 @@ i {
display: flex; display: flex;
/* NEW, Spec - Opera 12.1, Firefox 20+ */ /* NEW, Spec - Opera 12.1, Firefox 20+ */
/* 09版 */ /* 09版 */
-webkit-box-orient: vertical; -webkit-box-orient: horizontal;
/* 12版 */ /* 12版 */
-webkit-flex-direction: column; -webkit-flex-direction: row;
-moz-flex-direction: column; -moz-flex-direction: row;
-ms-flex-direction: column; -ms-flex-direction: row;
-o-flex-direction: column; -o-flex-direction: row;
flex-direction: column; flex-direction: row;
/* 09版 */ /* 09版 */
-webkit-box-pack: center; -webkit-box-pack: flex-start;
/* 12版 */ /* 12版 */
-webkit-justify-content: center; -webkit-justify-content: flex-start;
-moz-justify-content: center; -moz-justify-content: flex-start;
-ms-justify-content: center; -ms-justify-content: flex-start;
-o-justify-content: center; -o-justify-content: flex-start;
justify-content: center; justify-content: flex-start;
/* 09版 */ /* 09版 */
-webkit-box-align: flex-start; -webkit-box-align: center;
/* 12版 */ /* 12版 */
-webkit-align-items: flex-start; -webkit-align-items: center;
-moz-align-items: flex-start; -moz-align-items: center;
-ms-align-items: flex-start; -ms-align-items: center;
-o-align-items: flex-start; -o-align-items: center;
align-items: flex-start; align-items: center;
/* 09版 */ /* 09版 */
/*-webkit-box-lines: multiple;*/ /*-webkit-box-lines: multiple;*/
/* 12版 */ /* 12版 */
@ -1507,6 +1523,22 @@ i {
.bi-flex-wrapper-vertical-center .flex-wrapper-vertical-center-wrapper.stretch { .bi-flex-wrapper-vertical-center .flex-wrapper-vertical-center-wrapper.stretch {
width: 100%; width: 100%;
/* 09版 */ /* 09版 */
-webkit-box-orient: vertical;
/* 12版 */
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
/* 09版 */
-webkit-box-pack: center;
/* 12版 */
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
/* 09版 */
-webkit-box-align: stretch; -webkit-box-align: stretch;
/* 12版 */ /* 12版 */
-webkit-align-items: stretch; -webkit-align-items: stretch;

52
src/css/core/wrapper/flex.vertical.center.css
Unescape View File

@ -12,29 +12,29 @@
display: flex; display: flex;
/* NEW, Spec - Opera 12.1, Firefox 20+ */ /* NEW, Spec - Opera 12.1, Firefox 20+ */
/* 09版 */ /* 09版 */
-webkit-box-orient: vertical; -webkit-box-orient: horizontal;
/* 12版 */ /* 12版 */
-webkit-flex-direction: column; -webkit-flex-direction: row;
-moz-flex-direction: column; -moz-flex-direction: row;
-ms-flex-direction: column; -ms-flex-direction: row;
-o-flex-direction: column; -o-flex-direction: row;
flex-direction: column; flex-direction: row;
/* 09版 */ /* 09版 */
-webkit-box-pack: center; -webkit-box-pack: flex-start;
/* 12版 */ /* 12版 */
-webkit-justify-content: center; -webkit-justify-content: flex-start;
-moz-justify-content: center; -moz-justify-content: flex-start;
-ms-justify-content: center; -ms-justify-content: flex-start;
-o-justify-content: center; -o-justify-content: flex-start;
justify-content: center; justify-content: flex-start;
/* 09版 */ /* 09版 */
-webkit-box-align: flex-start; -webkit-box-align: center;
/* 12版 */ /* 12版 */
-webkit-align-items: flex-start; -webkit-align-items: center;
-moz-align-items: flex-start; -moz-align-items: center;
-ms-align-items: flex-start; -ms-align-items: center;
-o-align-items: flex-start; -o-align-items: center;
align-items: flex-start; align-items: center;
/* 09版 */ /* 09版 */
/*-webkit-box-lines: multiple;*/ /*-webkit-box-lines: multiple;*/
/* 12版 */ /* 12版 */
@ -45,6 +45,22 @@
flex-wrap: nowrap; flex-wrap: nowrap;
} }
.bi-flex-vertical-center.stretch { .bi-flex-vertical-center.stretch {
/* 09版 */
-webkit-box-orient: vertical;
/* 12版 */
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
/* 09版 */
-webkit-box-pack: center;
/* 12版 */
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
/* 09版 */ /* 09版 */
-webkit-box-align: stretch; -webkit-box-align: stretch;
/* 12版 */ /* 12版 */

52
src/css/core/wrapper/flex.wrapper.vertical.center.css
Unescape View File

@ -12,29 +12,29 @@
display: flex; display: flex;
/* NEW, Spec - Opera 12.1, Firefox 20+ */ /* NEW, Spec - Opera 12.1, Firefox 20+ */
/* 09版 */ /* 09版 */
-webkit-box-orient: vertical; -webkit-box-orient: horizontal;
/* 12版 */ /* 12版 */
-webkit-flex-direction: column; -webkit-flex-direction: row;
-moz-flex-direction: column; -moz-flex-direction: row;
-ms-flex-direction: column; -ms-flex-direction: row;
-o-flex-direction: column; -o-flex-direction: row;
flex-direction: column; flex-direction: row;
/* 09版 */ /* 09版 */
-webkit-box-pack: center; -webkit-box-pack: flex-start;
/* 12版 */ /* 12版 */
-webkit-justify-content: center; -webkit-justify-content: flex-start;
-moz-justify-content: center; -moz-justify-content: flex-start;
-ms-justify-content: center; -ms-justify-content: flex-start;
-o-justify-content: center; -o-justify-content: flex-start;
justify-content: center; justify-content: flex-start;
/* 09版 */ /* 09版 */
-webkit-box-align: flex-start; -webkit-box-align: center;
/* 12版 */ /* 12版 */
-webkit-align-items: flex-start; -webkit-align-items: center;
-moz-align-items: flex-start; -moz-align-items: center;
-ms-align-items: flex-start; -ms-align-items: center;
-o-align-items: flex-start; -o-align-items: center;
align-items: flex-start; align-items: center;
/* 09版 */ /* 09版 */
/*-webkit-box-lines: multiple;*/ /*-webkit-box-lines: multiple;*/
/* 12版 */ /* 12版 */
@ -49,6 +49,22 @@
.bi-flex-wrapper-vertical-center .flex-wrapper-vertical-center-wrapper.stretch { .bi-flex-wrapper-vertical-center .flex-wrapper-vertical-center-wrapper.stretch {
width: 100%; width: 100%;
/* 09版 */ /* 09版 */
-webkit-box-orient: vertical;
/* 12版 */
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
/* 09版 */
-webkit-box-pack: center;
/* 12版 */
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
/* 09版 */
-webkit-box-align: stretch; -webkit-box-align: stretch;
/* 12版 */ /* 12版 */
-webkit-align-items: stretch; -webkit-align-items: stretch;

53
src/less/core/wrapper/flex.vertical.center.less
Unescape View File

@ -7,31 +7,31 @@
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
/* 09版 */ /* 09版 */
-webkit-box-orient: vertical; -webkit-box-orient: horizontal;
/* 12版 */ /* 12版 */
-webkit-flex-direction: column; -webkit-flex-direction: row;
-moz-flex-direction: column; -moz-flex-direction: row;
-ms-flex-direction: column; -ms-flex-direction: row;
-o-flex-direction: column; -o-flex-direction: row;
flex-direction: column; flex-direction: row;
/* 09版 */ /* 09版 */
-webkit-box-pack: center; -webkit-box-pack: flex-start;
/* 12版 */ /* 12版 */
-webkit-justify-content: center; -webkit-justify-content: flex-start;
-moz-justify-content: center; -moz-justify-content: flex-start;
-ms-justify-content: center; -ms-justify-content: flex-start;
-o-justify-content: center; -o-justify-content: flex-start;
justify-content: center; justify-content: flex-start;
/* 09版 */ /* 09版 */
-webkit-box-align: flex-start; -webkit-box-align: center;
/* 12版 */ /* 12版 */
-webkit-align-items: flex-start; -webkit-align-items: center;
-moz-align-items: flex-start; -moz-align-items: center;
-ms-align-items: flex-start; -ms-align-items: center;
-o-align-items: flex-start; -o-align-items: center;
align-items: flex-start; align-items: center;
/* 09版 */ /* 09版 */
/*-webkit-box-lines: multiple;*/ /*-webkit-box-lines: multiple;*/
@ -43,6 +43,23 @@
flex-wrap: nowrap; flex-wrap: nowrap;
&.stretch { &.stretch {
/* 09版 */
-webkit-box-orient: vertical;
/* 12版 */
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
/* 09版 */
-webkit-box-pack: center;
/* 12版 */
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
/* 09版 */ /* 09版 */
-webkit-box-align: stretch; -webkit-box-align: stretch;
/* 12版 */ /* 12版 */

54
src/less/core/wrapper/flex.wrapper.vertical.center.less
Unescape View File

@ -6,32 +6,33 @@
display: -ms-flexbox; /* TWEENER - IE 10 */ display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */ display: -webkit-flex; /* NEW - Chrome */
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
/* 09版 */ /* 09版 */
-webkit-box-orient: vertical; -webkit-box-orient: horizontal;
/* 12版 */ /* 12版 */
-webkit-flex-direction: column; -webkit-flex-direction: row;
-moz-flex-direction: column; -moz-flex-direction: row;
-ms-flex-direction: column; -ms-flex-direction: row;
-o-flex-direction: column; -o-flex-direction: row;
flex-direction: column; flex-direction: row;
/* 09版 */ /* 09版 */
-webkit-box-pack: center; -webkit-box-pack: flex-start;
/* 12版 */ /* 12版 */
-webkit-justify-content: center; -webkit-justify-content: flex-start;
-moz-justify-content: center; -moz-justify-content: flex-start;
-ms-justify-content: center; -ms-justify-content: flex-start;
-o-justify-content: center; -o-justify-content: flex-start;
justify-content: center; justify-content: flex-start;
/* 09版 */ /* 09版 */
-webkit-box-align: flex-start; -webkit-box-align: center;
/* 12版 */ /* 12版 */
-webkit-align-items: flex-start; -webkit-align-items: center;
-moz-align-items: flex-start; -moz-align-items: center;
-ms-align-items: flex-start; -ms-align-items: center;
-o-align-items: flex-start; -o-align-items: center;
align-items: flex-start; align-items: center;
/* 09版 */ /* 09版 */
/*-webkit-box-lines: multiple;*/ /*-webkit-box-lines: multiple;*/
@ -48,6 +49,23 @@
&.stretch { &.stretch {
width: 100%; width: 100%;
/* 09版 */ /* 09版 */
-webkit-box-orient: vertical;
/* 12版 */
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
/* 09版 */
-webkit-box-pack: center;
/* 12版 */
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
/* 09版 */
-webkit-box-align: stretch; -webkit-box-align: stretch;
/* 12版 */ /* 12版 */
-webkit-align-items: stretch; -webkit-align-items: stretch;

Write Preview
Loading…
Cancel
Save