Current File : //var/www/prestashop/modules/psxdesign/themes/classic/components/quickview.scss

/**
 * Copyright since 2007 PrestaShop SA and Contributors
 * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.md.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/OSL-3.0
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to https://devdocs.prestashop.com/ for more information.
 *
 * @author    PrestaShop SA and Contributors <contact@prestashop.com>
 * @copyright Since 2007 PrestaShop SA and Contributors
 * @license   https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
 */

.quickview {
  .modal-dialog {
    width: calc(100% - 30px);
    max-width: 64rem;
  }

  .modal-content {
    width: 100%;
    min-height: 28.13rem;
    background: $gray-light;
  }

  .modal-header {
    padding: $small-space;
    border: none;
  }

  .modal-body {
    min-height: 23.75rem;
  }

  .modal-footer {
    border-top: 1px solid rgba($gray, 0.3);
  }

  .layer {
    display: none;
  }

  .product-cover img {
    width: 100%;
    height: auto;
  }

  .images-container {
    z-index: 1;
    display: flex;
    min-height: 21.88rem;

    .product-images > li.thumb-container > .thumb {
      width: 100%;
      max-width: 4.938rem;
      height: auto;
      margin-bottom: 0.8125rem;
      background: $white;
    }
  }

  .mask {
    width: 35%;
    max-height: 22.5rem;
    margin-left: $small-space;
    overflow: hidden;
  }

  .arrows {
    position: absolute;
    top: 0;
    right: 5rem;
    bottom: 0;
    z-index: 0;
    max-height: 22.5rem;

    .arrow-up {
      margin-top: -3.125rem;
      cursor: pointer;
      opacity: 0.2;
    }

    .arrow-down {
      position: absolute;
      bottom: -1.875rem;
      cursor: pointer;
    }
  }

  .social-sharing {
    margin-top: 0;
    margin-left: $extra-large-space;
  }
}