feat: new book page design

Former-commit-id: 28d69d0ee83882da26a1fe7138830b5e6ca40de2

1 files changed, 12 insertions, 0 deletions

diff --git a/assets/css/utils/_variables.scss b/assets/css/utils/_variables.scss
index f55b5205..85ed3e38 100644
--- a/assets/css/utils/_variables.scss
+++ b/assets/css/utils/_variables.scss
@@ -57,6 +57,11 @@ html[lang="en-US"] {
     border: 1px solid var(--border-color);
 }
 
+@mixin framed {
+    border: 0.2rem solid #fff;
+    box-shadow: 0 0.1rem 0.75rem rgba(0,0,0,0.2);
+}
+
 @mixin postCategoryPill {
     background-color: var(--block-background-color);
     font-size: 0.9rem;
@@ -66,3 +71,10 @@ html[lang="en-US"] {
         text-decoration: none;
     }
 }
+
+@mixin roundSticker {
+    background-color: var(--block-background-color);
+    border-radius: 50%;
+    box-shadow: 0 0 0.2rem rgba(0,0,0,.2);
+    padding: 1rem;
+}