Refactor(utilities): changes

rarestoma · rarestoma · commit b869d2372f39 · 2021-07-15T11:50:49.000+03:00
diff --git a/src/assets/scss/core/mixins/_utilities.scss b/src/assets/scss/core/mixins/_utilities.scss
@@ -1,3 +1,5 @@
+@use "sass:math";
+
 @function calc-top($line-height-base, $font-size, $component-height) {
   @return (($line-height-base * $font-size) - $component-height) / 2; // vertical center of line-height
 }
@@ -25,7 +27,7 @@
 
 @function brightness($color) {
   @if type-of($color) == color {
-    @return (red($color) * 0.299 + green($color) * 0.587 + blue($color) * 0.114) / 255 * 100%;
+    @return math.div(red($color) * 0.299 + green($color) * 0.587 + blue($color) * 0.114, 255) * 100%;
   } @else {
     @return unquote("brightness(#{$color})");
   }

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@use "sass:math";`
	`2`	`+`
`1`	`3`	`@function calc-top($line-height-base, $font-size, $component-height) {`
`2`	`4`	`@return (($line-height-base * $font-size) - $component-height) / 2; // vertical center of line-height`
`3`	`5`	`}`
`@@ -25,7 +27,7 @@`
`25`	`27`
`26`	`28`	`@function brightness($color) {`
`27`	`29`	`@if type-of($color) == color {`
`28`		`- @return (red($color) * 0.299 + green($color) * 0.587 + blue($color) * 0.114) / 255 * 100%;`
	`30`	`+ @return math.div(red($color) * 0.299 + green($color) * 0.587 + blue($color) * 0.114, 255) * 100%;`
`29`	`31`	`} @else {`
`30`	`32`	`@return unquote("brightness(#{$color})");`
`31`	`33`	`}`