.article-preview{font-size:.95em;padding-inline:.5em;padding-block:.5em;& > 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; margin-top: 0.25em; float: right; color: hsl(0, 0%, 25%); } & > .content { overflow: hidden; height: 3lh; }}html[data-theme=dark]{& .article-preview { background-color: hsl(0, 0%, 3%); & > .date { color: hsl(0, 0%, 75%); } }}hr.article-preview-hr{border:none;border-top:1.5px dashed}