diff --git a/examples/assets/sass/editor.scss b/examples/assets/sass/editor.scss index ab6d7f9b..8aa76be2 100644 --- a/examples/assets/sass/editor.scss +++ b/examples/assets/sass/editor.scss @@ -58,5 +58,58 @@ border-radius: 3px; } + table { + border-collapse: collapse; + table-layout: fixed; + width: 100%; + margin: 0; + overflow: hidden; + + td, th { + min-width: 1em; + border: 1px solid #ddd; + padding: 3px 5px; + vertical-align: top; + box-sizing: border-box; + position: relative; + > * { + margin-bottom: 0; + } + } + + th { + font-weight: bold; + text-align: left; + } + + .selectedCell:after { + z-index: 2; + position: absolute; + content: ""; + left: 0; right: 0; top: 0; bottom: 0; + background: rgba(200, 200, 255, 0.4); + pointer-events: none; + } + + .column-resize-handle { + position: absolute; + right: -2px; top: 0; bottom: 0; + width: 4px; + z-index: 20; + background-color: #adf; + pointer-events: none; + } + } + + .tableWrapper { + margin: 1em 0; + overflow-x: auto; + } + + .resize-cursor { + cursor: ew-resize; + cursor: col-resize; + } + } }