Add propagator experiment.

1 files changed, 38 insertions, 0 deletions

diff --git a/chapter-7/propagators.css b/chapter-7/propagators.css
new file mode 100644
index 0000000..1b803e2
--- /dev/null
+++ b/chapter-7/propagators.css
@@ -0,0 +1,38 @@
+body {
+    font-family: sans;
+    background-color: #fbfbfb;
+    margin: auto;
+    max-width: 20em;
+}
+
+h1 {
+    text-align: center;
+}
+
+.preview {
+    width: 50%;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.hex {
+    text-align: center;
+    margin-top: 0.5em;
+}
+
+fieldset {
+    margin-bottom: 1em;
+    margin-top: 1em;
+}
+
+.color-block {
+    width: 100%;
+    aspect-ratio: 1;
+    border: 1px black solid;
+}
+
+.slider {
+    display: grid;
+    grid-template-columns: 35% max-content;
+    grip-gap: 1em;
+}