# merchant/1.8.1/assets/sass/modules/countdown-timer/admin/preview.scss

Product Labels, Quick View, Buy Now, Pre-Orders, Frequently Bought Together & More for WooCommerce – Merchant, version 1.8.1. 103 lines.

- Page: https://pluginprobe.com/plugins/merchant/1.8.1/code/assets/sass/modules/countdown-timer/admin/preview.scss
- Raw: https://pluginprobe.com/plugins/merchant/1.8.1/raw/assets/sass/modules/countdown-timer/admin/preview.scss
- Modified: 2023-12-21T19:46:10+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/merchant/1.8.1/code/assets/sass/modules/countdown-timer/admin/preview.scss#L10-L20`.

```scss
/**
 * Admin Preview
 * Countdown Timer
 *
 */

// Canvas.
.merchant-module-page-preview-browser-inner {
	display: flex;
	flex-grow: 0;
    width: 100%;
    margin: auto;
	padding: 25px;
}

// Canvas Placeholder (Single Product Style).
.mrc-preview-single-product-elements {
    width: 100%;
    display: flex;
    gap: 25px;

    .mrc-preview-left-column {
        width: 30%;
        min-width: 30%;
    }

    .mrc-preview-right-column {
        width: 70%;
        padding-top: 25px;
    }

    .mrc-preview-product-image-wrapper {
        .mrc-preview-product-image {
            background-color: #f5f5f5;
            height: 12vw;
        }

        .mrc-preview-product-image-thumbs {
            width: 100%;
            display: flex;
            gap: 10px;
            flex-wrap: nowrap;

            .mrc-preview-product-image-thumb {
                width: 100%;
                height: 3vw;
                background-color: #f5f5f5;
                margin-top: 10px;
            }
        }
    }
}

.mrc-mw-70 {
    max-width: 70%;
}

.mrc-mw-30 {
    max-width: 30%;
}

.mrc-mw-40 {
    max-width: 40%;
}

@media(max-width: 1281px) {
    .mrc-hide-on-smaller-screens {
        display: none;
    }
}

.mrc-preview-text-placeholder {
    background-color: #f5f5f5;
    height: 13px;

    & + .mrc-preview-text-placeholder,
    & + .mrc-preview-addtocart-placeholder {
        margin-top: 15px;
    }
}

.mrc-preview-addtocart-placeholder {
    background-color: #e5e5e5;
    width: 140px;
    height: 30px;
}

@media(max-width: 991px) {
    .mrc-preview-single-product-elements {
        .mrc-preview-product-image-wrapper {
            .mrc-preview-product-image {
                height: 33vw;
            }
    
            .mrc-preview-product-image-thumbs {
                .mrc-preview-product-image-thumb {
                    height: 7vw;
                }
            }
        }
    }
}

```