Merge pull request #105 from lewebsimple/master

fix: Deprecated / for division #104
jonsuh · Mar 15, 2022 · a5f6026 · a5f6026
2 parents c9adb72 + ebdfadf
commit a5f6026
Show file tree

Hide file tree

Showing 6 changed files with 20 additions and 8 deletions.
diff --git a/_sass/hamburgers/_base.scss b/_sass/hamburgers/_base.scss
@@ -1,3 +1,5 @@
+@use "sass:math";
+
 // Hamburger
 // ==================================================
 .hamburger {
@@ -55,7 +57,7 @@
 .hamburger-inner {
  display: block;
  top: 50%;
- margin-top: $hamburger-layer-height / -2;
+ margin-top: math.div($hamburger-layer-height, -2);
 
  &,
  &::before,

diff --git a/_sass/hamburgers/types/_elastic-r.scss b/_sass/hamburgers/types/_elastic-r.scss
@@ -1,10 +1,12 @@
+@use "sass:math";
+
 @if index($hamburger-types, elastic-r) {
  /*
  * Elastic Reverse
  */
  .hamburger--elastic-r {
  .hamburger-inner {
- top: $hamburger-layer-height / 2;
+ top: math.div($hamburger-layer-height, 2);
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
 

diff --git a/_sass/hamburgers/types/_elastic.scss b/_sass/hamburgers/types/_elastic.scss
@@ -1,10 +1,12 @@
+@use "sass:math";
+
 @if index($hamburger-types, elastic) {
  /*
  * Elastic
  */
  .hamburger--elastic {
  .hamburger-inner {
- top: $hamburger-layer-height / 2;
+ top: math.div($hamburger-layer-height, 2);
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
 

diff --git a/_sass/hamburgers/types/_slider-r.scss b/_sass/hamburgers/types/_slider-r.scss
@@ -1,10 +1,12 @@
+@use "sass:math";
+
 @if index($hamburger-types, slider-r) {
  /*
  * Slider Reverse
  */
  .hamburger--slider-r {
  .hamburger-inner {
- top: $hamburger-layer-height / 2;
+ top: math.div($hamburger-layer-height, 2);
 
  &::before {
  top: $hamburger-layer-height + $hamburger-layer-spacing;
@@ -25,7 +27,7 @@
  transform: translate3d(0, $y-offset, 0) rotate(-45deg);
 
  &::before {
- transform: rotate(45deg) translate3d($hamburger-layer-width / 7, $hamburger-layer-spacing * -1, 0);
+ transform: rotate(45deg) translate3d(math.div($hamburger-layer-width, 7), $hamburger-layer-spacing * -1, 0);
  opacity: 0;
  }
 

diff --git a/_sass/hamburgers/types/_slider.scss b/_sass/hamburgers/types/_slider.scss
@@ -1,10 +1,12 @@
+@use "sass:math";
+
 @if index($hamburger-types, slider) {
  /*
  * Slider
  */
  .hamburger--slider {
  .hamburger-inner {
- top: $hamburger-layer-height / 2;
+ top: math.div($hamburger-layer-height, 2);
 
  &::before {
  top: $hamburger-layer-height + $hamburger-layer-spacing;
@@ -25,7 +27,7 @@
  transform: translate3d(0, $y-offset, 0) rotate(45deg);
 
  &::before {
- transform: rotate(-45deg) translate3d($hamburger-layer-width / -7, $hamburger-layer-spacing * -1, 0);
+ transform: rotate(-45deg) translate3d(math.div($hamburger-layer-width, -7), $hamburger-layer-spacing * -1, 0);
  opacity: 0;
  }
 

diff --git a/_sass/hamburgers/types/_spring.scss b/_sass/hamburgers/types/_spring.scss
@@ -1,10 +1,12 @@
+@use "sass:math";
+
 @if index($hamburger-types, spring) {
  /*
  * Spring
  */
  .hamburger--spring {
  .hamburger-inner {
- top: $hamburger-layer-height / 2;
+ top: math.div($hamburger-layer-height, 2);
  transition: background-color 0s 0.13s linear;
 
  &::before {