Take care of SASS deprecation warnings (#72)

Author: scriptex

index.scss

@@ -1,33 +1,5 @@
 // Helpers
-@import './src/helpers/aspect-ratio';
-@import './src/helpers/auto-grid';
-@import './src/helpers/bem';
-@import './src/helpers/font-size';
-@import './src/helpers/full-bleed';
-@import './src/helpers/grid';
-@import './src/helpers/loader';
-@import './src/helpers/rainbow';
-@import './src/helpers/scroll-shadow';
-@import './src/helpers/select';
-@import './src/helpers/text-truncate';
-@import './src/helpers/triangle';
-@import './src/helpers/unbreak';
+@use 'src/helpers/helpers';
 
 // Tools
-@import './src/tools/asset';
-@import './src/tools/half-negative-numbers';
-@import './src/tools/half-numbers';
-@import './src/tools/hover';
-@import './src/tools/mq';
-@import './src/tools/negative-number';
-@import './src/tools/reset';
-@import './src/tools/shade';
-@import './src/tools/spacing-helpers';
-@import './src/tools/string-replace';
-@import './src/tools/svg-background-multiple';
-@import './src/tools/svg-background';
-@import './src/tools/svg-url';
-@import './src/tools/tint';
-@import './src/tools/to-boolean';
-@import './src/tools/v';
-@import './src/tools/z-index';
+@use 'src/tools/tools';

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "scss-goodies",
-	"version": "2.0.1",
+	"version": "2.1.0",
 	"description": "SCSS tools and helpers for every day usage",
 	"keywords": [
 		"SCSS",

src/helpers/_aspect-ratio.scss

@@ -9,10 +9,11 @@
 @mixin aspect-ratio($shape: rect) {
 	display: block;
 	position: relative;
-	padding-top: 56.25%;
 
 	@if $shape == square {
 		padding-top: 100%;
+	} @else {
+		padding-top: 56.25%;
 	}
 
 	> * {

src/helpers/_font-size.scss

@@ -1,3 +1,5 @@
+@use 'sass:math';
+
 /// Set font size in REMs and provide PX fallback
 /// @access public
 /// @author Atanas Atanasov <scriptex.bg@gmail.com>
@@ -9,5 +11,5 @@
 /// @param {number} $rem [16] - REM font size in pixels.
 @mixin font-size($size, $rem: 16) {
 	font-size: $size;
-	font-size: $size / $rem + rem;
+	font-size: math.div($size, $rem) + rem;
 }

src/helpers/_grid.scss

@@ -1,3 +1,5 @@
+@use 'sass:math';
+
 /// @access public
 /// @group helpers
 $grid-cols: 12 !default;
@@ -29,9 +31,9 @@ $grid-breakpoints: (
 /// @access private
 /// @group helpers
 @function grid-item-width($columns) {
-	$items: $grid-cols / $columns;
-	$column: 100% / $items;
-	$extra-space: $grid-gutter / $items;
+	$items: math.div($grid-cols, $columns);
+	$column: math.div(100%, $items);
+	$extra-space: math.div($grid-gutter, $items);
 
 	@return calc((#{$column} + #{$extra-space}) - #{$grid-gutter});
 }
@@ -74,7 +76,7 @@ $grid-breakpoints: (
 		margin-bottom: $gutter;
 
 		@if $items > 1 {
-			width: grid-item-width($grid-cols / $items);
+			width: grid-item-width(math.div($grid-cols, $items));
 		} @else {
 			width: 100%;
 		}

src/helpers/_loader.scss

@@ -1,4 +1,4 @@
-@import '../tools/svg-background';
+@use '../tools/svg-background';
 
 /// @access public
 /// @group helpers

src/helpers/_select.scss

@@ -1,4 +1,4 @@
-@import '../tools/svg-url';
+@use '../tools/svg-url';
 
 /// @access public
 /// @group helpers

src/helpers/helpers.scss

@@ -0,0 +1,13 @@
+@use 'aspect-ratio';
+@use 'auto-grid';
+@use 'bem';
+@use 'font-size';
+@use 'full-bleed';
+@use 'grid';
+@use 'loader';
+@use 'rainbow';
+@use 'scroll-shadow';
+@use 'select';
+@use 'text-truncate';
+@use 'triangle';
+@use 'unbreak';

src/tools/_half-numbers.scss

@@ -1,3 +1,5 @@
+@use 'sass:math';
+
 /// Get the half of a given number
 /// @access public
 /// @author Atanas Atanasov <scriptex.bg@gmail.com>
@@ -10,5 +12,5 @@
 /// @group tools
 /// @param {number} $num - A number
 @function half-number($num) {
-	@return $num / 2;
+	@return math.div($num, 2);
 }

src/tools/_string-replace.scss

@@ -10,10 +10,10 @@
 @function str-replace($string, $search, $replace: '') {
 	$index: str-index($string, $search);
 
+	// prettier-ignore
 	@return if(
 		$index,
-		str-slice($string, 1, $index - 1) + $replace +
-			str-replace(str-slice($string, $index + str-length($search)), $search, $replace),
+		str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace),
 		$string
 	);
 }