Cleanup.

botwiki · Aug 26, 2021 · f66cccd · f66cccd
1 parent d40cbc0
commit f66cccd
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 10 deletions.
diff --git a/css/styles.css b/css/styles.css
@@ -8471,12 +8471,17 @@ body.archive .note .btn, body.archive .card .btn {
   padding: 5px;
   margin: 1px;
   position: relative;
+  -webkit-transition: -webkit-filter 0.3s;
+  transition: -webkit-filter 0.3s;
+  -o-transition: filter 0.3s;
+  transition: filter 0.3s;
+  transition: filter 0.3s, -webkit-filter 0.3s;
   overflow: hidden; }
   .post-thumbnail, .post-thumbnail .post-thumbnail-img {
     min-height: 320px; }
   .post-thumbnail:hover .post-thumbnail-img {
-    -webkit-filter: brightness(40%) opacity(1);
-            filter: brightness(40%) opacity(1);
+    -webkit-filter: brightness(45%) opacity(1);
+            filter: brightness(45%) opacity(1);
     -webkit-transition: -webkit-filter 0.3s;
     transition: -webkit-filter 0.3s;
     -o-transition: filter 0.3s;
@@ -8491,8 +8496,8 @@ body.archive .note .btn, body.archive .card .btn {
   left: 0;
   right: 0;
   bottom: 0;
-  -webkit-filter: brightness(55%) opacity(0.95);
-          filter: brightness(55%) opacity(0.95);
+  -webkit-filter: brightness(40%) opacity(0.95);
+          filter: brightness(40%) opacity(0.95);
   -webkit-transition: -webkit-filter 0.3s;
   transition: -webkit-filter 0.3s;
   -o-transition: filter 0.3s;
@@ -8506,7 +8511,6 @@ body.archive .note .btn, body.archive .card .btn {
   position: absolute;
   bottom: 0;
   color: #fff;
-  background: rgba(25, 25, 25, 0.8);
   min-height: 9.5rem;
   padding: 5px;
   font-weight: bold; }

diff --git a/css/styles.min.css b/css/styles.min.css
diff --git a/loop-blog.php b/loop-blog.php
@@ -15,7 +15,7 @@
     $dominant_color_css = str_replace( ']', ' )', $dominant_color_css );
 
     ?>
-    <div class="post-thumbnail post-thumbnail-<?php echo $page; ?>-<?php echo $index; ?>" style="<?php echo $dominant_color_css; ?>">
+    <div class="blog-post-thumbnail post-thumbnail post-thumbnail-<?php echo $page; ?>-<?php echo $index; ?>" style="<?php echo $dominant_color_css; ?>">
       <a href="<?php echo $link_url; ?>" title="<?php get_the_title(); ?>">
         <img class="post-thumbnail-img lazy-load"
              src="<?php echo get_the_post_thumbnail_url( $post_thumbnail_id, 'medium_large' ); ?>"

diff --git a/src/styles/blog.scss b/src/styles/blog.scss
@@ -39,24 +39,31 @@
     min-height: 320px;
   }  
 
+  transition: filter 0.3s;  
+
   &:hover{
     .post-thumbnail-img{
-        filter: brightness(40%) opacity(1);
+        filter: brightness(45%) opacity(1);
         transition: filter 0.3s;
+
     }
   }
 
   overflow: hidden;
 }
 
+.blog-post-thumbnail{
+  // background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(0,0,0,0) 100%);
+}
+
 .post-thumbnail-img{
   position: absolute;
   object-fit: cover;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
-  filter: brightness(55%) opacity(0.95);
+  filter: brightness(40%) opacity(0.95);
   transition: filter 0.3s;  
 }
 
@@ -68,7 +75,6 @@
   position: absolute;
   bottom: 0;
   color: #fff;
-  background: rgba(25,25,25,0.8);
   min-height: 9.5rem;
   padding: 5px;
   font-weight: bold;