From 78a53221f1014de95d6938d2fbd3887f9fb63c53 Mon Sep 17 00:00:00 2001
From: Ramin Farhadi <ra680091@CMN9J7HFG4MN.local>
Date: Wed, 5 Jun 2024 11:07:20 -0400
Subject: [PATCH] mixin was added.

---
 src/App.scss | 33 ++++++++++++++++++---------------
 1 file changed, 18 insertions(+), 15 deletions(-)

diff --git a/src/App.scss b/src/App.scss
index d7743e6..5eef4b0 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -1,17 +1,11 @@
+@import "bootstrap/scss/functions"; 
+@import "bootstrap/scss/variables";
+@import "bootstrap/scss/mixins";
+
 .navbar-custom-style {
   top: 50px !important;
 }
 
-.map-container {
-  display: flex;
-  flex-wrap: wrap;
-
-  .mapboxgl-map {
-    margin-top: 110px;
-    min-height: calc(100dvh - 230px);
-  }
-}
-
 .sr-only {
   display: none;
 }
@@ -50,7 +44,20 @@
   position: fixed !important;
 }
 
-@media screen and (min-width: 768px) {
+.footer-logo-map {
+  width:60% 
+}
+
+.map-container {
+  display: flex;
+  flex-wrap: wrap;
+  .mapboxgl-map {
+    margin-top: 110px;
+    min-height: calc(100dvh - 230px);
+  }
+}
+
+@include media-breakpoint-up(sm) {
   .map-container {
     .mapboxgl-map {
       margin-top: 120px;
@@ -58,7 +65,3 @@
     }
   }
 }
-
-.footer-logo-map {
-  width:60% 
-}