nudge-components-library
Version:
A library of nudge UI components
9 lines (6 loc) • 3.73 kB
JavaScript
import styleInject from '../../node_modules/style-inject/dist/style-inject.es.js';
var css_248z = ".Popup-module_closeButtonContainer__iR483 {\n display: flex;\n justify-content: right;\n align-self: start;\n}\n\n.Popup-module_contentContainer__oqL4I {\n align-items: center;\n display: grid;\n}\n\n.Popup-module_contentContainer__oqL4I > :nth-child(1) {\n margin-right: 26px;\n}\n\n.Popup-module_contentContainer__oqL4I.Popup-module_gridDismissibleImage__rvrLX > :nth-child(2) {\n margin-right: 14px;\n}\n\n.Popup-module_textContainer__UANeL {\n display: flex;\n flex-direction: column;\n}\n\n.Popup-module_topLeft__yBY-6 {\n top: 1rem;\n left: 1rem;\n}\n\n.Popup-module_topRight__f9wuG {\n top: 1rem;\n right: 1rem;\n}\n\n.Popup-module_bottomLeft__of-TT {\n bottom: 1rem;\n left: 1rem;\n}\n\n.Popup-module_bottomRight__fmQ06 {\n bottom: 1rem;\n right: 1rem;\n}\n\n.Popup-module_gridDismissibleImage__rvrLX {\n grid-template-columns: 0.9fr 2.4fr 0.2fr;\n}\n\n.Popup-module_gridDismissibleNoImage__UiUGJ {\n grid-template-columns: 2.8fr 0.2fr;\n}\n\n.Popup-module_gridNonDismissibleImage__uBghX {\n grid-template-columns: 0.9fr 3.1fr;\n}\n\n.Popup-module_gridNonDismissibleNoImage__ZUesk {\n grid-template-columns: 1fr;\n}\n\n.Popup-module_popupContainer__u0Fmt {\n position: fixed;\n z-index: 1000;\n}\n\n/* Animation for fade */\n.Popup-module_fade__neHrI {\n transition: opacity var(--animation-duration, 300ms) ease-in-out;\n}\n.Popup-module_fadeVisible__WD56o {\n opacity: 1;\n}\n.Popup-module_fadeHidden__3Ti6h {\n opacity: 0;\n}\n\n/* Animation for slide */\n.Popup-module_slide__jgxD- {\n transition: opacity var(--animation-duration, 300ms) ease-in-out,\n transform var(--animation-duration, 300ms) ease-in-out;\n}\n.Popup-module_slideVisible__HYkRs {\n opacity: 1;\n transform: translateY(0);\n}\n.Popup-module_slideHidden__y2lYU {\n opacity: 0;\n transform: translateY(20px);\n pointer-events: none;\n}\n\n.Popup-module_hidden__xRlAv {\n opacity: 0;\n pointer-events: none;\n visibility: hidden;\n}\n\n.Popup-module_mobilePopup__TdboQ {\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n max-width: 400px;\n}\n\n@media (max-width: 570px) {\n .Popup-module_gridDismissibleImage__rvrLX {\n grid-template-columns: auto 1fr auto;\n }\n .Popup-module_gridDismissibleNoImage__UiUGJ {\n grid-template-columns: 1fr auto;\n }\n .Popup-module_gridNonDismissibleImage__uBghX {\n grid-template-columns: auto 1fr;\n }\n .Popup-module_gridNonDismissibleNoImage__ZUesk {\n grid-template-columns: 1fr;\n }\n}\n";
var styles = {"closeButtonContainer":"Popup-module_closeButtonContainer__iR483","contentContainer":"Popup-module_contentContainer__oqL4I","gridDismissibleImage":"Popup-module_gridDismissibleImage__rvrLX","textContainer":"Popup-module_textContainer__UANeL","topLeft":"Popup-module_topLeft__yBY-6","topRight":"Popup-module_topRight__f9wuG","bottomLeft":"Popup-module_bottomLeft__of-TT","bottomRight":"Popup-module_bottomRight__fmQ06","gridDismissibleNoImage":"Popup-module_gridDismissibleNoImage__UiUGJ","gridNonDismissibleImage":"Popup-module_gridNonDismissibleImage__uBghX","gridNonDismissibleNoImage":"Popup-module_gridNonDismissibleNoImage__ZUesk","popupContainer":"Popup-module_popupContainer__u0Fmt","fade":"Popup-module_fade__neHrI","fadeVisible":"Popup-module_fadeVisible__WD56o","fadeHidden":"Popup-module_fadeHidden__3Ti6h","slide":"Popup-module_slide__jgxD-","slideVisible":"Popup-module_slideVisible__HYkRs","slideHidden":"Popup-module_slideHidden__y2lYU","hidden":"Popup-module_hidden__xRlAv","mobilePopup":"Popup-module_mobilePopup__TdboQ"};
styleInject(css_248z);
export { styles as default };
//# sourceMappingURL=Popup.module.css.js.map