make basket more noticable

1 files changed, 29 insertions, 0 deletions

diff --git a/static/style.css b/static/style.css
index 867b9a6..db3d41c 100644
--- a/static/style.css
+++ b/static/style.css
@@ -401,6 +401,11 @@ p {
 }
 
 .shop-item-title {
+  color: currentColor;
+  text-decoration: none;
+}
+
+.shop-item-title h3 {
   font-size: 1.375rem;
   margin-bottom: 0.375rem;
   font-weight: 700;
@@ -616,6 +621,22 @@ select {
   padding: 0.75rem 1rem;
 }
 
+.with-backdrop {
+  position: relative;
+}
+
+.with-backdrop::before {
+  content: '';
+  position: absolute;
+  left: -1.25rem;
+  right: -0.25rem;
+  top: -0.75rem;
+  bottom: -0.75rem;
+  border: 0.375rem #ffed7a solid;
+  transform: rotate(-1deg);
+  z-index: -1;
+}
+
 .font-size-1-25 {
   font-size: 1.25rem;
 }
@@ -772,6 +793,10 @@ select {
     background-color: #ffffff22;
   }
 
+  .shop-item-backdrop {
+    background-color: #42381b;
+  }
+
   .shop-item-imgs {
     background-color: #ffffff22;
   }
@@ -789,4 +814,8 @@ select {
     color: #211e1c;
     background-color: #f7c533;
   }
+
+  .with-backdrop::before {
+    border-color: #42381b;
+  }
 }