File Manager

X7ROOT File Manager

Current Path: /home/notabjze/boatingnight.com/wp-content/themes/yachbat/assets/scss/elementor

home / notabjze / boatingnight.com / wp-content / themes / yachbat / assets / scss / elementor /

ðŸ“ ..
ðŸ“„ _blog-2.scss(7.45 KB)
ðŸ“„ _blog-3.scss(9.52 KB)
ðŸ“„ _blog.scss(4.69 KB)
ðŸ“„ _button.scss(669 B)
ðŸ“„ _contact-info-2.scss(2.28 KB)
ðŸ“„ _contact-info.scss(1.32 KB)
ðŸ“„ _counter.scss(1.51 KB)
ðŸ“„ _custom-animations.scss(11.61 KB)
ðŸ“„ _gallery.scss(3.49 KB)
ðŸ“„ _header-banner.scss(814 B)
ðŸ“„ _heading.scss(643 B)
ðŸ“„ _logo.scss(402 B)
ðŸ“„ _mc4wp.scss(2.91 KB)
ðŸ“„ _menu-canvas.scss(3.54 KB)
ðŸ“„ _menu-footer.scss(452 B)
ðŸ“„ _menu-nav.scss(8.44 KB)
ðŸ“„ _product-list.scss(6.24 KB)
ðŸ“„ _service-page.scss(2.67 KB)
ðŸ“„ _special-offer.scss(5.43 KB)
ðŸ“„ _switch_language.scss(471 B)
ðŸ“„ _tabs.scss(577 B)
ðŸ“„ _testimonial-carousel.scss(6.01 KB)
ðŸ“„ _toggle.scss(775 B)

Editing: _gallery.scss

.ova-gallery {
    .grid {

&:after {
            content: '';
            display: block;
            clear: both;
        }

.grid-sizer, .grid-item {
            width: 25%;
            height: auto;
        }

.grid-item {
            float: left;
            padding: 15px;
            &.grid-item-right {
                float: right;
            }

.gallery-fancybox {
                display: block;
                position: relative;
                overflow: hidden;

img {
                    display: block;
                    object-fit: cover;
                    object-position: center;
                    width: 100%;
                    transform: scale(1);
                    transition: transform 1s ease-out;
                    transform-origin: bottom left;
                }

.gallery-container {
                    position: absolute;
                    display: block;
                    width: 100%;
                    height: 100%;
                    top: 0;
                    cursor: pointer;

&:before {
                        @include transaction(all, .3s, ease);
                        content: '';
                        position: absolute;
                        top: 0;
                        display: block;
                        width: 100%;
                        height: 100%;
                        background: var(--primary);
                        opacity: 0;
                    }

.gallery-icon {
                        position: absolute;
                        top: 45%;
                        left: 55%;
                        transform: translate(-50%, -50%); 
                        opacity: 0;
                        display: inline-flex;
                        justify-content: center;
                        align-items: center;
                        width: 36px;
                        height: 36px;
                        border-radius: 50%;
                        border: 1px solid #fff;
                        @include transaction(all, .5s, ease);

i {
                            color: rgba(255, 255, 255, 0.9);
                            font-size: 14px;
                            line-height: 1;
                        }
                    }
                }
            }

&:hover {
                .gallery-fancybox {
                    img {
                        transform: scale(1.02); 
                    }
                    .gallery-container {
                        &:before {
                            @include transaction(all, .3s, ease);
                            opacity: 0.4;
                        }

.gallery-icon {
                            @include transaction(all, .5s, ease);
                            opacity: 1;
                            top: 50%;
                            left: 50%;
                        }
                    }
                }
            }
        }

@media screen and (max-width: 1024px) {
            .grid-item {
                width: 50%;
            }
        }

@media screen and (max-width: 767px) {
            .grid-item {
                width: 50%;
            }
        }

@media screen and (max-width: 450px) {
            .grid-item {
                width: 100% !important;
            }
        }
    }
}

.fancybox__content img {
  cursor: zoom-in;
}

.fancybox__caption {
  text-align: center;
}

X7ROOT File Manager

Editing: _gallery.scss

Upload File

Create Folder