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.12 kB
Source Map (JSON)
{"version":3,"sources":["tabs/tabs.scss"],"names":[],"mappings":"AAAA,SACE,SAAU,SACV,SAAU,OACV,QAAS,MACT,OAAQ,EACR,OAAQ,IAAA,MAAA,QACR,cAAe,IAGjB,yBACE,SAAU,SACV,QAAS,MACT,OAAQ,KACR,WAAY,KACZ,aAAc,EAAA,EAAA,IACd,aAAc,MACd,aAAc,gBACd,OAAQ,EACR,QAAS,EACT,WAAY,KACZ,YAAa,KAXf,gCAcI,QAAS,GACT,QAAS,MACT,MAAO,KAKX,iBADA,iBAEE,SAAU,SACV,IAAK,EACL,OAAQ,KACR,MAAO,KACP,QAAS,IAAA,EACT,QAAS,EACT,OAAQ,QAPV,0BADA,0BAWI,QAAS,IACT,OAAQ,QAIZ,iBACE,KAAM,EAGR,iBACE,MAAO,EAIT,4BADA,4BAEE,QAAS,MACT,MAAO,KACP,OAAQ,KACR,UAAW,EACX,aAAc,EAAA,EAAA,IAAA,IACd,aAAc,MACd,aAAc,QACd,cAAe,IACf,UAAW,cACX,OAAQ,KAGV,4BACE,aAAc,IAAA,IAAA,EAAA,EAGhB,iBACE,SAAU,SACV,OAAQ,KACR,SAAU,OACV,QAAS,MACT,QAAS,EAGX,+BACE,OAAQ,EAAA,KAGV,iBACE,SAAU,SACV,QAAS,aACT,OAAQ,KACR,YAAa,OACb,WAAY,IAAM,0BAGpB,eACE,SAAU,SACV,OAAQ,KACR,MAAO,gBACP,UAAW,KACX,WAAY,OACZ,YAAa,KACb,QAAS,KAAA,KACT,WAAY,iBAAiB,MAAM,0BACnC,OAAQ,QACR,YAAa,OACb,eAAgB,UAChB,QAAS,aACT,YAAa,IACb,gBAAiB,WACjB,mBAAoB,WACpB,WAAY,WACZ,SAAU,OACV,kBAAmB,SACnB,iBAAkB,SAClB,cAAe,SAGjB,sBACE,MAAO,QAGT,4CACE,WAAY,gBAGd,wBACE,MAAO,gBACP,eAAgB,KAChB,YAAa,KACb,kBAAmB,KACnB,QAAS,GACT,OAAQ,QAGV,iBACE,SAAU,SACV,OAAQ,EACR,OAAQ,IACR,WAAY,QACZ,WAAY,MAAM,0BAGpB,uBACE,SAAU,SACV,WAAY,EACZ,QAAS,MACT,MAAO,KAGT,QACE,QAAS,KACT,QAAS,KACT,SAAU,SAGZ,eACE,QAAS,MACT,SAAU","file":"tabs.css","sourcesContent":["md2-tabs {\n position: relative;\n overflow: hidden;\n display: block;\n margin: 0;\n border: 1px solid #e1e1e1;\n border-radius: 2px;\n}\n\n.md2-tabs-header-wrapper {\n position: relative;\n display: block;\n height: 48px;\n background: white;\n border-width: 0 0 1px;\n border-style: solid;\n border-color: rgba(0, 0, 0, 0.12);\n margin: 0;\n padding: 0;\n list-style: none;\n user-select: none;\n\n &::after {\n content: '';\n display: table;\n clear: both;\n }\n}\n\n.md2-prev-button,\n.md2-next-button {\n position: absolute;\n top: 0;\n height: 100%;\n width: 32px;\n padding: 8px 0;\n z-index: 2;\n cursor: pointer;\n\n &.disabled {\n opacity: 0.25;\n cursor: default;\n }\n}\n\n.md2-prev-button {\n left: 0;\n}\n\n.md2-next-button {\n right: 0;\n}\n\n.md2-prev-button .prev-icon,\n.md2-next-button .next-icon {\n display: block;\n width: 12px;\n height: 12px;\n font-size: 0;\n border-width: 0 0 2px 2px;\n border-style: solid;\n border-color: #757575;\n border-radius: 1px;\n transform: rotate(45deg);\n margin: 10px;\n}\n\n.md2-next-button .next-icon {\n border-width: 2px 2px 0 0;\n}\n\n.md2-tabs-canvas {\n position: relative;\n height: 100%;\n overflow: hidden;\n display: block;\n outline: none;\n}\n\n.md2-tabs-canvas.md2-paginated {\n margin: 0 32px;\n}\n\n.md2-tabs-header {\n position: relative;\n display: inline-block;\n height: 100%;\n white-space: nowrap;\n transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);\n}\n\n.md2-tab-label {\n position: relative;\n height: 100%;\n color: rgba(0, 0, 0, 0.54);\n font-size: 14px;\n text-align: center;\n line-height: 24px;\n padding: 12px 24px;\n transition: background-color 350ms cubic-bezier(0.35, 0, 0.25, 1);\n cursor: pointer;\n white-space: nowrap;\n text-transform: uppercase;\n display: inline-block;\n font-weight: 500;\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n overflow: hidden;\n -ms-text-overflow: ellipsis;\n -o-text-overflow: ellipsis;\n text-overflow: ellipsis;\n}\n\n.md2-tab-label.active {\n color: rgb(16, 108, 200);\n}\n\n.md2-tabs-canvas:focus .md2-tab-label.focus {\n background: rgba(0, 0, 0, 0.05);\n}\n\n.md2-tab-label.disabled {\n color: rgba(0, 0, 0, 0.26);\n pointer-events: none;\n user-select: none;\n -webkit-user-drag: none;\n opacity: 0.5;\n cursor: default;\n}\n\n.md2-tab-ink-bar {\n position: absolute;\n bottom: 0;\n height: 2px;\n background: rgb(255, 82, 82);\n transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);\n}\n\n.md2-tabs-body-wrapper {\n position: relative;\n min-height: 0;\n display: block;\n clear: both;\n}\n\nmd2-tab {\n padding: 16px;\n display: none;\n position: relative;\n}\n\nmd2-tab.active {\n display: block;\n position: relative;\n}\n"]}