UNPKG

ff-dashboard

Version:

Flimflam dashboard component comprised of a main panel and two side panels

1 lines 3.03 kB
{"version":3,"sources":["../styles/index.css","index.css"],"names":[],"mappings":"AAAA,qBACE,kBAAmB,eACF,CAClB,0BAGC,WAAY,cACG,kBACI,KACZ,CACR,kDAGC,gBAAkB,CACnB,4BAGC,mBAAoB,qBACG,CACxB,0BAGC,SAAU,kBACU,CACrB,iDAIC,eAAgB,SACL,CACZ,yEAKC,kBAAmB,YACN,KACN,CACR,wBAGC,gBAAiB,kBACE,WACN,CACd,wBAGC,UAAY,CACb,wBAGC,MAAQ,CACT,yBAGC,OAAS,CACV,ACtDD,KACG,6GAA4H,AAC5H,eAAiB,CACnB,AAGD,mBACE,0BAA6B,CAC9B,AAED,GACE,YAAc,CACf,AAED,6BACE,UAAW,AACX,QAAU,CACX,AAED,4BAEE,cAAe,AACf,cAAgB,CACjB,AAED,cACE,kBAAoB,CACrB,AAED,+CAEE,mBAAoB,AACpB,aAAc,AACd,sCAAyC,CAC1C,AAED,0BACE,eAAgB,AAChB,cAAe,AACf,qBAAuB,CACxB,AAED,iDAEE,kBAAoB,CACrB,AAED,iGAEE,YAAc,CACf,AAED,mDACE,kBAAoB,CACrB,AAED,kDACE,iBAAmB,CACpB,AAED,wBACE,sCAAwC,AACxC,sCAAyC,CAC1C,AAED,yBACE,qCAAuC,AACvC,uCAA0C,CAC3C","file":"build.css","sourcesContent":[".ff-dashboard-panels {\n position: relative;\n overflow: hidden;\n}\n\n.ff-dashboard-panelHeader {\n width: 100%;\n display: table;\n position: absolute;\n top: 0;\n}\n\n.ff-dashboard-leftPanel .ff-dashboard-closeButton {\n text-align: right;\n}\n\n.ff-dashboard-panelHeader > * {\n display: table-cell;\n vertical-align: middle;\n}\n\n.ff-dashboard-closeButton {\n width: 1%;\n white-space: nowrap;\n}\n\n.ff-dashboard-leftPanel,\n.ff-dashboard-rightPanel {\n max-width: 100%;\n z-index: 1;\n}\n\n.ff-dashboard-leftPanel,\n.ff-dashboard-mainPanel,\n.ff-dashboard-rightPanel {\n position: absolute;\n height: 100%;\n top: 0;\n}\n\n.ff-dashboard-panelBody {\n overflow-y: auto;\n overflow-x: hidden;\n height: 100%;\n}\n\n.ff-dashboard-mainPanel {\n width: 100%;\n}\n\n.ff-dashboard-leftPanel {\n left: 0;\n}\n\n.ff-dashboard-rightPanel {\n right: 0;\n}\n\n","@import '../dist/index.css';\n\nbody {\n font-family: \"HelveticaNeue-Light\", \"Helvetica Neue Light\", \"Helvetica Neue\", Helvetica, Arial, \"Lucida Grande\", sans-serif; \n font-weight: 300;\n}\n\n\ntr:nth-of-type(2n) {\n background: rgba(0,0,0,0.04);\n}\n\ntd {\n padding: 10px;\n}\n\n.ff-dashboard-panelHeader h4 {\n padding: 0;\n margin: 0;\n}\n\n.ff-dashboard-closeButton,\na {\n color: #2d94b9;\n cursor: pointer;\n}\n\n.ff-dashboard {\n background: #f3f3f3;\n}\n\n.ff-dashboard-panelHeader,\n.ff-dashboard-header {\n background: #fbfbfb;\n padding: 10px;\n border-bottom: 1px solid rgba(0,0,0,0.1);\n}\n\n.ff-dashboard-closeButton {\n font-size: 42px;\n line-height: 1;\n font-family: monospace;\n}\n\n.ff-dashboard-leftPanel,\n.ff-dashboard-rightPanel {\n background: #f9f9f9;\n}\n\n.ff-dashboard-rightPanel .ff-dashboard-panelBody,\n.ff-dashboard-leftPanel .ff-dashboard-panelBody {\n padding: 10px;\n}\n\n.ff-dashboard-rightPanel .ff-dashboard-closeButton {\n padding-right: 20px;\n}\n\n.ff-dashboard-leftPanel .ff-dashboard-closeButton {\n padding-left: 20px;\n}\n\n.ff-dashboard-leftPanel {\n border-right: 1px solid rgba(0,0,0,0.1);\n box-shadow: 1px 1px 1px rgba(0,0,0,0.07);\n}\n\n.ff-dashboard-rightPanel {\n border-left: 1px solid rgba(0,0,0,0.1);\n box-shadow: -1px 1px 1px rgba(0,0,0,0.07);\n}\n\n"]}