# merchant/trunk/assets/css/modules/checkout/admin/preview.css

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

- Page: https://pluginprobe.com/plugins/merchant/trunk/code/assets/css/modules/checkout/admin/preview.css
- Raw: https://pluginprobe.com/plugins/merchant/trunk/raw/assets/css/modules/checkout/admin/preview.css
- Modified: 2023-11-29T19:42:32+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/trunk/code/assets/css/modules/checkout/admin/preview.css#L10-L20`.

```css
/**
 * Admin Preview
 * Checkout Styles
 *
 */
.merchant-module-page-preview-browser-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  max-width: 100%;
  margin: auto;
  padding: 0;
}

.mrc-checkout-preview .mrc-checkout-preview-one-step,
.mrc-checkout-preview .mrc-checkout-preview-shopify,
.mrc-checkout-preview .mrc-checkout-preview-multi-step {
  display: none;
}
.mrc-checkout-preview .mrc-checkout-preview-one-step img,
.mrc-checkout-preview .mrc-checkout-preview-shopify img,
.mrc-checkout-preview .mrc-checkout-preview-multi-step img {
  width: 100%;
  height: auto;
  max-width: 100%;
}
.mrc-checkout-preview.layout-one-step .mrc-checkout-preview-one-step {
  display: block;
}
.mrc-checkout-preview.layout-shopify .mrc-checkout-preview-shopify {
  display: block;
}
.mrc-checkout-preview.layout-multi-step .mrc-checkout-preview-multi-step {
  display: block;
}
```