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.85 kB
Source Map (JSON)
{"version":3,"sources":["menu/menu.css","menu/menu.scss"],"names":[],"mappings":"AAAA,WCGE,SAAU,SACV,QAAS,aDAX,mBCIE,SAAU,SACV,IAAK,EACL,KAAM,EACN,QAAS,aACT,WAAY,KACZ,WAAY,KACZ,UAAW,MACX,UAAW,MACX,WAAY,mBACZ,QAjB0B,IAiBU,EACpC,OAAQ,EACR,QAAS,KACT,cAAe,IACf,UAAW,SACX,iBAAkB,KAAA,IAClB,WAAY,IAAA,IAAA,OACZ,WAAY,EAAE,IAAI,IAAI,IAAI,gBDF1B,mCCKE,KAAM,KACN,OAAQ,KAAA,EDHV,sCCOE,MAAO,EACP,KAAM,KACN,iBAAkB,MAAA,IDLlB,sDCQE,MAAO,KDNX,qCCWE,IAAK,KACL,OAAQ,EACR,iBAAkB,KAAA,ODTlB,wDCYE,iBAAkB,MAAA,OAItB,yBACE,UAAW,SDZf,gBCiBE,SAAU,SACV,MAAO,KACP,OAAQ,QACR,YAAa,KACb,QAAS,EACT,OAAQ,KACR,YAAa,OACb,cAAe,SACf,QAAS,KACT,eAAgB,IAChB,YAAa,OACb,OAAQ,KACR,QAAS,EAAA,KACT,UAAW,KACX,WAAY,MACZ,gBAAiB,KACjB,WAAY,IACZ,MAAO,gBACP,WAAY,WDfZ,0BCkBE,MAAO,gBAII,qBADA,sCDnBb,sCCsBE,WAAY,gBACZ,gBAAiB,KDpBnB,mCCwBE,QAAS,MACT,OAAQ,KACR,MAAO,kBACP,OAAQ,EAAA,MACR,QAAS,EAAA,KACT,KAAM,QACN,MAAO,QACP,WAAY,KACZ,WAAY,IACZ,QAAS,EACT,OAAQ,EACR,OAAQ,QACR,WAAY,KAKhB,sBACE,SAAU,MACV,eAAgB,KAChB,IAAK,EACL,KAAM,EACN,OAAQ,KACR,MAAO,KACP,QAAS,IAGX,iBACE,SAAU,SACV,eAAgB,KAChB,WAAY,WACZ,QAAS,IAGX,qBACE,SAAU,SACV,IAAK,EACL,OAAQ,EACR,KAAM,EACN,MAAO,EACP,QAAS,EACT,eAAgB,KAChB,WAAY,QAAQ,IAAM,2BAC1B,QAAS,EAGX,iCACE,WAAY,IAGd,iDACE,QAAS","file":"menu.css","sourcesContent":[null,"$md2-menu-vertical-padding: 8px !default;\n\n[md2-menu] {\n position: relative;\n display: inline-block;\n}\n\n[md2-menu-content] {\n position: absolute;\n top: 0;\n left: 0;\n display: inline-block;\n background: white;\n list-style: none;\n min-width: 112px;\n max-width: 280px;\n max-height: calc(100vh + 48px);\n padding: $md2-menu-vertical-padding 0;\n margin: 0;\n z-index: 1001;\n border-radius: 2px;\n transform: scale(0);\n transform-origin: left top;\n transition: all 200ms linear;\n box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.34);\n\n [md2-menu-item] & {\n left: 100%;\n margin: -8px 0;\n }\n\n &[x-position='before'] {\n right: 0;\n left: auto;\n transform-origin: right top;\n\n [md2-menu-item] & {\n right: 100%;\n }\n }\n\n &[y-position='above'] {\n top: auto;\n bottom: 0;\n transform-origin: left bottom;\n\n &[x-position='before'] {\n transform-origin: right bottom;\n }\n }\n\n .open > & {\n transform: scale(1);\n }\n}\n\n[md2-menu-item] {\n position: relative;\n width: 100%;\n cursor: pointer;\n user-select: none;\n outline: none;\n border: none;\n white-space: nowrap;\n text-overflow: ellipsis;\n display: flex;\n flex-direction: row;\n align-items: center;\n height: 36px;\n padding: 0 16px;\n font-size: 16px;\n text-align: start;\n text-decoration: none;\n background: transparent;\n color: rgba(0, 0, 0, 0.87);\n box-sizing: border-box;\n\n &[disabled] {\n color: rgba(0, 0, 0, 0.38);\n }\n\n &:hover:not([disabled]),\n &:focus:not([disabled]),\n &.open {\n background: rgba(0, 0, 0, 0.04);\n text-decoration: none;\n }\n\n & > [md2-menu-trigger] {\n display: block;\n height: 36px;\n width: calc(100% + 32px);\n margin: 0 -16px;\n padding: 0 16px;\n font: inherit;\n color: inherit;\n text-align: left;\n background: transparent;\n outline: none;\n border: 0;\n cursor: pointer;\n box-shadow: none;\n }\n}\n\n\n.md-overlay-container {\n position: fixed;\n pointer-events: none;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 999;\n}\n\n.md-overlay-pane {\n position: absolute;\n pointer-events: auto;\n box-sizing: border-box;\n z-index: 999;\n}\n\n.md-overlay-backdrop {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 1;\n pointer-events: auto;\n transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n opacity: 0;\n}\n\n.md-overlay-transparent-backdrop {\n background: none;\n}\n\n.md-overlay-backdrop.md-overlay-backdrop-showing {\n opacity: 0.48;\n}\n"]}