{"version":3,"sources":["webpack://grid/./scss/_grid.scss","webpack://grid/./scss/_grid-theme-default-colors.scss"],"names":[],"mappings":"AAGA,iBACE,SAAU,CACX,+BAGC,iBAAkB,CAClB,KAAM,CACN,MAAO,CACP,OAAQ,CACR,QAAS,CACV,WAMC,kBAAmB,CACnB,eAAgB,CAChB,sBAAuB,CAEvB,qBClBY,CDmBZ,eCFoB,CDGrB,0DAIG,eCVyB,CDW1B,yDAKC,kBCfgE,CDgBjE,iBAQD,UAAW,CAEX,iBCT2B,CDU3B,eCX+B,CDTxB,gBA2BP,SAAU,CACX,aAGC,qBCrDY,CDsDZ,+BClDkD,CDgDpD,uBAKI,eCjCoB,CDkCpB,0BChCsD,CDiCvD,iBAID,8BC3DkD,CD4DnD,qBAGC,8BC/DkD,CDgEnD,gBAMC,wBCzEe,CD0Ef,qCC1Ee,CD2EhB,sBAGC,wBChBuE,CDiBxE,sBAOC,SAAU,CACV,wBCvFe,CDwFhB,qBAMC,gCC/FY,CDgGZ,aAAc,CACd,0BCvEwD,CDwExD,2BCxEwD,CDyEzD,gBAGC,gCCrGe,CDsGf,aAAc,CACf,gBAOC,eAAgB,CACjB,YAGC,kBAAmB,CACnB,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,UAAW,CALb,wBAQI,kBAAmB,CARvB,kBAYI,UAAW,CACX,wBC3HgD,CD4HhD,oBAAqB,CACrB,WAAY,CACZ,iBAAkB,CAClB,SCvFqB,CDwFtB,kBAOD,UAAW,CADb,8BAKM,eC7F8D,CD8F9D,qBC5F6D,CD6F7D,iBC5FwB,CD6FxB,0CC1F0E,CDkFhF,wBAaI,oBC9IkB,CD+IlB,cAAe,CACf,aAAc,CACd,iBAAkB,CAElB,WC3GiB,CAAI,UAlDhB,CAAI,qBAqDiB,CAAqC,wBD2GjD,CAAW,UCxGL,CAAI,cADH,CAAI,WAAJ,CAAI,gBAAJ,CAAI,sBDgCR,wBCrFX,CAAO,qCAAP","file":"css.css","sourcesContent":["/**\n * grid core\n */\n.grid-decorators {\n  z-index: 1;\n}\n\n.pin-to-edges {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n/**\n * Standard Cells\n */\n.grid-cell {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n\n  border: $cell-border;\n  padding: $cell-padding;\n}\n\n.grid-row:not(.grid-is-header):nth-child(even) {\n  .grid-cell {\n    background: $cell-color-background;\n  }\n}\n\n.grid-row:not(.grid-is-header):nth-child(odd) {\n  .grid-cell {\n    background: $cell-color-background-alternate;\n  }\n}\n\n/**\n * Scrollbars\n */\n.grid-scroll-bar {\n  @extend .pin-to-edges;\n  z-index: 10;\n\n  border-radius: $scrollbar-border-radius;\n  background: $scrollbar-color-background;\n}\n\n/**\n * Headers\n */\n.grid-is-header {\n  z-index: 2;\n}\n\n.grid-header {\n  background-color: $header-color-background;\n  border-bottom: $header-border-bottom;\n\n  &.grid-cell {\n    padding: $header-padding;\n    border-left: $header-border-sides;\n  }\n}\n\n.grid-row-header {\n  border-right: $header-border-bottom;\n}\n\n.grid-last-fixed-col {\n  border-right: $header-border-bottom;\n}\n\n/**\n * Selection\n */\n.grid-selection {\n  border: $selection-border;\n  background-color: $selection-color-background;\n}\n\n.grid-header.selected {\n  background-color: $selection-header-color-background;\n}\n\n\n/**\n * Focus\n */\n.grid-focus-decorator {\n  z-index: 1;\n  border: $focus-border;\n}\n\n/**\n * Reorderable Columns\n */\n.grid-reorder-target {\n  background: $reorder-target-color-background;\n  z-index: 10000;\n  border-left: $reorder-border;\n  border-right: $reorder-border;\n}\n\n.grid-drag-rect {\n  background: $reorder-drag-color-background;\n  z-index: 10000;\n}\n\n\n/**\n * Resizable Columns\n */\n.grid-drag-line {\n  background: cyan;\n}\n\n.col-resize {\n  pointer-events: all;\n  width: 15px;\n  text-align: center;\n  cursor: col-resize;\n  z-index: 20;\n\n  &:hover:after {\n    visibility: visible;\n  }\n\n  &:after {\n    content: '';\n    background-color: $color-border;\n    display: inline-block;\n    height: 100%;\n    visibility: hidden;\n    width: $resize-width-handle;\n  }\n}\n\n/**\n * Hidden Columns\n */\n.show-hidden-cols {\n  z-index: 21;\n\n  &:hover {\n    &:after {\n      background: $hiddencols-color-background;\n      border: $hiddencols-border;\n      border-radius: $hiddencols-border-radius;\n      box-shadow: $hiddencols-box-shadow;\n    }\n  }\n\n  &:after {\n    transition: all $time-animation;\n    cursor: pointer;\n    display: block;\n    text-align: center;\n\n    content: $hiddencols-content;\n    color: $hiddencols-color-text;\n    border: $hiddencols-border;\n    border-color: transparent;\n\n    width: $hiddencols-size-width;\n\n    font-size: $hiddencols-size-height;\n    height: $hiddencols-size-height;\n    line-height: $hiddencols-size-height;\n  }\n}\n\n/**\n * Hidden Columns\n */\n.grid-focus-decorator {\n  border: $focus-border;\n  background-color: $focus-color-background;\n}\n","/**\n * Colors\n */\n$colors: (\n  label: #000,\n  header: #eee,\n  accent: #39cccc\n);\n\n$color-border: darken(map-get($colors, header), 10%);\n\n/**\n * Globals\n */\n$time-animation: 100ms;\n\n/**\n * Standard Cells\n */\n$cell-color-background: white;\n$cell-color-background-alternate: darken($cell-color-background, 2%);\n$cell-border: solid 1px map-get($colors, header);\n$cell-padding: 3px 5px;\n\n/**\n * Headers\n */\n$header-color-background: map-get($colors, header);\n$header-color-text: black;\n$header-padding: 3px 8px;\n$header-border-bottom: solid 2px $color-border;\n$header-border-sides: solid 1px darken($color-border, 10%);\n\n/**\n * Scrollbars\n */\n$scrollbar-color-background: blue;\n$scrollbar-border-radius: 6px;\n\n/**\n * Reorderable Columns\n */\n$reorder-target-color-background: rgba($header-color-background, 0.5);\n$reorder-drag-color-background: rgba(map-get($colors, accent), 0.15);\n$reorder-border: $header-border-sides;\n\n/**\n * Resizable Columns\n */\n$resize-width-handle: 5px;\n\n/**\n * Hidden Columns\n */\n$hiddencols-content: \"⬌\";\n$hiddencols-color-background: lighten(map-get($colors, header), 20%);\n$hiddencols-color-text: map-get($colors, label);\n$hiddencols-border: solid 1px darken(map-get($colors, header), 20%);\n$hiddencols-border-radius: 2px;\n$hiddencols-size-height: 15px;\n$hiddencols-size-width: 15px;\n$hiddencols-box-shadow: 0 2px 6px rgba(darken($hiddencols-color-background, 50%), 0.8);\n\n/**\n * Selection\n */\n$selection-color-background: rgba(map-get($colors, accent), 0.2);\n$selection-border: solid 1px map-get($colors, accent);\n$selection-header-color-background: darken($header-color-background, 10%);\n\n/**\n * Focus\n */\n$focus-color-background: rgba(map-get($colors, accent), 0.1);\n$focus-border: solid 1px map-get($colors, accent);\n\n\n"],"sourceRoot":""}