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.8 kB
Source Map (JSON)
{"version":3,"sources":["data-table/data-table.css","data-table/data-table.scss"],"names":[],"mappings":"AAMA,YCKE,YAAa,KACb,MAAY,gBACZ,YAAa,OACb,OAAQ,QACR,YAAa,KDHb,gBCME,QAAS,aACT,eAAgB,OAChB,KAAM,aACN,QAAS,EDJX,4CCSI,MAAY,gBACZ,QAAS,EDPb,4BCYE,MAAY,gBDVZ,gCCaE,QAAS,EASf,eACE,QAAS,MACT,MAAY,gBACZ,YAAa,KAHf,sBAAA,uBAOI,QAAS,MACT,QAAS,GARb,sBAYI,MAAO,KAZX,+BAgBI,QAAS,aACT,OAAQ,IAAA,EACR,QAAS,EAlBb,kCAqBM,SAAU,SACV,QAAS,aACT,MAAO,KACP,eAAgB,IAChB,WAAY,OACZ,YAAa,KACb,cAAe,MACf,OAAQ,QACR,WAAY,WA7BlB,oEAgCQ,WAAiB,gBAhCzB,2CAoCQ,eAAgB,KAChB,WAAY,IACZ,OAAQ,QACR,QAAS,IAvCjB,yCA2CQ,WAvFE,QAwFF,MAAO,KACP,OAAQ,QA7ChB,sCAiDQ,KAAM,aACN,cAAe,KAlDvB,gCAwDI,QAAS,aACT,OAAQ,IAAA,EACR,QAAS,EACT,MAAO,MACP,MAAY,gBACZ,YAAa,KA7DjB,sCAgEM,eAAgB,IAhEtB,2CAoEM,QAAS,aACT,OAAQ,EACR,QAAS,EAtEf,oDA0EM,aAAc,EACd,UAAW","file":"data-table.css","sourcesContent":[null,"$primary: #106cc8 !default;\n\n/*\n * Data Table\n */\n\n\n/*\n * Sort\n */\n[md2SortBy] {\n line-height: 24px;\n color: rgba(black, 0.54);\n white-space: nowrap;\n cursor: pointer;\n user-select: none;\n\n svg {\n display: inline-block;\n vertical-align: middle;\n fill: currentColor;\n opacity: 0;\n }\n\n &:hover:not(.md2-sort-active) {\n svg {\n color: rgba(black, 0.26);\n opacity: 1;\n }\n }\n\n &.md2-sort-active {\n color: rgba(black, 0.87);\n\n svg {\n opacity: 1;\n }\n }\n}\n\n\n/*\n * Pagination\n */\nmd2-pagination {\n display: block;\n color: rgba(black, 0.54);\n user-select: none;\n\n &::before,\n &::after {\n display: table;\n content: '';\n }\n\n &::after {\n clear: both;\n }\n\n .md2-pagination {\n display: inline-block;\n margin: 8px 0;\n padding: 0;\n\n li {\n position: relative;\n display: inline-block;\n width: 36px;\n vertical-align: top;\n text-align: center;\n line-height: 36px;\n border-radius: 100px;\n cursor: pointer;\n box-sizing: border-box;\n\n &:hover:not(.disabled):not(.active) {\n background: rgba(black, 0.12);\n }\n\n &.disabled {\n pointer-events: none;\n background: transparent;\n cursor: default;\n opacity: 0.48;\n }\n\n &.active {\n background: $primary;\n color: white;\n cursor: default;\n }\n\n svg {\n fill: currentColor;\n margin-bottom: -7px;\n }\n }\n }\n\n .md2-rows-select {\n display: inline-block;\n margin: 8px 0;\n padding: 0;\n float: right;\n color: rgba(black, 0.54);\n line-height: 36px;\n\n label {\n vertical-align: sub;\n }\n\n md2-select {\n display: inline-block;\n border: 0;\n outline: 0;\n }\n\n .md2-select-trigger {\n border-width: 0;\n min-width: 40px;\n }\n }\n}\n"]}