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

references #5422
ionic-team · Jun 1, 2016 · 21753a8 · 21753a8
1 parent 484dfdb
commit 21753a8
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 0 deletions.
diff --git a/src/components/range/range.md.scss b/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;
 }

diff --git a/src/components/range/range.wp.scss b/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;
 }