aboutsummaryrefslogtreecommitdiff
path: root/www/assets/partials/preview
diff options
context:
space:
mode:
authorYuqian Yang <crupest@crupest.life>2025-02-24 02:18:20 +0800
committerYuqian Yang <crupest@crupest.life>2025-02-26 02:21:41 +0800
commit0874dd5d5652f7d710d98329ba111fd69e7d8fce (patch)
treed07e51b0f743d796d8e680530d2d2811565dac2b /www/assets/partials/preview
parent46e66fefdf1affe6062ab498a28d766ef0e5d0c3 (diff)
downloadcrupest-0874dd5d5652f7d710d98329ba111fd69e7d8fce.tar.gz
crupest-0874dd5d5652f7d710d98329ba111fd69e7d8fce.tar.bz2
crupest-0874dd5d5652f7d710d98329ba111fd69e7d8fce.zip
feat(www): YEAH!
Diffstat (limited to 'www/assets/partials/preview')
-rw-r--r--www/assets/partials/preview/article.css42
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%);
+ }
+ }
+}