summaryrefslogtreecommitdiff
path: root/embeds/frp-color-picker/propagators.css
diff options
context:
space:
mode:
authorDavid Thompson <dthompson2@worcester.edu>2024-07-02 18:39:58 -0400
committerDavid Thompson <dthompson2@worcester.edu>2024-07-08 11:50:53 -0400
commitb7170b01b47a825d9de5664a0e8865ee5f655908 (patch)
tree54bc45c3821a99de42cdef3bb46f852383761107 /embeds/frp-color-picker/propagators.css
parent0db5a7271177e9792bf8cb24827ba4afa26c7a6d (diff)
Add FRP with propagators post.
Diffstat (limited to 'embeds/frp-color-picker/propagators.css')
-rw-r--r--embeds/frp-color-picker/propagators.css38
1 files changed, 38 insertions, 0 deletions
diff --git a/embeds/frp-color-picker/propagators.css b/embeds/frp-color-picker/propagators.css
new file mode 100644
index 0000000..1b803e2
--- /dev/null
+++ b/embeds/frp-color-picker/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;
+}