v0.0.13: Refactored the render-loop to solve hard-to-track bugs and added more (elaborate) unit-tests to make sure it all works

2020-04-15 16:33:32 +02:00
parent b95e5506d2
commit 0da07549e7
28 changed files with 1113 additions and 235 deletions
--- a/examples/table-2/table-component.scss
+++ b/examples/table-2/table-component.scss
@@ -0,0 +1,32 @@
+
+.table {
+    --box-color: #a0a0a0;
+    --primary-color: #5f74ff;
+    --table-background: #e4e4f0;
+    --box-border: 1px solid #7d7d7d;
+
+    border: var(--box-border);
+    display: block;
+
+    header {
+        color: var(--primary-color);
+    }
+
+    header > .row,
+    main > .row {
+        background: var(--table-background);
+        display: flex;
+        width: 100%;
+        line-height: 3em;
+        border-bottom: var(--box-border);
+
+         .cell {
+            padding: 0 15px;
+        }
+    }
+    main > .row {
+        &:last-child {
+            border-bottom: 0;
+        }
+    }
+}