@vuesax-alpha/nightly
Version:
A Component Library for Vue 3
1 lines • 933 B
CSS
.vs-sidebar-group{padding:0;width:100%;min-width:260px;position:relative}.vs-sidebar-group.is-open .vs-sidebar-group__content:after{transform:translate(0);opacity:1}.vs-sidebar-group.is-open>.vs-sidebar-group__header .vs-sidebar-item{opacity:1}.vs-sidebar-group.is-open>.vs-sidebar-group__header .vs-sidebar-item__arrow{transform:rotate(45deg)}.vs-sidebar-group__header{display:flex;justify-content:center;align-items:center}.vs-sidebar-group__content{overflow:hidden;transition:var(--vs-transition-ease);position:relative}.vs-sidebar-group__content:after{content:"";position:absolute;left:0;top:0;background:rgba(var(--vs-color),.3);width:4px;height:100%;opacity:0;transition:all .25s ease;transform:translate(-100%);border-radius:0 10px 10px 0;z-index:60}.vs-sidebar-group__content .vs-sidebar-item{background:rgba(var(--vs-background),1)}.vs-sidebar-group>.vs-sidebar-group__header .vs-sidebar-item:hover{padding-left:0}