@scuticode/shop-sdk/dist/styles/dialog.style.js

ScutiCode shop sdk

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.dialog = void 0;
const lit_element_1 = require("lit-element");
exports.dialog = (0, lit_element_1.css) `
    .hidden {
      display: none;
    }

    .dialog {
      position: fixed;
      background-color: #ffffff;
      border-radius: 5px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

    .dialog-left{
      top: 0;
      left: 0;
      width: 300px;
      height: 100%;
    }

    .dialog-center {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      padding: 20px;
      width: 50%;
      height: 50%;
    }

    .dialog-right {
      top: 3.75rem;
      right: 4.75rem; 
      width: 400px;
      height: 600px;
    }
`;