Don't use @extend inside a potential media query

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 09c6c906bb64b80837e20534110a9f790a180e8a..307a990e40d9f0f4ecbb0c58821df92a1b92279f 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -501,7 +501,7 @@ body.small-nav {
   }
 
   .leaflet-control-scale-line {
   }
 
   .leaflet-control-scale-line {

-    @extend .border-light, .border-opacity-75;
+    border-color: rgba(var(--bs-light-rgb), .75) !important;

   }
 }
 
   }
 }