fix: deprecated Sass global built-in functions

Author: maxcom

src/main/webapp/sass/_cal-heapmap.scss

@@ -1,9 +1,11 @@
+@use "sass:color";
+
 :root {
-  --heatmap-empty: #{grayscale(adjust-color($heatmap_max, $lightness: -20%*$heatmap_scale))};
-  --heatmap-q1: #{adjust-color($heatmap_max, $lightness: -20%*$heatmap_scale)};
-  --heatmap-q2: #{adjust-color($heatmap_max, $lightness: -15%*$heatmap_scale)};
-  --heatmap-q3: #{adjust-color($heatmap_max, $lightness: -10%*$heatmap_scale)};
-  --heatmap-q4: #{adjust-color($heatmap_max, $lightness: -5%*$heatmap_scale)};
+  --heatmap-empty: #{color.grayscale(color.adjust($heatmap_max, $lightness: -20%*$heatmap_scale))};
+  --heatmap-q1: #{color.adjust($heatmap_max, $lightness: -20%*$heatmap_scale)};
+  --heatmap-q2: #{color.adjust($heatmap_max, $lightness: -15%*$heatmap_scale)};
+  --heatmap-q3: #{color.adjust($heatmap_max, $lightness: -10%*$heatmap_scale)};
+  --heatmap-q4: #{color.adjust($heatmap_max, $lightness: -5%*$heatmap_scale)};
   --heatmap-max: #{$heatmap_max};
 }
 

src/main/webapp/sass/_grid.scss

@@ -45,7 +45,7 @@ $class_push:		'push';		//				//
 	@if ($total_width == 100%){
 	  	$not_rounded_value: (math.div(100% + $gutter_width, $total_columns)*$column_index)-$gutter_width;
 	    $not_rounded_value: $not_rounded_value * 100;
-	    $rounded_value: round($not_rounded_value)*0.01;
+	    $rounded_value: math.round($not_rounded_value)*0.01;
 	    @return $rounded_value;
 	}@else{
 		@return (math.div($total_width + $gutter_width, $total_columns)*$column_index)-$gutter_width;
@@ -56,7 +56,7 @@ $class_push:		'push';		//				//
 	@if ($total_width == 100%){
 	  	$not_rounded_value: (math.div(100 + $gutter_width, $total_columns))-$gutter_width;
 	    $not_rounded_value: $not_rounded_value * 100;
-	    $rounded_value: round($not_rounded_value)*0.01;
+	    $rounded_value: math.round($not_rounded_value)*0.01;
 	    @return $rounded_value * 1%;
 	}@else{
 		@return math.div($total_width - ($gutter_width*($total_columns - 1)), $total_columns);
@@ -183,7 +183,7 @@ $class_push:		'push';		//				//
 
 @mixin generate_grid_positions($_column_selector, $_element_width){
 
-	$_cols_per_row: floor(math.div($total_columns, $_element_width));
+	$_cols_per_row: math.floor(math.div($total_columns, $_element_width));
 
 	// create rule for each element
 	@for $i from 1 through $_cols_per_row{
@@ -204,7 +204,7 @@ $class_push:		'push';		//				//
 
 @mixin generate_grid_positions_legacy($_column_selector, $_element_width, $_elements_in_grid:$total_columns){
 
-	$_cols_per_row: floor(math.div($total_columns, $_element_width));
+	$_cols_per_row: math.floor(math.div($total_columns, $_element_width));
 	$_current_col:1;
 
 	// create rule for each element

src/main/webapp/sass/tango/auto.scss

@@ -13,6 +13,8 @@
  *    limitations under the License.
  */
 
+@use "sass:color";
+
 $heatmap_max: #73d216;
 $heatmap_scale: 1.5;
 
@@ -45,10 +47,10 @@ $heatmap_scale: 1.5;
         --preview-border-color: #c4a000;
 
         --heatmap-empty: #babdb6;
-        --heatmap-max: #{adjust-color($heatmap_max, $lightness: -20%*$heatmap_scale)};
-        --heatmap-q4: #{adjust-color($heatmap_max, $lightness: -15%*$heatmap_scale)};
-        --heatmap-q3: #{adjust-color($heatmap_max, $lightness: -10%*$heatmap_scale)};
-        --heatmap-q2: #{adjust-color($heatmap_max, $lightness: -5%*$heatmap_scale)};
+        --heatmap-max: #{color.adjust($heatmap_max, $lightness: -20%*$heatmap_scale)};
+        --heatmap-q4: #{color.adjust($heatmap_max, $lightness: -15%*$heatmap_scale)};
+        --heatmap-q3: #{color.adjust($heatmap_max, $lightness: -10%*$heatmap_scale)};
+        --heatmap-q2: #{color.adjust($heatmap_max, $lightness: -5%*$heatmap_scale)};
         --heatmap-q1: #{$heatmap_max};
 
         .swiffy-slider {

src/main/webapp/sass/waltz/_colors.scss

@@ -13,6 +13,8 @@
  *    limitations under the License.
  */
 
+@use "sass:color";
+
 $main_background: #ECECEC;
 $text_color: #000;
 $link_color: #275096;
@@ -48,7 +50,7 @@ $tagpage_group_label_background: #E7AF55;
 $tagpage_group_label_color: $table_link_color;
 $stars_color: #465A48;
 
-$heatmap_max: darken(#8ae234, 15%);
+$heatmap_max: color.adjust(#8ae234, $lightness: -15%);
 $heatmap_scale: -1.5;
 $tracker_tag_color: $table_border_color;
 

src/main/webapp/sass/white2/style.scss

@@ -13,6 +13,8 @@
  *    limitations under the License.
  */
 
+@use "sass:color";
+
 @import "../common";
 
 $main_background: white;
@@ -279,7 +281,7 @@ textarea {
 
 @import "../responsive";
 
-$heatmap_max: darken(#8ae234, 15%);
+$heatmap_max: color.adjust(#8ae234, $lightness: -15%);
 $heatmap_scale: -1.5;
 @import "../cal-heapmap";
 @import "../tracker";

src/main/webapp/sass/zomg_ponies/_colors.scss

@@ -13,6 +13,8 @@
  *    limitations under the License.
  */
 
+@use "sass:color";
+
 $main_background: #FFDFFF;
 $text_color: #000;
 $link_color: #000040;
@@ -51,7 +53,7 @@ $stars_color: #400040;
 
 $icon_button_active_color: $stars_color;
 
-$heatmap_max: darken(#8ae234, 15%);
+$heatmap_max: color.adjust(#8ae234, $lightness: -15%);
 $heatmap_scale: -1.5;
 $tracker_tag_color: $tag_even_color;