framework7/lazy-components/tabs.css

Full featured mobile HTML framework for building iOS & Android apps

.tabs .tab{display:none}.tabs .tab-active{display:block}.tabs-animated-wrap{position:relative;width:100%;overflow:hidden;height:100%}.tabs-animated-wrap>.tabs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-transition-duration:.3s;transition-duration:.3s}.tabs-animated-wrap>.tabs>.tab{width:100%;display:block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.tabs-animated-wrap.not-animated>.tabs{-webkit-transition-duration:.3s;transition-duration:.3s}.tabs-swipeable-wrap{height:100%}.tabs-swipeable-wrap>.tabs{height:100%}.tabs-swipeable-wrap>.tabs>.tab{display:block}.page>.tabs{height:100%}