add hover effects

mate-academy · Aug 9, 2024 · b0d7b63 · b0d7b63
1 parent 651b9a9
commit b0d7b63
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/src/styles/blocks/expertise-card.scss b/src/styles/blocks/expertise-card.scss
@@ -2,6 +2,9 @@
   display: flex;
   flex-direction: column;
   align-items: center;
+  user-select: none;
+
+  @include hover(transform, scale(1.05), '.expertise-card__photo');
 
   &__photo {
     width: 166px;

diff --git a/src/styles/utils/mixins.scss b/src/styles/utils/mixins.scss
@@ -80,6 +80,9 @@
   padding: 32px;
   border-radius: 16px;
   box-shadow: 0 9px 18px rgba(37, 41, 49, 0.03);
+  user-select: none;
+
+  @include hover(box-shadow, 0 9px 18px #2529312e);
 }
 
 @mixin accent($bg-image) {