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 • 2.63 kB
Source Map (JSON)
{"version":3,"sources":["accordion/accordion.scss"],"names":[],"mappings":"AAEA,cACE,QAAS,MAGX,kBACE,SAAU,SACV,QAAS,MACT,QAAS,EACT,WAAY,WAJd,0BAOI,QAAS,KAIb,sBACE,SAAU,SACV,QAAS,MACT,cAAe,KACf,YAAa,IACb,YAAa,KACb,WAAY,KACZ,MAAY,gBACZ,OAAQ,QACR,YAAa,OACb,cAAe,IAAI,MAAW,gBAC9B,cAAe,EACf,WAAY,WACZ,YAAa,KAEb,iEACE,aAjCM,QAkCN,WAAY,EAAE,IAAI,EAlCZ,QAqCR,mEACE,eAAgB,KAChB,MAAY,gBACZ,iBAAkB,8EAClB,gBAAiB,IAAA,IACjB,kBAAmB,SACnB,oBAAqB,EAAA,OACrB,aAAc,YACd,WAAY,KACZ,OAAQ,QAIZ,2BACE,SAAU,SACV,IAAK,KACL,MAAO,IACP,MAAO,IACP,OAAQ,IACR,SAAU,OACV,QAAS,aACT,aAAc,EAAA,IAAA,IAAA,EACd,aAAc,MACd,aAAc,aACd,QAAS,IACT,UAAW,cACX,WAAY,IAAA,YAEZ,4FACE,UAAW,eACX,IAAK,KAIT,wBACE,SAAU,SACV,SAAU,OAEV,mEACE,SAAU,QAId,2BACE,SAAU,SACV,QAAS,KAAA,EACT,cAAe,IAAI,MAAW","file":"accordion.css","sourcesContent":["$primary: #106cc8 !default;\n\nmd2-accordion {\n display: block;\n}\n\nmd2-accordion-tab {\n position: relative;\n display: block;\n outline: 0;\n box-sizing: border-box;\n\n &[hidden] {\n display: none;\n }\n}\n\n.md2-accordion-header {\n position: relative;\n display: block;\n padding-right: 30px;\n font-weight: 500;\n line-height: 40px;\n text-align: left;\n color: rgba(black, 0.87);\n cursor: pointer;\n white-space: nowrap;\n border-bottom: 1px solid rgba(black, 0.12);\n border-radius: 0;\n box-sizing: border-box;\n user-select: none;\n\n md2-accordion-tab.md2-accordion-tab-active > & {\n border-color: $primary;\n box-shadow: 0 1px 0 $primary;\n }\n\n md2-accordion-tab.md2-accordion-tab-disabled > & {\n pointer-events: none;\n color: rgba(black, 0.26);\n background-image: linear-gradient(to right, rgba(black, 0.26) 0, rgba(black, 0.26) 33%, transparent 0);\n background-size: 4px 1px;\n background-repeat: repeat-x;\n background-position: 0 bottom;\n border-color: transparent;\n box-shadow: none;\n cursor: default;\n }\n}\n\n.md2-accordion-header-icon {\n position: absolute;\n top: 12px;\n right: 8px;\n width: 8px;\n height: 8px;\n overflow: hidden;\n display: inline-block;\n border-width: 0 2px 2px 0;\n border-style: solid;\n border-color: currentColor;\n opacity: 0.64;\n transform: rotate(45deg);\n transition: 300ms ease-in-out;\n\n md2-accordion-tab.md2-accordion-tab-active > .md2-accordion-header > & {\n transform: rotate(225deg);\n top: 16px;\n }\n}\n\n.md2-accordion-tab-body {\n position: relative;\n overflow: hidden;\n\n md2-accordion-tab.md2-accordion-tab-active & {\n overflow: visible;\n }\n}\n\n.md2-accordion-tab-content {\n position: relative;\n padding: 20px 0;\n border-bottom: 1px solid rgba(black, 0.12);\n}\n"]}