@import url("/assets/md.css")feat: a bit

@import url("/assets/md.css")

1 files changed, 26 insertions, 12 deletions

diff --git a/src/app.css b/src/app.css
index 1c34312..558d9b0 100644
--- a/src/app.css
+++ b/src/app.css
@@ -83,24 +83,38 @@
 
 @utility blockquote-* {
   @apply pl-4 p-2 relative my-1;
-    &::before {
-      @apply absolute w-1 transition-opacity left-0 top-[10%] h-[80%] opacity-50;
-      content: '';
-      background-color: --value(--color-*);
-    }
-    &:hover::before {
-      @apply opacity-100;
-    }
-    p {
-      &::after {
-        @apply hidden;
-      }
+  &::before {
+    @apply absolute w-1 transition-opacity left-0 top-[10%] h-[80%] opacity-50;
+    content: '';
+    background-color: --value(--color-*);
+  }
+  &:hover::before {
+    @apply opacity-100;
+  }
+  p {
+    &::after {
+      @apply hidden;
     }
+  }
 }
 @utility md-card-* {
   @apply p-4 rounded-lg bg-neutral-950 border-[1.8px] my-4 sticky top-4 z-50;
   border-color: --value(--color-*);
 }
+@utility clickbait-buy-now-gradient {
+  position: relative;
+  display: inline-block;
+  &::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 105%;
+    background: linear-gradient(to bottom, #0000, #000c, #000);
+    pointer-events: none;
+  }
+}
 
 #postmd {
   @apply font-sans;