style: mixin shared CSS

golemfoundation · Aug 6, 2024 · 364d044 · 364d044
1 parent 4dbd889
commit 364d044
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 10 deletions.
diff --git a/client/src/components/Earn/EarnTipTiles/EarnTipTiles.module.scss b/client/src/components/Earn/EarnTipTiles/EarnTipTiles.module.scss
@@ -7,11 +7,7 @@
 }
 
 .connectWalletImage {
-  height: 8.2rem;
-
-  @media #{$desktop-up} {
-    height: 11.3rem;
-  }
+  @include tipTileConnectWalletImage();
 }
 
 .withdrawImage {

diff --git a/client/src/components/Metrics/MetricsPersonal/MetricsPersonal.module.scss b/client/src/components/Metrics/MetricsPersonal/MetricsPersonal.module.scss
@@ -14,9 +14,5 @@
 }
 
 .connectWalletImage {
-  height: 8.2rem;
-
-  @media #{$desktop-up} {
-    height: 11.3rem;
-  }
+  @include tipTileConnectWalletImage();
 }
diff --git a/client/src/styles/utils/_mixins.scss b/client/src/styles/utils/_mixins.scss
@@ -87,3 +87,11 @@
   min-width: 39rem;
   max-width: 70rem + $layoutMarginHorizontal * 2;
 }
+
+@mixin tipTileConnectWalletImage() {
+  height: 8.2rem;
+
+  @media #{$desktop-up} {
+    height: 11.3rem;
+  }
+}