Update SCSS to handle show class

CityOfDetroit · Jul 29, 2024 · de6199a · de6199a
1 parent cce02c0
commit de6199a
Show file tree

Hide file tree

Showing 3 changed files with 56 additions and 4 deletions.
diff --git a/src/components/organisms/ArticleCard/ArticleCard.css b/src/components/organisms/ArticleCard/ArticleCard.css
diff --git a/src/components/organisms/ArticleCard/ArticleCard.css.map b/src/components/organisms/ArticleCard/ArticleCard.css.map
diff --git a/src/components/organisms/ArticleCard/ArticleCard.scss b/src/components/organisms/ArticleCard/ArticleCard.scss
@@ -25,7 +25,8 @@
     height 0.2s ease-in-out;
 }
 
-.card-container:hover .text-container {
+.card-container:hover .text-container,
+.card-container .text-container.show {
   box-sizing: border-box;
   height: 100%;
   padding-top: 30%;
@@ -37,7 +38,10 @@
   transition: opacity 0.2s ease-in-out;
 }
 
-.card-container:hover .subtitle-container {
-  margin-top: 2em;
-  opacity: 1;
+.card-container:hover,
+.card-container .text-container.show {
+  .subtitle-container {
+    margin-top: 2em;
+    opacity: 1;
+  }
 }