v0.0.11: Added unit-tests, solved the key={...} problem, updated the build/watch configuration of CSX to be able to build minified and non-minified bundle outputs, as well as a CJS version of lib/ (for consuming in Node-environment, like Jest). The previous tests were renamed to examples, and should still need to be updated.

2020-04-14 11:54:30 +02:00
parent 05f0e66a42
commit b95e5506d2
121 changed files with 3406 additions and 4929 deletions
--- a/examples/table/table-component.scss
+++ b/examples/table/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;
+        }
+    }
+}