added quote rendering with warko

1 files changed, 28 insertions, 0 deletions

diff --git a/assets/css/blog.css b/assets/css/blog.css
index de80799..8928235 100644
--- a/assets/css/blog.css
+++ b/assets/css/blog.css
@@ -74,6 +74,34 @@ hr {
     word-wrap: break-word;
 }
 
+.quote {
+    display: flex;
+    flex-flow: row;
+    align-items: center;
+    margin: 1.2rem 0rem;
+    gap: 1rem;
+}
+
+.quote p {
+    margin-top: 0rem;
+    margin-bottom: 0rem;
+    color: var(--term-yellow);
+}
+
+.quote p:first-child{
+    margin-left: auto;
+    font-size: 2rem;
+}
+
+.quote p:last-child{
+    margin-right: auto;
+    font-size: 2rem;
+}
+
+.quote p:not(:first-child):not(:last-child) {
+    font-style: italic;
+}
+
 .code-block,
 .code-block-wrap {
     border-style: solid;