Removed / in scss and replaced with math.div() to support /'s depreca…

…tion in Dart SASS 2.0

README.md

@@ -707,6 +707,10 @@ Make sure to ensure that the values used here match the values used in the SCSS.
 
 ## Change log
 
+`2.0.4` - Aug 2021
+
+- Updated SCSS to support Dart SASS 2.0 by removing `a / b` and replacing with `math.div(a, b)`.
+
 `2.0.3` - July 2020
 
 - Updated JS library to support es6 while maintaining old version for backwards compatibility. Use `dd.breakpoints.es6.js` for the es6 version.

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "DDBreakpoints",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "homepage": "https://github.com/DeloitteDigitalAPAC/DDBreakpoints",
   "authors": [ "Deloitte Digital Australia" ],
   "description": "Breakpoints SCSS Mixin and JavaScript tool, used to accelerate the development process of responsive pages.",

lib/dd.breakpoints.es6.js

@@ -2,8 +2,8 @@
  * Breakpoints for JavaScript (ES6). Works with the Deloitte Digital SCSS @bp mixin and Less .bp mixin
  *
  * @namespace DDBreakpoints
- * @version 2.0.3
- * @copyright 2012-2020 Deloitte Digital Australia - http://www.deloittedigital.com/au
+ * @version 2.0.4
+ * @copyright 2012-2021 Deloitte Digital Australia - http://www.deloittedigital.com/au
  * @author Deloitte Digital Australia [email protected]
  * @license BSD 3-Clause (http://opensource.org/licenses/BSD-3-Clause)
  *

lib/dd.breakpoints.js

@@ -3,8 +3,8 @@
  *
  * @namespace bp
  * @memberof DD
- * @version 2.0.3
- * @copyright 2012-2020 Deloitte Digital Australia - http://www.deloittedigital.com/au
+ * @version 2.0.4
+ * @copyright 2012-2021 Deloitte Digital Australia - http://www.deloittedigital.com/au
  * @author Deloitte Digital Australia [email protected]
  * @license BSD 3-Clause (http://opensource.org/licenses/BSD-3-Clause)
  */

lib/dd.breakpoints.less

@@ -1,8 +1,8 @@
 /**
  * Breakpoints for Less. Works with the Deloitte Digital DD.bp JavaScript
  *
- * @version 2.0.3
- * @copyright 2012-2020 Deloitte Digital Australia - http://www.deloittedigital.com/au
+ * @version 2.0.4
+ * @copyright 2012-2021 Deloitte Digital Australia - http://www.deloittedigital.com/au
  * @author Deloitte Digital Australia [email protected]
  * @license BSD 3-Clause (http://opensource.org/licenses/BSD-3-Clause)
  */

lib/dd.breakpoints.scss

@@ -1,13 +1,14 @@
 /**
  * Breakpoints for SCSS. Works with the Deloitte Digital DD.bp JavaScript
  *
- * @version 2.0.3
- * @copyright 2012-2020 Deloitte Digital Australia - http://www.deloittedigital.com/au
+ * @version 2.0.4
+ * @copyright 2012-2021 Deloitte Digital Australia - http://www.deloittedigital.com/au
  * @author Deloitte Digital Australia [email protected]
  * @license BSD 3-Clause (http://opensource.org/licenses/BSD-3-Clause)
  */
 
 @use "sass:map";
+@use "sass:math";
 
 // Global variables
 $is-responsive: true !default; // toggles if responsive stylesheets are required - used for outputting legacy non-responsive stylesheets using the same code
@@ -80,15 +81,15 @@ $_breakpoints-max: _calc-max-bps();
 			$unit: 1rem;
 		}
 
-		@return $number / ($number * 0 + 1) * $unit;
+		@return math.div($number, $number * 0 + 1) * $unit;
 	} @else {
 		@error "Expected number but was passed #{type_of($number)}: #{$number}";
 	}
 }
 
 // Converts px to ems using the $base-font-size global variable
 @function _px-to-ems($px) {
-	@return $px / $base-font-size;
+	@return math.div($px, $base-font-size);
 }
 
 // Converts a bp name (e.g. l) to the px variable then to ems

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deloitte-digital-au/ddbreakpoints",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "description": "Breakpoints SCSS Mixin and JavaScript tool, used to accelerate the development process of responsive pages.",
   "main": "lib/dd.breakpoints.js",
   "dependencies": {},