2024-06-09 02:10:03 +00:00
|
|
|
.arco-icon-hover.arco-tabs-icon-hover:before{width:16px;height:16px}.arco-tabs .arco-tabs-icon-hover{color:var(--color-text-2);font-size:12px;user-select:none}.arco-tabs-dropdown-icon{margin-left:6px;font-size:12px;user-select:none}.arco-tabs-tab-close-btn{margin-left:8px;user-select:none}.arco-tabs-nav-add-btn{display:inline-flex;align-items:center;justify-content:center;padding:0 8px;font-size:12px;user-select:none}.arco-tabs-add{position:relative}.arco-tabs-nav-button-left{margin-right:6px;margin-left:10px}.arco-tabs-nav-button-right{margin-right:10px;margin-left:6px}.arco-tabs-nav-button-up{margin-bottom:10px}.arco-tabs-nav-button-down{margin-top:10px}.arco-tabs-nav-button-disabled{color:var(--color-text-4);cursor:not-allowed}.arco-tabs{position:relative;overflow:hidden}.arco-tabs-nav{position:relative;flex-shrink:0}.arco-tabs-nav:before{position:absolute;right:0;bottom:0;left:0;display:block;clear:both;height:1px;background-color:var(--color-neutral-3);content:""}.arco-tabs-nav-tab{display:flex;flex:1;overflow:hidden}.arco-tabs-nav-tab-list{position:relative;display:inline-block;white-space:nowrap;transition:transform .2s cubic-bezier(.34,.69,.1,1)}.arco-tabs-nav-extra{display:flex;align-items:center;width:auto;line-height:32px}.arco-tabs-nav-extra .arco-tabs-nav-add-btn{padding-left:0}.arco-tabs-tab{display:inline-flex;align-items:center;box-sizing:border-box;padding:4px 0;color:var(--color-text-2);font-size:14px;line-height:1.5715;outline:none;cursor:pointer;transition:color .2s cubic-bezier(0,0,1,1)}.arco-tabs-tab-title{display:inline-block}.arco-tabs-tab:hover{color:var(--color-text-2);font-weight:400}.arco-tabs-tab-disabled,.arco-tabs-tab-disabled:hover{color:var(--color-text-4);cursor:not-allowed}.arco-tabs-tab-active,.arco-tabs-tab-active:hover{color:rgb(var(--primary-6));font-weight:500}.arco-tabs-tab-active.arco-tabs-tab-disabled,.arco-tabs-tab-active:hover.arco-tabs-tab-disabled{color:var(--color-primary-light-3)}.arco-tabs-nav-ink{position:absolute;top:initial;right:initial;bottom:0;height:2px;background-color:rgb(var(--primary-6));transition:left .2s cubic-bezier(.34,.69,.1,1),width .2s cubic-bezier(.34,.69,.1,1)}.arco-tabs-nav-ink.arco-tabs-header-ink-no-animation{transition:none}.arco-tabs-nav-ink-disabled{background-color:var(--color-primary-light-3)}.arco-tabs-nav-type-line .arco-tabs-nav-extra{line-height:40px}.arco-tabs-nav-type-line .arco-tabs-tab{margin:0 16px;padding:8px 0;line-height:1.5715}.arco-tabs-nav-type-line .arco-tabs-tab-title{position:relative;display:inline-block;padding:1px 0}.arco-tabs-nav-type-line .arco-tabs-tab-title:before{position:absolute;top:0;right:-8px;bottom:0;left:-8px;z-index:-1;background-color:transparent;border-radius:var(--border-radius-small);opacity:1;transition:background-color .2s cubic-bezier(0,0,1,1),opacity .2s cubic-bezier(0,0,1,1);content:""}.arco-tabs-nav-type-line .arco-tabs-tab:hover .arco-tabs-tab-title:before{background-color:var(--color-fill-2)}.arco-tabs-nav-type-line .arco-tabs-tab-active .arco-tabs-tab-title:before,.arco-tabs-nav-type-line .arco-tabs-tab-active:hover .arco-tabs-tab-title:before{background-color:transparent}.arco-tabs-nav-type-line .arco-tabs-tab-disabled .arco-tabs-tab-title:before,.arco-tabs-nav-type-line .arco-tabs-tab-disabled:hover .arco-tabs-tab-title:before{opacity:0}.arco-tabs-nav-type-line .arco-tabs-tab:focus-visible .arco-tabs-tab-title:before{border:2px solid rgb(var(--primary-6))}.arco-tabs-nav-type-line.arco-tabs-nav-horizontal>.arco-tabs-tab:first-of-type{margin-left:16px}.arco-tabs-nav-type-line.arco-tabs-nav-horizontal .arco-tabs-nav-tab-list-no-padding>.arco-tabs-tab:first-of-type,.arco-tabs-nav-text.arco-tabs-nav-horizontal .arco-tabs-nav-tab-list-no-padding>.arco-tabs-tab:first-of-type{margin-left:0}.arco-tabs-nav-type-card .arco-tabs-tab,.arco-tabs-nav-type-card-gutter .arco-tabs-tab{position:relative;padding:4px 16px;font-size:14px;border:1px solid var(--color-neutral-3);transition:padding .2s cubic-bezier(0,0,1,1),color .2s cubic-bezier(0,0,1,1)}.arco-tabs-nav-type-card .arco-tabs-tab-closable,.arco-tabs-nav-
|
