22

✏️ Editing: ep-scrollnav.css

.bdt-scrollnav .bdt-navbar-nav>li>a svg{width:1em;height:1em}.bdt-scrollnav .bdt-navbar-nav>li>a span{display:flex}.bdt-scrollnav .bdt-button-icon-align-left{order:-1}.bdt-navbar-nav>li>a{transition:.1s ease-in-out;transition-property:color,background-color;position:relative}.bdt-navbar-style-1 .bdt-navbar-nav>li>a:before{content:'';display:block;position:absolute;height:2px;background-color:transparent;transition:.1s cubic-bezier(0, .75, .43, 1);transition-property:background-color,opacity,transform;top:0;left:0;right:0;margin:0 15px;opacity:1;transform:scale3d(0, 1, 1)}.bdt-navbar-style-1 .bdt-navbar-nav>li.bdt-active>a:before{transform:scale3d(1, 1, 1);opacity:1;background-color:#1e87f0}.bdt-navbar-style-1 .bdt-navbar-nav>li:hover>a:before{transform:scale3d(1, 1, 1);opacity:1;background-color:#1e87f0}.bdt-navbar-style-2 .bdt-navbar-nav>li>a:after{content:'';display:block;position:absolute;height:2px;background-color:transparent;transition:.1s cubic-bezier(0, .75, .43, 1);transition-property:background-color,opacity,transform;bottom:0;left:0;right:0;margin:0 15px;opacity:1;transform:scale3d(0, 1, 1)}.bdt-navbar-style-2 .bdt-navbar-nav>li.bdt-active>a:after{transform:scale3d(1, 1, 1);opacity:1;background-color:#1e87f0}.bdt-navbar-style-2 .bdt-navbar-nav>li:hover>a:after{transform:scale3d(1, 1, 1);opacity:1;background-color:#1e87f0}.bdt-navbar-style-3 .bdt-navbar-nav>li>a:after{content:'';display:block;position:absolute;height:8px;background-color:transparent;transition:.25s cubic-bezier(0, .75, .43, 1);transition-property:background-color,opacity,transform;left:0;right:0;margin:0 10px;opacity:1;transform:scale3d(0, 1, 1);z-index:-1;transform-origin:left}.bdt-navbar-style-3 .bdt-navbar-nav>li.bdt-active>a:after{transform:scale3d(1, 1, 1);opacity:1}.bdt-navbar-style-3 .bdt-navbar-nav>li:hover>a:after{transform:scale3d(1, 1, 1);opacity:1;background-color:#1e87f0}.bdt-navbar-style-4 .bdt-navbar-nav>li>a:before{content:'';position:absolute;bottom:0;left:0;right:0;margin:0 10px;height:2px;background-color:currentColor;transform-origin:bottom right;transform:scaleX(0);transition:transform .5s ease}.bdt-navbar-style-4 .bdt-navbar-nav>li.bdt-active>a:before{transform-origin:bottom left;transform:scaleX(1)}.bdt-navbar-style-4 .bdt-navbar-nav>li:hover>a:before{transform-origin:bottom left;transform:scaleX(1);background-color:#1e87f0}@media (max-width:959px){.bdt-scrollnav .bdt-navbar-nav{flex-wrap:wrap}.bdt-scrollnav .bdt-navbar-nav>li>a{height:40px}}@media (max-width:639px){.bdt-scrollnav .bdt-navbar-nav{flex-wrap:wrap}.bdt-scrollnav .bdt-navbar-nav>li>a{height:30px}}

MR SKB