md2
Version:
Angular2 based Material Design components, directives and services are Accordion, Autocomplete, Chips(Tags), Collapse, Colorpicker, Data Table, Datepicker, Dialog(Modal), Menu, Multiselect, Select, Tabs, Tags(Chips), Toast and Tooltip.
1 lines • 3.81 kB
Source Map (JSON)
{"version":3,"sources":["dialog/dialog.scss"],"names":[],"mappings":"AAAA,kBACE,SAAU,SACV,UAAW,KACX,MAAO,MACP,cAAe,IACf,iBAAkB,KAClB,SAAU,OACV,WAAY,EAAE,KAAK,KAAM,KAAS,cAAK,CAAQ,EAAE,KAAK,KAAK,IAAS,eAAK,CAAS,EAAE,IAAI,KAAK,IAAS,gBAMxG,mBACE,WAAY,QACZ,MAAO,KACP,UAAW,KACX,YAAa,IACb,YAAa,IACb,QAAS,EAAA,KAAA,EAAA,KACT,cAAe,IAAA,MAAA,QACf,UAAW,WARb,0BAWI,SAAU,SACV,IAAK,KACL,MAAO,KACP,QAAS,aACT,MAAO,KACP,OAAQ,KACR,SAAU,OACV,mBAAoB,KACpB,QAAS,EACT,OAAQ,QACR,WAAY,EAAA,EACZ,OAAQ,EACR,QAAS,EACT,QAAS,GACT,UAAW,EACX,QAAS,EACT,WAAY,KACZ,OAAQ,EA5BZ,iCAAA,kCAgCM,QAAS,GACT,SAAU,SACV,IAAK,IACL,KAAM,EACN,MAAO,KACP,OAAQ,IACR,WAAY,KACZ,WAAY,KACZ,cAAe,IAxCrB,kCA4CM,UAAW,cA5CjB,iCAgDM,UAAW,eAhDjB,gCAoDM,QAAS,EApDf,qCAAA,oCA0DI,QAAS,MACT,OAAQ,EACR,QAAS,KAAA,EACT,UAAW,KACX,YAAa,IA9DjB,iCAkEI,YAAa,KAIjB,iBACE,SAAU,SACV,WAAY,KACZ,QAAS,KACT,WAAY,KAGd,mBACA,kBACE,QAAS,MACT,QAAS,KACT,WAAY,MACZ,WAAY,IAAI,MAAM,gBAGA,4BAAxB,uBACE,eAAgB,KAChB,IAAK,EACL,KAAM,EACN,OAAQ,KACR,MAAO,KAGT,uBACE,SAAU,MACV,QAAS,IAGX,4BACE,QAAS,KACT,SAAU,SACV,QAAS,IAGX,kBACE,SAAU,SACV,eAAgB,KAChB,WAAY,WACZ,QAAS,IAGX,sBACE,SAAU,SACV,IAAK,EACL,OAAQ,EACR,KAAM,EACN,MAAO,EACP,QAAS,IACT,eAAgB,KAChB,WAAY,QAAQ,IAAM,2BAC1B,QAAS,EAGX,mDACE,QAAS,IAGX,2BACE,WAAiB","file":"dialog.css","sourcesContent":[".md2-dialog-panel {\n position: relative;\n max-width: 90vw;\n width: 600px;\n border-radius: 3px;\n background-color: white;\n overflow: hidden;\n box-shadow: 0 11px 15px -7px rgba(black, 0.2), 0 24px 38px 3px rgba(black, 0.14), 0 9px 46px 8px rgba(black, 0.12);\n}\n\n.md2-dialog-content {\n}\n\n.md2-dialog-header {\n background: #2196f3;\n color: #fff;\n font-size: 25px;\n line-height: 1.1;\n font-weight: 500;\n padding: 0 48px 0 16px;\n border-bottom: 1px solid #e5e5e5;\n word-wrap: break-word;\n\n .close {\n position: absolute;\n top: 21px;\n right: 16px;\n display: inline-block;\n width: 18px;\n height: 18px;\n overflow: hidden;\n -webkit-appearance: none;\n padding: 0;\n cursor: pointer;\n background: 0 0;\n border: 0;\n outline: 0;\n opacity: 0.8;\n font-size: 0;\n z-index: 1;\n box-shadow: none;\n margin: 0;\n\n &::before,\n &::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 0;\n width: 100%;\n height: 2px;\n margin-top: -1px;\n background: #ccc;\n border-radius: 2px;\n }\n\n &::before {\n transform: rotate(45deg);\n }\n\n &::after {\n transform: rotate(-45deg);\n }\n\n &:hover {\n opacity: 1;\n }\n }\n\n md2-dialog-title,\n .md2-dialog-title {\n display: block;\n margin: 0;\n padding: 16px 0;\n font-size: 25px;\n font-weight: 500;\n }\n\n dialog-header {\n line-height: 33px;\n }\n}\n\n.md2-dialog-body {\n position: relative;\n max-height: 65vh;\n padding: 16px;\n overflow-y: auto;\n}\n\n.md2-dialog-footer,\nmd2-dialog-footer {\n display: block;\n padding: 16px;\n text-align: right;\n border-top: 1px solid rgba(0, 0, 0, 0.12);\n}\n\n.cdk-overlay-container, .cdk-global-overlay-wrapper {\n pointer-events: none;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n}\n\n.cdk-overlay-container {\n position: fixed;\n z-index: 999;\n}\n\n.cdk-global-overlay-wrapper {\n display: flex;\n position: absolute;\n z-index: 999;\n}\n\n.cdk-overlay-pane {\n position: absolute;\n pointer-events: auto;\n box-sizing: border-box;\n z-index: 999;\n}\n\n.cdk-overlay-backdrop {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 999;\n pointer-events: auto;\n transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n opacity: 0;\n}\n\n.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {\n opacity: 0.48;\n}\n\n.cdk-overlay-dark-backdrop {\n background: rgba(black, 0.6);\n}\n"]}