caption
|
text-white text-ellipsis overflow-hidden whitespace-nowrap
mx-[10px] text-center
|
Defines caption classes of the lightbox.
|
captionWrapper
|
fixed left-0 bottom-0 w-full h-[50px] flex justify-center
items-center
|
Defines caption wrapper classes of the lightbox.
|
closeBtn
|
border-none bg-transparent w-[50px] h-[50px] px-4
text-[#b3b3b3] transition-colors duration-200 ease-in-out
hover:text-white focus:text-white
motion-reduce:transition-none outline-none
|
Defines close button classes of the lightbox.
|
fullscreenBtn
|
border-none bg-transparent w-[50px] h-[50px] px-4
text-[#b3b3b3] transition-colors duration-200 ease-in-out
hover:text-white focus:text-white
motion-reduce:transition-none outline-none
|
Defines fullscreen button classes of the lightbox.
|
gallery
|
invisible fixed left-0 top-0 w-full h-full z-[1100]
pointer-events-none opacity-0 bg-[#000000e6] transition-all
duration-[400ms] motion-reduce:transition-none
|
Defines gallery classes of the lightbox.
|
galleryContent
|
fixed top-[50px] left-[50px] w-[calc(100%-100px)]
h-[calc(100%-100px)]
|
Defines gallery content classes of the lightbox.
|
galleryCounter
|
flex justify-center items-center px-[10px] mb-0 h-full
text-[#b3b3b3]
|
Defines gallery counter classes of the lightbox.
|
img
|
absolute left-0 top-0 w-full max-h-full h-auto
cursor-pointer pointer-events-auto
|
Defines image classes of the lightbox.
|
imgWrapper
|
absolute top-0 left-0 w-full h-full opacity-0 transform
scale-[0.25] transition-all duration-[400ms] ease-out
pointer-events-none motion-reduce:transition-none
motion-reduce:transform-none
|
Defines image wrapper classes of the lightbox.
|
leftTools
|
float-left h-full
|
Defines left tools classes of the lightbox.
|
loader
|
fixed left-0 top-0 z-[2] w-full h-full text-neutral-50
opacity-1 flex justify-center items-center
pointer-events-none transition-opacity duration-[1000ms]
motion-reduce:transition-none
|
Defines loader classes of the lightbox.
|
nextBtn
|
border-none bg-transparent w-full h-[50px] flex
justify-center items-center text-[#b3b3b3] transition-colors
duration-200 ease-in-out hover:text-white focus:text-white
motion-reduce:transition-none outline-none
|
Defines next button classes of the lightbox.
|
nextBtnWrapper
|
fixed right-0 top-0 w-[50px] h-full flex justify-center
items-center transition-opacity duration-[400ms]
motion-reduce:transition-none
|
Defines next button wrapper classes of the lightbox.
|
prevBtn
|
border-none bg-transparent w-full h-[50px] flex
justify-center items-center text-[#b3b3b3] transition-colors
duration-200 ease-in-out hover:text-white focus:text-white
motion-reduce:transition-none outline-none
|
Defines prev button classes of the lightbox.
|
nextBtnWrapper
|
fixed left-0 top-0 w-[50px] h-full flex justify-center
items-center transition-opacity duration-[400ms]
motion-reduce:transition-none
|
Defines prev button wrapper classes of the lightbox.
|
rightTools
|
float-right
|
Defines right tools classes of the lightbox.
|
spinner
|
inline-block h-8 w-8
animate-[spinner-grow_0.75s_linear_infinite] rounded-full
bg-current align-[-0.125em]
motion-reduce:animate-[spinner-grow_1.5s_linear_infinite]
|
Defines spinner classes of the lightbox. Spinner is visible
when image is loading.
|
spinnerContent
|
!absolute !-m-px !h-px !w-px !overflow-hidden
!whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]
|
Defines spinner content classes of the lightbox.
|
toolbar
|
absolute top-0 left-0 w-full h-[50px] z-20
transition-opacity duration-[400ms]
motion-reduce:transition-none
|
Defines toolbar classes of the lightbox.
|
vertical
|
h-full max-h-full w-auto
|
Defines vertical classes of the lightbox. Vertical class is
added when image height is greater than image width.
|
zoomBtn
|
border-none bg-transparent w-[50px] h-[50px] px-4
text-[#b3b3b3] transition-colors duration-200 ease-in-out
hover:text-white focus:text-white
motion-reduce:transition-none outline-none
|
Defines zoom button classes of the lightbox.
|