Add a WIP dialog shortcode

2022-07-02 16:13:57 -07:00
parent 1ee75d9431
commit 3858441c89
3 changed files with 36 additions and 0 deletions
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -275,3 +275,32 @@ figure {
 .katex * {
  font-family: unset;
 }
+
+.dialog {
+    .message {
+        @include bordered-block;
+        display: block;
+        padding: 0.75rem;
+        max-width: 0.8*$container-width;
+        margin-top: 0.5rem;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        text-align: left;
+
+        .message-sender {
+            width: 4rem;
+            margin: 0.5rem;
+
+            .feather {
+                width: 2rem;
+                height: 1.6rem;
+            }
+        }
+
+        &.side-answer {
+            margin-left: auto;
+            flex-direction: row-reverse;
+        }
+    }
+}