lightgallery
Version:
lightGallery is a feature-rich, modular JavaScript gallery plugin for building beautiful image and video galleries for the web and the mobile
82 lines (80 loc) • 2.11 kB
CSS
.lg-container[dir=rtl] .lg-next {
right: auto;
left: 20px;
}
.lg-container[dir=rtl] .lg-prev {
left: auto;
right: 20px;
}
.lg-container[dir=rtl] .lg-prev.lg-icon-custom svg,
.lg-container[dir=rtl] .lg-next.lg-icon-custom svg {
transform: scaleX(-1);
}
.lg-container[dir=rtl].lg-show-in .lg-hide-items .lg-prev {
transform: translate3d(10px, 0, 0);
}
.lg-container[dir=rtl].lg-show-in .lg-hide-items .lg-next {
transform: translate3d(-10px, 0, 0);
}
.lg-container[dir=rtl] .lg-outer.lg-right-end .lg-object {
animation: lg-left-end 0.3s;
}
.lg-container[dir=rtl] .lg-outer.lg-left-end .lg-object {
animation: lg-right-end 0.3s;
}
.lg-container[dir=rtl] .lg-inner {
direction: ltr;
}
.lg-container[dir=rtl] .lg-inner .lg-sub-html {
direction: rtl;
}
.lg-container[dir=rtl] .lg-outer.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
transform: translate3d(100%, 0, 0);
}
.lg-container[dir=rtl] .lg-outer.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
transform: translate3d(-100%, 0, 0);
}
.lg-container[dir=rtl] .lg-outer.lg-slide.lg-use-css3 .lg-item.lg-current {
transform: translate3d(0, 0, 0);
}
.lg-container[dir=rtl] .lg-toolbar .lg-icon,
.lg-container[dir=rtl] .lg-toolbar .lg-share-outer {
float: left;
}
.lg-container[dir=rtl] .lg-toolbar-menu {
right: auto;
left: 8px;
text-align: right;
}
.lg-container[dir=rtl] .lg-counter {
padding-left: 0;
padding-right: 20px;
direction: ltr;
unicode-bidi: isolate;
}
.lg-container[dir=rtl] .lg-outer .lg-thumb-spacer,
.lg-container[dir=rtl] .lg-outer .lg-thumb-item {
float: right;
}
.lg-container[dir=rtl] .lg-outer .lg-dropdown {
right: auto;
left: 0;
text-align: right;
}
.lg-container[dir=rtl] .lg-outer .lg-dropdown:after {
right: auto;
left: 16px;
}
.lg-container[dir=rtl] .lg-outer .lg-dropdown .lg-icon {
margin-right: 0;
margin-left: 8px;
}
.lg-container[dir=rtl] .lg-comment-box {
right: auto;
left: 0;
transform: translate3d(-100%, 0, 0);
}
.lg-container[dir=rtl] .lg-outer.lg-comment-active .lg-comment-box {
transform: translate3d(0, 0, 0);
}
/*# sourceMappingURL=lg-rtl.css.map */