🚧 work on blog styles

okfde · Apr 25, 2024 · ce8010f · ce8010f
1 parent abcffd1
commit ce8010f
Showing 1 changed file with 12 additions and 16 deletions.
diff --git a/frontend/styles/blog.scss b/frontend/styles/blog.scss
@@ -49,20 +49,18 @@
 
 .blog-visual {
   opacity: 1;
-  transition: opacity 0.5s;
+  overflow: hidden;
 
   img {
     width: 100%;
+    transition: transform 0.3s ease-out;
   }
 }
 
-.post-item .blog-visual img {
-  object-fit: cover;
-  height: 12rem;
-}
-
-.blog-visual:hover {
-  opacity: 0.8;
+// add hover effect when hovering over image or the image's next element (description)
+.blog-visual:hover img,
+a:has(+ *:hover) > .blog-visual img {
+  transform: scale(1.05);
 }
 
 .has-arrow::after {
@@ -175,6 +173,12 @@
     font-weight: 400;
     line-height: 1.65;
     text-align: left;
+
+    b,
+    strong,
+    .fw-bold {
+      font-weight: 600 !important;
+    }
   }
 
   > p,
@@ -334,11 +338,3 @@
     --#{$prefix}link-hover-color-rgb: var(--#{$prefix}secondary-color-rgb);
   }
 }
-
-.list-arrow {
-  list-style: none;
-}
-
-.list-arrow > li::before {
-  content: '→ ';
-}