el-anchor.css 1.6 KB

1
  1. .el-anchor{--el-anchor-bg-color:var(--el-bg-color);--el-anchor-padding-indent:14px;--el-anchor-line-height:22px;--el-anchor-font-size:12px;--el-anchor-color:var(--el-text-color-secondary);--el-anchor-active-color:var(--el-color-primary);--el-anchor-marker-bg-color:var(--el-color-primary);position:relative;background-color:var(--el-anchor-bg-color)}.el-anchor__marker{position:absolute;background-color:var(--el-anchor-marker-bg-color);border-radius:4px;opacity:0;z-index:0}.el-anchor.el-anchor--vertical .el-anchor__marker{width:4px;height:14px;top:8px;left:0;transition:top .25s ease-in-out,opacity .25s}.el-anchor.el-anchor--vertical .el-anchor__list{padding-left:var(--el-anchor-padding-indent)}.el-anchor.el-anchor--vertical.el-anchor--underline::before{position:absolute;left:0;width:2px;height:100%;background-color:rgba(5,5,5,.06);content:""}.el-anchor.el-anchor--vertical.el-anchor--underline .el-anchor__marker{width:2px;border-radius:unset}.el-anchor.el-anchor--horizontal .el-anchor__marker{height:2px;width:20px;bottom:0;transition:left .25sease-in-out,opacity .25s,width .25s}.el-anchor.el-anchor--horizontal .el-anchor__list{display:flex;padding-bottom:4px}.el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item{padding-left:16px}.el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item:first-child{padding-left:0}.el-anchor.el-anchor--horizontal.el-anchor--underline::before{position:absolute;bottom:0;width:100%;height:2px;background-color:rgba(5,5,5,.06);content:""}.el-anchor.el-anchor--horizontal.el-anchor--underline .el-anchor__marker{height:2px;border-radius:unset}