1 files changed, 53 insertions, 0 deletions
diff --git a/src_scss/grid.scss b/src_scss/grid.scss
new file mode 100644
index 0000000..b1e9bf8
--- /dev/null
+++ b/src_scss/grid.scss
@@ -0,0 +1,53 @@
+@import './color';
+
+
+table.grid {
+    table-layout: fixed;
+    border-spacing: 0px;
+    border: 1px solid $color-grey-400;
+
+    td:not(:last-child) {
+        border-right: 1px solid $color-grey-300;
+    }
+
+    thead tr, tfoot tr {
+        background-color: $color-grey-200;
+    }
+
+    td, th {
+        padding: 4px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
+    tbody td {
+        background-color: white;
+    }
+
+    tbody td, tfoot td {
+        border-top: 1px solid $color-grey-400;
+    }
+
+    input {
+        width: 100%;
+    }
+
+    input[type=text] {
+        position: relative;
+        border: 1px;
+        font-size: 10pt;
+        font-family: 'Roboto';
+    }
+
+    tfoot td > div {
+        display: flex;
+
+        & > .spacer {
+            flex-grow: 1;
+        }
+    }
+
+    .invalid {
+        background-color: rgba(red, 0.2);
+    }
+}