hella-slider/hella-slider.min.css

Hella rad image slider.

.hella-slider{position:relative;overflow:hidden;background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1);box-shadow:0 0 1px 2px rgba(0,0,0,.05);margin:.5rem;line-height:0}.hella-slider .hella-slider-images{display:flex;align-items:center}.hella-slider .hella-slider-images.hella-smooth-transition{transition:all .5s ease-in-out}.hella-slider .hella-slider-images figure{flex:0 0 auto;text-align:center;margin:0}.hella-slider .hella-slider-images figure figcaption{display:none}.hella-slider .hella-slider-images figure img{opacity:0;max-height:100%;max-width:100%}.hella-slider .hella-slider-controls{display:flex;justify-content:space-between;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-top:0;color:#222}.hella-slider .hella-slider-controls .hella-slider-next,.hella-slider .hella-slider-controls .hella-slider-prev{display:flex;align-items:center}.hella-slider .hella-slider-controls .hella-slider-next.hella-disabled,.hella-slider .hella-slider-controls .hella-slider-prev.hella-disabled{opacity:.5}.hella-slider .hella-slider-controls .hella-slider-next:hover,.hella-slider .hella-slider-controls .hella-slider-prev:hover{cursor:pointer}.hella-slider .hella-slider-controls .hella-slider-prev{left:0}.hella-slider .hella-slider-controls .hella-slider-next{right:0}.hella-slider .hella-slider-controls .hella-caption-display-slot{width:100%;min-height:3rem;line-height:1.2rem;display:flex;align-items:center;justify-content:center;text-align:center}.hella-button{display:inline-block;color:#222;background-color:#fff;padding:.7rem 1rem;margin:.2rem;border-radius:.3rem;transition:all .1s ease-in-out;border:1px solid rgba(0,0,0,.1)}.hella-button:hover{cursor:pointer}