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 • 4.49 kB
Source Map (JSON)
{"version":3,"sources":["chips/chips.scss"],"names":[],"mappings":"AAAA,kBACE,QAAS,OAGX,UACE,QAAS,EADX,+BAII,QAAS,MACT,WAAY,EAAA,IAAA,KACZ,QAAS,IAAA,EACT,cAAe,KACf,WAAY,KACZ,WAAY,WACZ,MAAO,KACP,SAAS,SAXb,sCAeI,MAAO,KACP,QAAS,GACT,QAAS,MAjBb,gDAqBI,WAAY,EAAA,IAAA,QArBhB,sEAsB0B,MAAM,QAtBhC,6BA0BI,OAAQ,QA1BZ,2BA8BI,OAAQ,EA9BZ,iCAkCI,cAAe,YAInB,2BAEI,QAAS,EAAA,KAIb,UACE,UAAW,KACX,SAAU,SACV,OAAQ,QACR,cAAe,KACf,QAAS,MACT,OAAQ,KACR,YAAa,KACb,OAAQ,IAAA,IAAA,EAAA,EACR,QAAS,EAAA,KAAA,EAAA,KACT,MAAO,KACP,gBAAiB,WACjB,mBAAoB,WACpB,WAAY,WACZ,UAAW,KACX,WAAY,QACZ,MAAO,QACP,YAAa,OACb,SAAU,OACV,kBAAmB,SACnB,iBAAkB,SAClB,cAAe,SArBjB,iBAwBI,MAAO,KACP,WAAY,QAzBhB,qBA4BM,MAAY,sBA5BlB,cAiCI,SAAU,SACV,IAAK,IACL,MAAO,IACP,OAAQ,QACR,QAAS,aACT,SAAU,OACV,KAAM,aACN,MAAY,gBAIhB,cACE,QAAS,KAGX,qBACE,eAAgB,KAChB,OAAQ,QAGV,iBACE,QAAS,aACT,OAAQ,KACR,OAAQ,IAAA,IAAA,EAAA,EAGV,aACE,OAAQ,QACR,QAAS,aACT,QAAS,EAAA,IACT,MAAO,QACP,UAAW,KACX,eAAgB,IAChB,YAAa,KACb,YAAa,MAGf,YACE,QAAS,aACT,MAAO,KACP,OAAQ,EACR,QAAS,EACT,OAAQ,KACR,YAAa,KACb,UAAW,KACX,WAAY,IAGd,YACE,UAAW,KACX,MAAO,QAGT,sBACE,SAAU,SACV,QAAQ,KACR,UAAW,KACX,aAAc,IACd,cAAe,EACf,MAAO,gBACP,SAAU,OACV,cAAe,SACf,YAAa,OACb,eAAgB,KAChB,QAAS,EAXX,+CAcQ,IAAK,MACL,KAAM,KACN,WAAY,KACZ,UAAW,UACX,QAAQ,MAGhB,6DAEI,cAAe,EAFnB,qFAOM,QAAS,KAPf,oFAWM,QAAS,KAXf,gDAeM,QAAS,KAff,oEAmBM,OAAQ,KACR,UAAW","file":"chips.css","sourcesContent":[".template-content {\n display: inline;\n}\n\nmd2-chips {\n outline: none;\n\n .md2-chips-container {\n display: block;\n box-shadow: 0 1px #ccc;\n padding: 5px 0;\n margin-bottom: 10px;\n min-height: 50px;\n box-sizing: border-box;\n clear: both;\n position:relative;\n }\n\n .md2-chips-container::after {\n clear: both;\n content: '';\n display: table;\n }\n\n &.chip-input-focus .md2-chips-container {\n box-shadow: 0 2px #0d8bff;\n .md2-chip-placeholder{color:#0d8bff;}\n }\n\n .md2-chip-disabled {\n cursor: default;\n }\n\n md2-autocomplete {\n margin: 0;\n }\n\n .md2-autocomplete-wrap {\n border-bottom: 0 !important;\n }\n}\n\n.md2-chip-remove {\n .md2-chip {\n padding: 0 12px;\n }\n}\n\n.md2-chip {\n font-size: 14px;\n position: relative;\n cursor: default;\n border-radius: 16px;\n display: block;\n height: 32px;\n line-height: 32px;\n margin: 8px 8px 0 0;\n padding: 0 28px 0 12px;\n float: left;\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n max-width: 100%;\n background: rgb(224, 224, 224);\n color: rgb(66, 66, 66);\n white-space: nowrap;\n overflow: hidden;\n -ms-text-overflow: ellipsis;\n -o-text-overflow: ellipsis;\n text-overflow: ellipsis;\n\n &.active {\n color: white;\n background: #0d8bff;\n\n svg {\n color: rgba(white, 0.87);\n }\n }\n\n svg {\n position: absolute;\n top: 4px;\n right: 4px;\n cursor: pointer;\n display: inline-block;\n overflow: hidden;\n fill: currentColor;\n color: rgba(black, 0.54);\n }\n}\n\n.md2-template {\n display: none;\n}\n\n.chip-input-disabled {\n pointer-events: none;\n cursor: default;\n}\n\n.chip-input-form {\n display: inline-block;\n height: 32px;\n margin: 8px 8px 0 0;\n}\n\n.chip-remove {\n cursor: pointer;\n display: inline-block;\n padding: 0 3px;\n color: #616161;\n font-size: 30px;\n vertical-align: top;\n line-height: 21px;\n font-family: serif;\n}\n\n.chip-input {\n display: inline-block;\n width: auto;\n border: 0;\n outline: none;\n height: 32px;\n line-height: 32px;\n font-size: 16px;\n background: transparent;\n}\n\n.chip-error {\n font-size: 13px;\n color: #fd0f0f;\n}\n\n.md2-chip-placeholder {\n position: absolute;\n display:none;\n max-width: 100%;\n padding-left: 3px;\n padding-right: 0;\n color: rgba(0, 0, 0, 0.38);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n pointer-events: none;\n z-index: 1;\n\n &.md2-floating-placeholder {\n top: -10px;\n left: -2px;\n text-align: left;\n transform: scale(0.8);\n display:block;\n }\n}\n.md2-chips-container {\n .chip-input-form .md2-autocomplete-wrap {\n border-bottom: 0;\n }\n\n .md2-autocomplete-wrap {\n &.is-focused .md2-autocomplete-placeholder {\n display: none;\n }\n\n .md2-autocomplete-placeholder.has-value {\n display: none;\n }\n\n svg {\n display: none;\n }\n\n .md2-autocomplete-input {\n height: 32px;\n font-size: 16px;\n }\n }\n}\n"]}