feat(range): add styling for range-left/range-right md and wp

references #5422

Author: brandyscarney

src/components/range/range.md.scss

@@ -35,6 +35,19 @@ ion-range {
   padding: $range-md-padding-vertical $range-md-padding-horizontal;
 }
 
+[range-left],
+[range-right] {
+  margin: 0 12px;
+}
+
+[range-left] {
+  margin-left: 0;
+}
+
+[range-right] {
+  margin-right: 0;
+}
+
 .range-has-pin {
   padding-top: $range-md-padding-vertical + $range-md-pin-font-size + $range-md-pin-padding;
 }

src/components/range/range.wp.scss

@@ -36,6 +36,19 @@ ion-range {
   padding: $range-wp-padding-vertical $range-wp-padding-horizontal;
 }
 
+[range-left],
+[range-right] {
+  margin: 0 12px;
+}
+
+[range-left] {
+  margin-left: 0;
+}
+
+[range-right] {
+  margin-right: 0;
+}
+
 .range-has-pin {
   padding-top: $range-wp-padding-vertical + $range-wp-pin-font-size + $range-wp-pin-padding;
 }