@auraxy/react-tabs/lib/css/index.css

tabs component for react app

.au-tabs-box{font-size:14px}.au-tabs-box.au-tabs-hide-over{overflow:hidden}.au-tabs-box *{box-sizing:border-box}.au-tabs-box ul,.au-tabs-box li{padding:0;margin:0;list-style-type:none}.au-tabs-box.card>.au-tabs-nav-list{background:#f2f8fe;padding-top:10px}.au-tabs-box.card>.au-tabs-nav-list .au-tabs-tab{position:relative;bottom:-1px;border:1px solid transparent}.au-tabs-box.card>.au-tabs-nav-list .au-tabs-tab.active-tab{background:#fff;border:1px solid #bfd4eb;border-bottom-color:#fff;border-radius:5px 5px 0 0;z-index:1}.au-tabs-box.card>.au-tabs-nav-list .au-tab-bar{display:none}.au-tabs-box.line>.au-tabs-nav-list,.au-tabs-box .au-tabs-nav-list{display:flex;position:relative}.au-tabs-box.line>.au-tabs-nav-list::after,.au-tabs-box .au-tabs-nav-list::after{content:'';position:absolute;top:100%;left:0;width:100%;height:0;border-bottom:1px solid #ccc}.au-tabs-box.line>.au-tabs-nav-list .au-tabs-tab,.au-tabs-box .au-tabs-nav-list .au-tabs-tab{padding:0 20px;height:40px;line-height:40px;text-align:center;font-weight:500;cursor:pointer;color:#bfd4eb;transition:0.3s all linear}.au-tabs-box.line>.au-tabs-nav-list .au-tabs-tab:hover,.au-tabs-box .au-tabs-nav-list .au-tabs-tab:hover{color:#125fb2}.au-tabs-box.line>.au-tabs-nav-list .au-tabs-tab.active-tab,.au-tabs-box .au-tabs-nav-list .au-tabs-tab.active-tab{color:#125fb2}.au-tabs-box.line>.au-tabs-nav-list .au-tabs-tab.disabled,.au-tabs-box .au-tabs-nav-list .au-tabs-tab.disabled{color:#ccc;cursor:not-allowed}.au-tabs-box.line>.au-tabs-nav-list .au-tab-bar,.au-tabs-box .au-tabs-nav-list .au-tab-bar{position:absolute;top:calc(100% - 1px);left:0;height:2px;background:#125fb2;transition:0.2s all linear;z-index:1}.au-tabs-box .au-tabs-content{display:flex;align-items:flex-start}.au-tabs-box .au-tabs-content .au-tab-panel{padding:20px;width:100%}.au-tabs-box .au-tabs-content .au-tab-panel.au-tab-show{visibility:visible;opacity:1;pointer-events:all}.au-tabs-box .au-tabs-content .au-tab-panel.au-tab-hide{visibility:hidden;opacity:0;pointer-events:none}