From f89eeaaaeced1090d8e5821d690475f3a0d3f6c6 Mon Sep 17 00:00:00 2001
From: Damillora <developer@damillora.com>
Date: Sat, 9 Nov 2019 20:19:36 +0700
Subject: [PATCH] add styles

---
 assets/css/styles.css | 37 +++++++++++++++++++++++++++++++++++--
 post.hbs              |  4 ++--
 2 files changed, 37 insertions(+), 4 deletions(-)

diff --git a/assets/css/styles.css b/assets/css/styles.css
index 61b2592..11b8dd1 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -39,10 +39,10 @@ header {
 }
 #post a {
   color: #085d93;
-  @apply underline;
 }
+
 #post .kg-card {
-  @apply px-4 py-4 flex flex-col items-center border-2 object-contain my-4;
+  @apply px-4 py-4 flex flex-col items-center object-contain my-4;
 }
 #post .kg-card figcaption {
   @apply text-sm text-gray-800 mt-2;
@@ -58,6 +58,39 @@ header {
   @apply mx-1;
 }
 
+#post .kg-bookmark-card {
+  @apply text-black;
+}
+#post .kg-bookmark-container {
+  @apply flex flex-row justify-between text-black border border-gray-500;
+}
+#post .kg-bookmark-content {
+  @apply w-2/3 py-4 px-4;
+}
+#post .kg-bookmark-thumbnail {
+  @apply w-1/3 h-full;
+}
+#post .kg-bookmark-thumbnail img {
+  @apply w-full h-full object-cover;
+}
+#post .kg-bookmark-title {
+  @apply font-medium text-xl no-underline mb-1;
+}
+#post .kg-bookmark-description {
+  @apply font-light text-sm my-2;
+}
+#post .kg-bookmark-metadata {
+  @apply flex flex-row items-start justify-end h-6 my-4;
+}
+#post .kg-bookmark-icon {
+  @apply h-full mx-2;
+}
+#post .kg-bookmark-author {
+  @apply text-sm text-blue-700 truncate;
+}
+#post .kg-bookmark-publisher {
+  @apply text-sm text-blue-700 truncate;
+}
 footer {
   background-color: #085d93;
   @apply py-4 px-4;
diff --git a/post.hbs b/post.hbs
index 54999db..9f2b78c 100644
--- a/post.hbs
+++ b/post.hbs
@@ -56,7 +56,7 @@
       <div class="w-1/3">
       <a href="{{url}}">
       <div class="flex flex-col items-end">
-        <p class="text-xl text-blue-500">Previous post</p>
+        <p class="text-xl text-blue-700">Previous post</p>
         <p>{{title}}</p>
       </div>
       </a>
@@ -66,7 +66,7 @@
       <div class="w-1/3">
       <a href="{{url}}">
       <div class="flex flex-col items-begin">
-        <p class="text-xl text-blue-500">Next post</p>
+        <p class="text-xl text-blue-700">Next post</p>
         <p>{{title}}</p>
       </div>
       </a>