EditableGrid.js

const Cell = stylesheet.style("div", {
  displayName: "Cell",
  base: {
    baseline: "100%",
    overflow: "hidden",
    boxSizing: "border-box",
    position: "absolute",
    top: 0,
    left: 0,
    right: "2px",
    bottom: "2px",
    borderBottom: "solid 1px #eee",
    borderRight: "solid 1px #eee",
    paddingTop: 2,
    paddingLeft: 3,
    paddingBottom: 3,
    fontSize: "0.9em"
  },
  highlighted: {
    background: "#F0F8FF"
  },
  focused: {
    border: "solid 2px #4169E1",
    background: "white",
    paddingBottom: 2
  },
  numeric: {
    paddingRight: 3,
    textAlign: "right"
  }
});