From 84fcfb41a3a5d3ab7136c918eec55aaf31b51fbb Mon Sep 17 00:00:00 2001
From: Andreas Nedbal <git@pixelde.su>
Date: Thu, 5 Jan 2023 09:07:13 +0100
Subject: [PATCH] Fix Sass deprecation warnings

---
 app/assets/stylesheets/components/_profile.scss | 5 +++--
 app/assets/stylesheets/components/_userbox.scss | 3 ++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/assets/stylesheets/components/_profile.scss b/app/assets/stylesheets/components/_profile.scss
index efebc377..2bfcf6d3 100644
--- a/app/assets/stylesheets/components/_profile.scss
+++ b/app/assets/stylesheets/components/_profile.scss
@@ -1,18 +1,19 @@
 @use "sass:map";
+@use "sass:math";
 
 .profile {
   &__avatar {
     display: block;
     width: map.get($avatar-sizes, "xl");
     height: map.get($avatar-sizes, "xl");
-    margin: -(map.get($avatar-sizes, "xl") / 2.5) map.get($spacers, 4) 0;
+    margin: -(math.div(map.get($avatar-sizes, "xl"), 2.5)) map.get($spacers, 4) 0;
     border-radius: $avatar-border-radius;
     box-shadow: $box-shadow;
 
     @include media-breakpoint-up(sm) {
       width: map.get($avatar-sizes, "xxl");
       height: map.get($avatar-sizes, "xxl");
-      margin: -(map.get($avatar-sizes, "xxl") / 2) auto 0;
+      margin: -(math.div(map.get($avatar-sizes, "xxl"), 2)) auto 0;
     }
   }
 
diff --git a/app/assets/stylesheets/components/_userbox.scss b/app/assets/stylesheets/components/_userbox.scss
index c466c505..1a37a5fc 100644
--- a/app/assets/stylesheets/components/_userbox.scss
+++ b/app/assets/stylesheets/components/_userbox.scss
@@ -1,4 +1,5 @@
 @use "sass:map";
+@use "sass:math";
 
 .userbox {
   &__header {
@@ -15,7 +16,7 @@
     display: block;
     width: map.get($avatar-sizes, "lg");
     height: map.get($avatar-sizes, "lg");
-    margin-top: -(map.get($avatar-sizes, "lg") / 2);
+    margin-top: -(math.div(map.get($avatar-sizes, "lg"), 2));
     margin-left: auto;
     margin-right: auto;
     border-radius: $avatar-border-radius;