link previews

1 files changed, 52 insertions, 0 deletions

diff --git a/static/note.css b/static/note.css
index 82e0564..333df3b 100644
--- a/static/note.css
+++ b/static/note.css
@@ -282,6 +282,58 @@ article.note {
   }
 }
 
+.linkPreview {
+  display: grid;
+  grid-auto-flow: row;
+  border: var(--border);
+  border-radius: var(--border-radius);
+  text-decoration: none;
+  color: inherit;
+  margin-top: var(--spacing-single);
+  margin-bottom: var(--spacing-double);
+  background-color: var(--clr-panel-background);
+  overflow: hidden;
+
+  &.style-smallImage {
+    grid-template-columns: max-content 1fr;
+    gap: var(--spacing-half);
+  }
+
+  .info {
+    display: grid;
+    grid-auto-flow: row;
+    padding: var(--spacing-single);
+    gap: var(--spacing-half);
+    align-content: start;
+  }
+
+  &.style-smallImage img {
+    height: 6lh;
+    max-width: 8em;
+    object-fit: cover;
+  }
+  &.style-largeImage img {
+    max-height: 12lh;
+    width: 100%;
+    object-fit: cover;
+  }
+  .siteName {
+    color: var(--clr-lesser-foreground);
+    font-size: var(--font-small-size);
+    max-height: 1lh;
+    overflow: hidden;
+  }
+  .title {
+    font-weight: bold;
+    max-height: 1lh;
+    overflow: hidden;
+  }
+  .description {
+    max-height: 3lh;
+    overflow: hidden;
+  }
+}
+
 article.note.hidden {
   padding-top: 0;
   padding-bottom: 0;