1 files changed, 42 insertions, 0 deletions
diff --git a/www/assets/partials/preview/article.css b/www/assets/partials/preview/article.css
new file mode 100644
index 0000000..6e93669
--- /dev/null
+++ b/www/assets/partials/preview/article.css
@@ -0,0 +1,42 @@
+.article-preview {
+  font-size: 0.95em;
+  padding-inline: 0.5em;
+  padding-block: 0.5em;
+  margin-block-end: 0.5em;
+  border-radius: 3px;
+  background-color: hsl(33, 100%, 98%);
+
+  & > p {
+    font-size: 0.9em;
+    line-height: 1.4;
+    margin-inline-start: 0.3em;
+    margin-block: 0;
+  }
+
+  & > .title {
+    margin-block-start: 0;
+    margin-block-end: 0.3em;
+  }
+
+  & > .date {
+    font-size: small;
+    float: right;
+    margin-inline-end: 1.5em;
+    color: hsl(0, 0%, 25%);
+  }
+
+  & > .content {
+    overflow: hidden;
+    height: 3lh;
+  }
+}
+
+body[data-theme="dark"]  {
+  & .article-preview {
+    background-color: hsl(0, 0%, 3%);
+
+    & > .date {
+      color: hsl(0, 0%, 75%);
+    }
+  }
+}