From 4dc67eb191b8191653cf2a1a4e176c1d0ac3788b Mon Sep 17 00:00:00 2001
From: Marcel Robitaille <mail@marcelrobitaille.me>
Date: Sat, 12 Mar 2022 10:26:22 -0500
Subject: [PATCH 1/3] Fix SASS deprecations, replace / with math.div

Signed-off-by: Marcel Robitaille <mail@marcelrobitaille.me>
---
 src/components/AppNavigationCaption.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/AppNavigationCaption.vue b/src/components/AppNavigationCaption.vue
index 41412d575..c0c54f7d8 100644
--- a/src/components/AppNavigationCaption.vue
+++ b/src/components/AppNavigationCaption.vue
@@ -178,6 +178,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@use "sass:math";
+
 // Taken from @nextcloud/vue/src/assets/variables.scss
 // https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556
 // recommended is 48px
@@ -190,7 +192,7 @@ $icon-size: 16px;
 
 // icon padding for a $clickable-area width and a $icon-size icon
 // ( 44px - 16px ) / 2
-$icon-margin: ($clickable-area - $icon-size) / 2;
+$icon-margin: math.div($clickable-area - $icon-size, 2);
 
 .app-navigation-caption-mod {
     display: flex;
@@ -202,7 +204,7 @@ $icon-margin: ($clickable-area - $icon-size) / 2;
 
 // extra top space if it's not the first item on the list
 .app-navigation-caption-mod:not(:first-child) {
-    margin-top: $clickable-area / 2;
+    margin-top: math.div($clickable-area, 2);
 }
 
 // Main entry link

From 0caab4ea895938c4b5f7f359daf294ecea220240 Mon Sep 17 00:00:00 2001
From: Christian Wolf <github@christianwolf.email>
Date: Sun, 13 Mar 2022 17:09:37 +0100
Subject: [PATCH 2/3] Correct stylelint configuration to cope with problems

Signed-off-by: Christian Wolf <github@christianwolf.email>
---
 stylelint.config.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/stylelint.config.js b/stylelint.config.js
index 95666e259..bcc30a67f 100644
--- a/stylelint.config.js
+++ b/stylelint.config.js
@@ -5,5 +5,8 @@ stylelintConfig.extends.push('stylelint-config-prettier', 'stylelint-config-idio
 stylelintConfig.rules.indentation = null
 stylelintConfig.rules['string-quotes'] = 'double'
 stylelintConfig.rules['selector-list-comma-newline-after'] = 'always-multi-line'
+stylelintConfig.rules['function-no-unknown'] = [true, {
+	'ignoreFunctions': ["math.div"]
+}]
 
 module.exports = stylelintConfig

From 1b4b6d34a514aa80302011a50c9770bd242dba7d Mon Sep 17 00:00:00 2001
From: Christian Wolf <github@christianwolf.email>
Date: Sun, 13 Mar 2022 17:11:15 +0100
Subject: [PATCH 3/3] Update changelog

Signed-off-by: Christian Wolf <github@christianwolf.email>
---
 CHANGELOG.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 2219e45c4..4501f1f05 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,7 +9,8 @@
   [#909](https://github.com/nextcloud/cookbook/pull/909) @christianlupus
 - Remove some packages from the dependencies to keep the footprint smaller
   [#912](https://github.com/nextcloud/cookbook/pull/912) @christianlupus
-
+- Remove deprecation in preparation for Sass 2.0.0
+  [#915](https://github.com/nextcloud/cookbook/pull/915) @MarcelRobitaille
 
 ### Documentation
 - Introduction about how to start coding