Добавляет эффект hover для карточки статьи

Fix: #501
doka-guide · Feb 8, 2022 · 370740b · 370740b
1 parent 479b7be
commit 370740b
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/src/styles/blocks/featured-article.css b/src/styles/blocks/featured-article.css
@@ -7,7 +7,19 @@
   flex-direction: column;
   box-sizing: border-box;
   min-height: 330px;
+}
+
+.featured-article::before {
+  content: '';
+  position: absolute;
+  z-index: -1;
+  inset: 0;
   background-color: var(--accent-color, hsl(0 0% 90%));
+  transition: opacity 0.2s;
+}
+
+.featured-article:hover::before {
+  opacity: 0.84;
 }
 
 .featured-article__image-wrapper {