# ultimate-store-kit/3.1.4/src/scss/components/modal.scss

Ultimate Store Kit – Store Builder Addons for Elementor, WooCommerce Store Builder, EDD Store Builder, version 3.1.4. 219 lines.

- Page: https://pluginprobe.com/plugins/ultimate-store-kit/3.1.4/code/src/scss/components/modal.scss
- Raw: https://pluginprobe.com/plugins/ultimate-store-kit/3.1.4/raw/src/scss/components/modal.scss
- Modified: 2026-09-17T12:29:12+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/ultimate-store-kit/3.1.4/code/src/scss/components/modal.scss#L10-L20`.

```scss
div.pp_pic_holder {
    z-index: 99999998 !important;
}

.theme-twentytwentyone {
    .onsale {
       position: unset;
    }
 }

.product-quick-view {
    .usk-modal-page {
        .usk-modal-product {
            .product {
                display: block;
                align-items: flex-start;
                .usk-modal-image-wrapper {
                    position: relative;
                    // width: 100%;
                    // height: 100%;
                    // .images {
                    //     .usk-product {
                    //         .wp-post-image {
                    //             width: 100%;
                    //             height: 100%;
                    //             object-fit: cover;
                    //         }
                    //     }
                    // }
                    .usk-onsale {
                        position: absolute;
                        top: 0;
                        .onsale {
                            background: #e62a3f;
                            color: #fff;
                            font-weight: 700;
                            padding: 4px 8px;
                            display: inline-block;
                            font-size: 14px;
                        }
                    }
                    .thumbnails  {
                        .size-shop_thumbnail {
                            border: 1px solid #dcd7d7;
                            margin-right: 5px;
                        }
                    }
                }
                .usk-modal-content-box {
                    width: 100%;
                    padding-left: 30px;
                    .usk-product-title {
                        text-decoration: none;
                        display: block;
                        margin-bottom: 15px;
                        .product_title {
                            color: #454545;
                            font-size: 25px;
                            text-transform: capitalize;
                            font-weight: 800;
                            margin: 0;
                            transition: all .3s ease;
                            &:hover {
                                color: #e62a3f;
                            }
                        }
                    }
                    .usk-product-price {
                        margin-bottom: 15px;
                        .price {
                            font-size: 14px;
                            color: #828181d1;
                            font-weight: 700;
                            margin: 0;
                            ins {
                                padding-left: 10px;
                                background: transparent;
                            }
                            del {
                                font-weight: 500;
                            }
                        }
                    }
                    .usk-product-desc {
                        margin-bottom: 20px;
                        p {
                            font-size: 14px;
                            color: #999595;
                            line-height: 1.6;
                            margin: 0;
                        }
                    }
                    .usk-quick-action-wrap {
                        margin-bottom: 15px;
                        .cart {
                            .quantity {
                                margin-bottom: 20px;
                                input {
                                    height: 40px;
                                    width: 140px;
                                    padding: 10px;
                                    border: 1px solid #cccbcb;
                                    color: #9b9494;
                                    outline: none;
                                    background: transparent;
                                    &:focus {
                                        border: 1px solid #8a8484;
                                    }
                                }
                            }
                            button {
                                font-size: 14px;
                                padding: 14px 30px;
                                margin-left: auto;
                                color: #fff;
                                font-weight: 700;
                                text-transform: capitalize;
                                transition: all .3s ease;
                                background: #e52a3f;
                                border: 1px solid #e52a3f;
                                &:hover {
                                    border: 1px solid #e52a3f;
                                    background: transparent;
                                    color: #e52a3f;
                                }
                            }
                        }
                    }
                    .usk-product-meta {
                        margin-bottom: 15px;
                        .posted_in {
                            font-size: 14px;
                            text-transform: capitalize;
                            font-weight: 700;
                            color: #454545;
                            a {
                                padding-left: 10px;
                                font-weight: 400;
                                color: #979393;
                                transition: all .3s ease;
                                &:hover {
                                    color: #e62a3f;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

 ::-webkit-scrollbar {
    width: 7px;
  }
::-webkit-scrollbar-track {
  background: #e4e9eb;
}
::-webkit-scrollbar-thumb {
  background: #c9c9c9;
}
}




@media (min-width: 768px){
    .product-quick-view {
        .usk-modal-page {
            .usk-modal-product {
                .product {
                    display: flex;
                }
            }
        }
    }
}
@media (min-width: 1024px){
    .product-quick-view {
        .usk-modal-page {
            .usk-modal-product {
                .product {
                    display: flex;
                }
            }
        }
    }
}


// loader
@keyframes bouncing-loader {
    to {
      opacity: 0.1;
      transform: translate3d(0, -1rem, 0);
    }
  }
  .usk-bouncing-loader {
    display: flex;
    justify-content: center;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
  }
  .usk-bouncing-loader > div {
    width: 1rem;
    height: 1rem;
    margin: 3rem 0.2rem;
    background: #8385aa;
    border-radius: 50%;
    animation: bouncing-loader 0.6s infinite alternate;
  }
  .usk-bouncing-loader > div:nth-child(2) {
    animation-delay: 0.2s;
  }
  .usk-bouncing-loader > div:nth-child(3) {
    animation-delay: 0.4s;
  }

```