tab-scroller
Version:
A JavaScript library for creating scrollable tabs with drag-and-drop functionality
2 lines • 2.92 kB
CSS
.tabScroller{align-items:center;border:1px solid #aaf;display:flex;list-style:none;margin-top:20px;overflow-x:scroll;padding:20px 10px;-ms-overflow-style:none;scrollbar-width:none}.tabScroller::-webkit-scrollbar-thumb,.tabScroller::-webkit-scrollbar-track{background-color:transparent}.tabScroller::-webkit-scrollbar-thumb:hover{background-color:transparent}.tabScroller::-webkit-scrollbar{background-color:transparent;display:none}.scroller-item .transition-none{transition:unset}.scroller-item button{background-color:transparent;border:1px solid #000;border-radius:30px;color:#000;min-width:120px;padding:10px;transition:all .3s ease;white-space:nowrap}.scroller-item.scroller-item-active button{background-color:#000;color:#fff;font-weight:700}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy90YWJTY3JvbGxlci5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsYUFNSSxrQkFBbUIsQ0FGbkIscUJBQXNCLENBQ3RCLFlBQWEsQ0FKYixlQUFnQixDQUNoQixlQUFnQixDQUtoQixpQkFBa0IsQ0FKbEIsaUJBQWtCLENBS2xCLHVCQUF3QixDQUN4QixvQkFDSixDQU1BLDRFQUNJLDRCQUNKLENBRUEsNENBQ0ksNEJBQ0osQ0FFQSxnQ0FDSSw0QkFBNkIsQ0FDN0IsWUFDSixDQUdBLGdDQUNJLGdCQUNKLENBRUEsc0JBRUksNEJBQTZCLENBQzdCLHFCQUF1QixDQUd2QixrQkFBbUIsQ0FMbkIsVUFBWSxDQU1aLGVBQWdCLENBQ2hCLFlBQWEsQ0FFYix1QkFBeUIsQ0FEekIsa0JBRUosQ0FFQSwyQ0FFSSxxQkFBdUIsQ0FEdkIsVUFBWSxDQUVaLGVBQ0oiLCJmaWxlIjoidGFiU2Nyb2xsZXIubWluLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIHRhYlNjcm9sbGVyICovXG4udGFiU2Nyb2xsZXIge1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgbWFyZ2luLXRvcDogMjBweDtcbiAgICBwYWRkaW5nOiAyMHB4IDEwcHg7XG4gICAgYm9yZGVyOiAxcHggc29saWQgI2FhZjtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgb3ZlcmZsb3cteDogc2Nyb2xsO1xuICAgIC1tcy1vdmVyZmxvdy1zdHlsZTogbm9uZTtcbiAgICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7XG59XG5cbi50YWJTY3JvbGxlcjo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2sge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xufVxuXG4udGFiU2Nyb2xsZXI6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbn1cblxuLnRhYlNjcm9sbGVyOjotd2Via2l0LXNjcm9sbGJhci10aHVtYjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG59XG5cbi50YWJTY3JvbGxlcjo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGRpc3BsYXk6IG5vbmU7XG59XG5cbi8qIHNjcm9sbGVyLWl0ZW0gKi9cbi5zY3JvbGxlci1pdGVtIC50cmFuc2l0aW9uLW5vbmUge1xuICAgIHRyYW5zaXRpb246IHVuc2V0O1xufVxuXG4uc2Nyb2xsZXItaXRlbSBidXR0b24ge1xuICAgIGNvbG9yOiBibGFjaztcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBib3JkZXI6IDFweCBzb2xpZCBibGFjaztcbiAgICAtd2Via2l0LWJvcmRlci1yYWRpdXM6IDMwcHg7XG4gICAgLW1vei1ib3JkZXItcmFkaXVzOiAzMHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDMwcHg7XG4gICAgbWluLXdpZHRoOiAxMjBweDtcbiAgICBwYWRkaW5nOiAxMHB4O1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZTtcbn1cblxuLnNjcm9sbGVyLWl0ZW0uc2Nyb2xsZXItaXRlbS1hY3RpdmUgYnV0dG9uIHtcbiAgICBjb2xvcjogd2hpdGU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogYmxhY2s7XG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG59Il19 */