From f95235f6dcdd14fa32443e3f80263542fac358c0 Mon Sep 17 00:00:00 2001
From: HenriqueSSan <hsstudentwork@gmail.com>
Date: Wed, 28 Dec 2022 11:23:26 -0300
Subject: [PATCH] refactor(breadcrumb): created mixin for styles

---
 src/components/Breadcrumb/index.module.scss   | 18 ++++++++----------
 src/settings/styles/utils/helpers/_mixin.scss |  4 ++++
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/components/Breadcrumb/index.module.scss b/src/components/Breadcrumb/index.module.scss
index 45a8253..a6565ca 100644
--- a/src/components/Breadcrumb/index.module.scss
+++ b/src/components/Breadcrumb/index.module.scss
@@ -1,3 +1,5 @@
+@use '../../settings/styles/utils/helpers/mixin' as mix;
+
 .list {
 	display: inline-flex;
 	align-items: center;
@@ -5,12 +7,10 @@
 
 	.initial {
 		img {
-			width: 16px;
-			height: 16px;
+			@include mix.square(16px);
 
-			@media screen and (min-width: 2500px) {
-				width: 31.25px;
-				height: 31.25px;
+			@media only screen and (min-width: 2500px) {
+				@include mix.square(31.25px);
 			}
 		}
 	}
@@ -26,12 +26,10 @@
 	}
 
 	.divider {
-		width: 8px;
-		height: 8px;
+		@include mix.square(8px);
 
-		@media screen and (min-width: 2500px) {
-			width: 15.62px;
-			height: 15.62px;
+		@media only screen and (min-width: 2500px) {
+			@include mix.square(15.62px);
 		}
 	}
 
diff --git a/src/settings/styles/utils/helpers/_mixin.scss b/src/settings/styles/utils/helpers/_mixin.scss
index e69de29..80ec28f 100644
--- a/src/settings/styles/utils/helpers/_mixin.scss
+++ b/src/settings/styles/utils/helpers/_mixin.scss
@@ -0,0 +1,4 @@
+@mixin square($size) {
+	width: #{$size};
+	height: #{$size};
+}