feat: add booklist shortcode

1 files changed, 23 insertions, 0 deletions

diff --git a/layouts/partials/style.html b/layouts/partials/style.html
index 0576b88..8685d39 100644
--- a/layouts/partials/style.html
+++ b/layouts/partials/style.html
@@ -29,6 +29,29 @@
       0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   }
 
+  .booklist {
+    display: grid;
+    grid-template-columns: repeat(5, 1fr);
+    gap: 20px;
+  }
+
+  .booklist-item {
+    transform: translateZ(0);
+    transition:
+      transform 0.25s,
+      box-shadow 0.25s;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+  }
+
+  .booklist-item img {
+    height: 100%;
+  }
+
+  .booklist-item:hover {
+    transform: translateY(-5px) translateZ(20px);
+    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
+  }
+
   .social-icons {
     display: inline;
     font-size: 16px;