ekko/dist/commonjs/styles.js

Excel like Grid in React

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.cssGrid = exports.cssCellMenu = exports.cssCellValue = exports.cssCell = void 0;

var _reactEmotion = require("react-emotion");

const cssCell =
/*#__PURE__*/
(0, _reactEmotion.css)("padding:6px;margin:0;cursor:default;outline:none;border:1px solid transparent;display:flex;justify-content:center;align-items:center;&:focus,&:focus-within{border-color:grey;}&.sortable{cursor:pointer;}");
exports.cssCell = cssCell;
const cssCellValue =
/*#__PURE__*/
(0, _reactEmotion.css)("outline:none;/* expander reset*/\n  border:0 !important;background-color:transparent !important;");
exports.cssCellValue = cssCellValue;
const cssCellMenu =
/*#__PURE__*/
(0, _reactEmotion.css)("position:fixed;z-index:10;background-color:#434343;");
exports.cssCellMenu = cssCellMenu;
const cssGrid =
/*#__PURE__*/
(0, _reactEmotion.css)("display:grid;background-color:#232323;color:#ffffff;");
exports.cssGrid = cssGrid;