@web-atoms/core
Version:
1 lines • 2.43 kB
Source Map (JSON)
{"version":3,"sources":["../../../src/web/services/PopupService.global.css"],"names":[],"mappings":"AAAA","file":"PopupService.global.css","sourcesContent":["\n[data-force-contain=none] {\n contain: none !important; \n}\n\n*[data-inline-popup=left] {\n position: relative;\n height: 0px;\n width: 0px;\n left: 0px; \n \n & > * {\n position: absolute;\n left: 0px;\n top: 0px;\n padding: 5px;\n max-height: 300px;\n overflow: auto;\n border-radius: 5px;\n background-color: #ffffff;\n z-index: 200;\n box-shadow: rgba(50, 50, 105, 0.07) 0px 2px 5px 0px, rgba(0, 0, 0, 0.03) 0px 1px 1px 0px;;\n border: solid 1px rgba(0, 0, 0, 0.05); \n }\n}\n\n*[data-inline-popup=right] {\n position: absolute;\n height: 0px;\n width: 0px;\n right: 0px; \n\n\n & > * {\n position: absolute;\n right: 0px;\n top: 0px;\n padding: 5px;\n max-height: 300px;\n overflow: auto;\n border-radius: 5px;\n background-color: #ffffff;\n z-index: 200;\n box-shadow: rgba(50, 50, 105, 0.07) 0px 2px 5px 0px, rgba(0, 0, 0, 0.03) 0px 1px 1px 0px;;\n border: solid 1px rgba(0, 0, 0, 0.05); \n }\n}\n\n*[data-inline-popup=inline-left] {\n position: relative;\n height: 0px;\n width: 0px;\n left: 0px; \n\n & > * {\n position: absolute;\n left: 0px;\n top: 0px;\n padding: 5px;\n max-height: 300px;\n overflow: auto;\n border-radius: 5px;\n background-color: #ffffff;\n z-index: 200;\n box-shadow: rgba(50, 50, 105, 0.07) 0px 2px 5px 0px, rgba(0, 0, 0, 0.03) 0px 1px 1px 0px;;\n border: solid 1px rgba(0, 0, 0, 0.05); \n }\n}\n\n*[data-center-popup] {\n position: fixed;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n z-index: 10000;\n padding: 5px;\n background-color: #ffffff;\n border: solid 1px lightgray;\n border-radius: 5px;\n box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;;\n display: inline-block; \n} \n\n.web-atoms-popup-local {\n padding: 5px;\n background-color: #ffffff;\n border: solid 1px lightgray;\n border-radius: 5px;\n box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;;\n display: inline-block;\n}"]}