javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-22 21:48:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
references #5422
This commit is contained in:
Brandy Carney
2016-06-01 10:59:11 -04:00
parent 484dfdb2f0
commit 21753a88fe
2 changed files with 26 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/range/range.md.scss
View File

@ -35,6 +35,19 @@ ion-range {
padding: $range-md-padding-vertical $range-md-padding-horizontal; 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 { .range-has-pin {
padding-top: $range-md-padding-vertical + $range-md-pin-font-size + $range-md-pin-padding; padding-top: $range-md-padding-vertical + $range-md-pin-font-size + $range-md-pin-padding;
} }

13
src/components/range/range.wp.scss
View File

@ -36,6 +36,19 @@ ion-range {
padding: $range-wp-padding-vertical $range-wp-padding-horizontal; 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 { .range-has-pin {
padding-top: $range-wp-padding-vertical + $range-wp-pin-font-size + $range-wp-pin-padding; padding-top: $range-wp-padding-vertical + $range-wp-pin-font-size + $range-wp-pin-padding;
} }