Revert "fix: incompatible units in scss calculations"

mahagr · mahagr · commit db45ea2e8bf2 · 2021-10-29T20:21:24.000+03:00
This reverts commit b16d10e.
diff --git a/engines/common/nucleus/scss/nucleus/mixins/_breakpoints.scss b/engines/common/nucleus/scss/nucleus/mixins/_breakpoints.scss
@@ -4,16 +4,16 @@
 		@media only #{$media} and (min-width: $breakpoints-large-desktop-container) { @content; }
 	}
 	@else if $breakpoint == desktop-range {
-		@media only #{$media} and (min-width: $breakpoints-desktop-container) and (max-width: calc(#{$breakpoints-large-desktop-container} - 0.01rem)) { @content; }
+		@media only #{$media} and (min-width: $breakpoints-desktop-container) and (max-width: $breakpoints-large-desktop-container - 0.01rem) { @content; }
 	}
 	@else if $breakpoint == desktop-only {
 		@media only #{$media} and (min-width: $breakpoints-desktop-container) { @content; }
 	}
 	@else if $breakpoint == tablet-range {
-		@media only #{$media} and (min-width: $breakpoints-tablet-container) and (max-width: calc(#{$breakpoints-desktop-container} - 0.01rem)) { @content; }
+		@media only #{$media} and (min-width: $breakpoints-tablet-container) and (max-width: $breakpoints-desktop-container - 0.01rem) { @content; }
 	}
 	@else if $breakpoint == large-mobile-range {
-		@media only #{$media} and (min-width: calc(#{$breakpoints-large-mobile-container} + 0.01rem)) and (max-width: calc(#{$breakpoints-tablet-container} - 0.01rem)) { @content; }
+		@media only #{$media} and (min-width: $breakpoints-large-mobile-container + 0.01rem) and (max-width: $breakpoints-tablet-container - 0.01rem) { @content; }
 	}
 	@else if $breakpoint == small-mobile-range {
 		@media only #{$media} and (max-width: $breakpoints-large-mobile-container) { @content; }
@@ -22,9 +22,9 @@
 		@media only #{$media} and (min-width: $breakpoints-tablet-container) { @content; }
 	}
 	@else if $breakpoint == mobile-only {
-		@media only #{$media} and (max-width: calc(#{$breakpoints-tablet-container} - 0.01rem)) { @content; }
+		@media only #{$media} and (max-width: $breakpoints-tablet-container - 0.01rem) { @content; }
 	}
 	@else if $breakpoint == no-desktop {
-		@media only #{$media} and (max-width: calc(#{$breakpoints-desktop-container} - 0.01rem)) { @content; }
+		@media only #{$media} and (max-width: $breakpoints-desktop-container - 0.01rem) { @content; }
 	}
-}
+}
diff --git a/themes/helium/common/scss/helium/particles/_owlcarousel.scss b/themes/helium/common/scss/helium/particles/_owlcarousel.scss
@@ -357,7 +357,7 @@
             }
 
             @include breakpoint(tablet-range) {
-                width: (calc(#{$breakpoints-tablet-container} - 8rem));
+                width: ($breakpoints-tablet-container - 8rem);
             }
 
             @include breakpoint(large-mobile-range) {

Original file line number	Diff line number	Diff line change
`@@ -4,16 +4,16 @@`
`4`	`4`	`@media only #{$media} and (min-width: $breakpoints-large-desktop-container) { @content; }`
`5`	`5`	`}`
`6`	`6`	`@else if $breakpoint == desktop-range {`
`7`		`- @media only #{$media} and (min-width: $breakpoints-desktop-container) and (max-width: calc(#{$breakpoints-large-desktop-container} - 0.01rem)) { @content; }`
	`7`	`+ @media only #{$media} and (min-width: $breakpoints-desktop-container) and (max-width: $breakpoints-large-desktop-container - 0.01rem) { @content; }`
`8`	`8`	`}`
`9`	`9`	`@else if $breakpoint == desktop-only {`
`10`	`10`	`@media only #{$media} and (min-width: $breakpoints-desktop-container) { @content; }`
`11`	`11`	`}`
`12`	`12`	`@else if $breakpoint == tablet-range {`
`13`		`- @media only #{$media} and (min-width: $breakpoints-tablet-container) and (max-width: calc(#{$breakpoints-desktop-container} - 0.01rem)) { @content; }`
	`13`	`+ @media only #{$media} and (min-width: $breakpoints-tablet-container) and (max-width: $breakpoints-desktop-container - 0.01rem) { @content; }`
`14`	`14`	`}`
`15`	`15`	`@else if $breakpoint == large-mobile-range {`
`16`		`- @media only #{$media} and (min-width: calc(#{$breakpoints-large-mobile-container} + 0.01rem)) and (max-width: calc(#{$breakpoints-tablet-container} - 0.01rem)) { @content; }`
	`16`	`+ @media only #{$media} and (min-width: $breakpoints-large-mobile-container + 0.01rem) and (max-width: $breakpoints-tablet-container - 0.01rem) { @content; }`
`17`	`17`	`}`
`18`	`18`	`@else if $breakpoint == small-mobile-range {`
`19`	`19`	`@media only #{$media} and (max-width: $breakpoints-large-mobile-container) { @content; }`
`@@ -22,9 +22,9 @@`
`22`	`22`	`@media only #{$media} and (min-width: $breakpoints-tablet-container) { @content; }`
`23`	`23`	`}`
`24`	`24`	`@else if $breakpoint == mobile-only {`
`25`		`- @media only #{$media} and (max-width: calc(#{$breakpoints-tablet-container} - 0.01rem)) { @content; }`
	`25`	`+ @media only #{$media} and (max-width: $breakpoints-tablet-container - 0.01rem) { @content; }`
`26`	`26`	`}`
`27`	`27`	`@else if $breakpoint == no-desktop {`
`28`		`- @media only #{$media} and (max-width: calc(#{$breakpoints-desktop-container} - 0.01rem)) { @content; }`
	`28`	`+ @media only #{$media} and (max-width: $breakpoints-desktop-container - 0.01rem) { @content; }`
`29`	`29`	`}`
`30`		`-}`
	`30`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -357,7 +357,7 @@`
`357`	`357`	`}`
`358`	`358`
`359`	`359`	`@include breakpoint(tablet-range) {`
`360`		`- width: (calc(#{$breakpoints-tablet-container} - 8rem));`
	`360`	`+ width: ($breakpoints-tablet-container - 8rem);`
`361`	`361`	`}`
`362`	`362`
`363`	`363`	`@include breakpoint(large-mobile-range) {`