Add a WIP dialog shortcode

This commit is contained in:
Danila Fedorin 2022-07-02 16:13:57 -07:00
parent 1ee75d9431
commit 3858441c89
3 changed files with 36 additions and 0 deletions

View File

@ -275,3 +275,32 @@ figure {
.katex * { .katex * {
font-family: unset; 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;
}
}
}

View File

@ -0,0 +1,3 @@
<p class="dialog">
{{ .Inner }}
</p>

View File

@ -0,0 +1,4 @@
<span class="message side-{{ .Get 0 }}">
<span class="message-sender">{{ partial "icon.html" "user" }}</span>
<span>{{ .Inner }}</span>
</span>