.bi-flex-scrollable-vertical-layout { & .flex-scrollable-vertical-layout-wrapper { display: box; /* OLD - Android 4.4- */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ /* 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: flex-start; /* 12版 */ -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -ms-flex-pack: start; -o-justify-content: flex-start; justify-content: flex-start; /* 09版 */ -webkit-box-align: flex-start; /* 12版 */ -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -ms-flex-align: start; -o-align-items: flex-start; align-items: flex-start; /* 09版 */ /*-webkit-box-lines: multiple;*/ /* 12版 */ -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -o-flex-wrap: nowrap; flex-wrap: nowrap; min-width: 100%; &.h-center { /* 09版 */ -webkit-box-align: center; /* 12版 */ -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; -o-align-items: center; align-items: center; } &.h-right { /* 09版 */ -webkit-box-align: flex-end; /* 12版 */ -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -ms-flex-align: end; -o-align-items: flex-end; align-items: flex-end; } &.h-stretch { /* 09版 */ -webkit-box-align: stretch; /* 12版 */ -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -ms-flex-align: stretch; -o-align-items: stretch; align-items: stretch; } &.v-stretch { /* 09版 */ -webkit-box-orient: horizontal; /* 12版 */ -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; /* 09版 */ -webkit-box-pack: center; /* 12版 */ -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -ms-flex-pack: center; -o-justify-content: center; justify-content: center; /* 09版 */ -webkit-box-align: stretch; /* 12版 */ -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -ms-flex-align: stretch; -o-align-items: stretch; align-items: stretch; } } }