From 1df9f60d9a77cbb09e4cb0d38b85f00124c3b497 Mon Sep 17 00:00:00 2001
From: Dimitrie Stefanescu <didimitrie@gmail.com>
Date: Thu, 8 Jul 2021 20:57:52 +0100
Subject: [PATCH] =?UTF-8?q?feat:=20link=20boxes=20=F0=9F=99=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/built/screen.css | 97 +++++++++++++++++++++++++++++++++++++++++
 assets/css/screen.css   | 40 +++++++++++++++++
 2 files changed, 137 insertions(+)

diff --git a/assets/built/screen.css b/assets/built/screen.css
index 62d2f81..a2a7b6d 100644
--- a/assets/built/screen.css
+++ b/assets/built/screen.css
@@ -48727,6 +48727,103 @@ code{
   }
 }
 
+.kg-bookmark-card {
+  border-radius: 0.5rem;
+  --tw-bg-opacity: 1;
+  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+}
+
+@media (prefers-color-scheme: dark) {
+  .kg-bookmark-card {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+}
+
+.kg-bookmark-card {
+  padding-left: 0.5rem;
+  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.kg-bookmark-container {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  align-content: center;
+  --tw-text-opacity: 1;
+  color: rgba(31, 41, 55, var(--tw-text-opacity));
+}
+
+@media (prefers-color-scheme: dark) {
+  .kg-bookmark-container {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+}
+
+.kg-bookmark-container {
+  text-decoration: none !important;
+}
+
+.kg-bookmark-content{
+  grid-column: span 2 / span 2;
+  align-self: center;
+}
+
+.kg-bookmark-description {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}
+
+.kg-bookmark-description {
+  --tw-text-opacity: 1;
+  color: rgba(31, 41, 55, var(--tw-text-opacity));
+}
+
+@media (prefers-color-scheme: dark) {
+  .kg-bookmark-description {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+}
+
+.kg-bookmark-description {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+
+.kg-bookmark-thumbnail{
+  grid-column: span 1 / span 1;
+  height: 10rem;
+}
+
+.kg-bookmark-thumbnail img {
+  object-fit: cover;
+  margin: 0 !important;
+}
+
+.kg-bookmark-metadata {
+  display: none;
+}
+
+.kg-bookmark-title {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+}
+
+.kg-bookmark-description {
+  font-size: 0.75rem;
+  line-height: 1rem;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+}
+
 .kg-gallery-row {
   display: flex;
 }
diff --git a/assets/css/screen.css b/assets/css/screen.css
index efb2410..8dfe20c 100644
--- a/assets/css/screen.css
+++ b/assets/css/screen.css
@@ -90,6 +90,46 @@ code{
   @apply dark:bg-gray-900 bg-gray-200 z-50;
 }
 
+.kg-bookmark-card {
+  @apply pl-2 shadow-xl dark:bg-gray-900 bg-gray-200 rounded-lg;
+}
+
+.kg-bookmark-container {
+  @apply grid grid-cols-3 content-center dark:text-gray-100 text-gray-800;
+  text-decoration: none !important;
+}
+
+.kg-bookmark-content{
+  @apply col-span-2 self-center;
+}
+
+.kg-bookmark-description {
+  @apply line-clamp-1;
+}
+.kg-bookmark-description {
+  @apply dark:text-gray-100 text-gray-800 line-clamp-2;
+}
+
+.kg-bookmark-thumbnail{
+  @apply col-span-1 h-40;
+}
+
+.kg-bookmark-thumbnail img {
+  @apply object-cover;
+  margin: 0 !important;
+}
+
+.kg-bookmark-metadata {
+  display: none;
+}
+
+.kg-bookmark-title {
+  @apply text-xl;
+}
+.kg-bookmark-description {
+  @apply text-xs line-clamp-3;
+}
+
 .kg-gallery-row {
   @apply flex space-x-2;
 }