@vuesax-alpha/nightly
Version:
A Component Library for Vue 3
1 lines • 1.2 kB
CSS
.vs-card__group{width:100%;display:flex;justify-content:flex-start;align-items:center;position:relative}.vs-card__group--space{min-width:20px;position:relative;height:20px}.vs-card__group--cards{display:flex;justify-content:flex-start;align-items:center;position:relative;z-index:1;scroll-behavior:smooth;padding-top:20px;padding-bottom:36px;border-radius:20px}.vs-card__group--cards .vs-card-content{min-width:350px;margin-left:20px}.vs-card__group--prev{display:flex;justify-content:center;align-items:center;z-index:2;position:relative;left:0;width:50px;height:50px;min-width:50px;background:0 0;border:0}.vs-card__group--prev .vs-icon-arrow{width:15px;height:15px;display:block;transform:rotate(-45deg)}.vs-card__group--prev .vs-icon-arrow:before{width:2px}.vs-card__group--prev .vs-icon-arrow:after{height:2px}.vs-card__group--next{border:0;z-index:2;position:relative;left:0;width:50px;height:50px;min-width:50px;display:flex;justify-content:center;align-items:center;background:0 0}.vs-card__group--next .vs-icon-arrow{width:15px;height:15px;display:block;transform:rotate(135deg)}.vs-card__group--next .vs-icon-arrow:before{width:2px}.vs-card__group--next .vs-icon-arrow:after{height:2px}