@winner-fed/wui-theme-redness/lib/tabs.css

Wui component redness theme.

.win-tab,.win-tab__text-wrapper,.win-tabs{position:relative}.win-tab{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;padding:0 4px;color:#646566;font-size:14px;line-height:20px;cursor:pointer}.win-tab--active{color:#323233;font-weight:500}.win-tab--disabled{color:#c8c9cc;cursor:not-allowed}.win-tab__text--ellipsis{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.win-tabs__wrap{overflow:hidden}.win-tabs__wrap--page-top{position:fixed}.win-tabs__wrap--content-bottom{top:auto;bottom:0}.win-tabs__wrap--scrollable .win-tab{-webkit-box-flex:1;-webkit-flex:1 0 auto;flex:1 0 auto;padding:0 12px}.win-tabs__wrap--scrollable .win-tabs__nav{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.win-tabs__wrap--scrollable .win-tabs__nav::-webkit-scrollbar{display:none}.win-tabs__nav{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;background-color:#fff;-webkit-user-select:none;user-select:none}.win-tabs__nav--line{box-sizing:content-box;height:100%;padding-bottom:15px}.win-tabs__nav--line.win-tabs__nav--complete{padding-right:8px;padding-left:8px}.win-tabs__nav--card{box-sizing:border-box;height:30px;margin:0 16px;border:1px solid #e3454b;border-radius:2px}.win-tabs__nav--card .win-tab{color:#e3454b;border-right:1px solid #e3454b}.win-tabs__nav--card .win-tab:last-child{border-right:none}.win-tabs__nav--card .win-tab.win-tab--active{color:#fff;background-color:#e3454b}.win-tabs__nav--card .win-tab--disabled{color:#c8c9cc}.win-tabs__line{position:absolute;bottom:15px;left:0;z-index:1;width:40px;height:3px;background-color:#e3454b;border-radius:3px}.win-tabs__track{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;width:100%;height:100%;will-change:left}.win-tabs__content--animated{overflow:hidden}.win-tabs--line .win-tabs__wrap{height:44px}.win-tabs--card>.win-tabs__wrap{height:30px}