react-microspreadsheet/react-microspreadsheet.css

A pluggable spreadsheet component.

.microspreadsheet .clipboard-container{position:fixed;left:0;bottom:0;width:0;height:0;z-index:100;opacity:0}.microspreadsheet .clipboard-container .clipboard{width:1px;height:1px;padding:0}.microspreadsheet table{border-collapse:collapse}.microspreadsheet,.microspreadsheet *{box-sizing:border-box}.microspreadsheet tr td{border:1px solid #EEE;min-width:50px;max-width:75px;height:26px;overflow:hidden}.microspreadsheet tr td.label{background-color:#EEE;text-align:center;padding:1px}.microspreadsheet tr td.cell{padding:0;position:relative}.microspreadsheet tr td.cell.multi-selected div{background-color:rgba(194,221,178,.2)}.microspreadsheet tr td.cell.selected div{border:2px solid #5F8EDB}.microspreadsheet tr td.cell div{border:2px solid transparent;height:26px;width:100%;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}.microspreadsheet tr td.cell div span,.microspreadsheet tr td.cell div input{width:100%;height:100%;border:none;padding:1px;margin:0;text-align:right;overflow:hidden;font-size:1em}.microspreadsheet tr td.cell div span{display:block}.microspreadsheet tr td.cell div input{outline:0}.microspreadsheet tr td.cell .strap{position:absolute;width:4px;height:4px;right:0;bottom:0;background:#fff;z-index:200;cursor:crosshair}