CR

Author: OS-pedrolourenco

core/src/components/range/range.scss renamed to core/src/components/range/range.common.scss

@@ -18,7 +18,6 @@
    * @prop --pin-background: Background of the range pin (only available in MD mode)
    * @prop --pin-color: Color of the range pin (only available in MD mode)
    */
-  --knob-handle-size: calc(var(--knob-size) * 2);
 
   display: flex;
   position: relative;

core/src/components/range/range.ionic.scss

@@ -1,4 +1,4 @@
-@import "./range";
+@import "./range.common";
 @import "./range.ionic.vars";
 @import "../../foundations/ionic.vars";
 

core/src/components/range/range.ios.scss

@@ -1,4 +1,4 @@
-@import "./range";
+@import "./range.native";
 @import "./range.ios.vars";
 
 // iOS Range

core/src/components/range/range.md.scss

@@ -1,4 +1,4 @@
-@import "./range";
+@import "./range.native";
 @import "./range.md.vars";
 
 // Material Design Range

core/src/components/range/range.native.scss

@@ -0,0 +1,6 @@
+@import "range.common";
+@import "./range.vars.scss";
+
+:host {
+  --knob-handle-size: calc(var(--knob-size) * 2);
+}