diff options
| author | PliablePixels <pliablepixels@gmail.com> | 2015-07-10 10:50:41 -0400 |
|---|---|---|
| committer | PliablePixels <pliablepixels@gmail.com> | 2015-07-10 10:50:41 -0400 |
| commit | 2559905b54b77668361d8a1325a46d5183e61aa5 (patch) | |
| tree | cf591a06057fc6320edcb69ec5f0fb16619d8289 /www/lib/ionic/scss/_range.scss | |
| parent | bfdcdcccee146f924f3311b6955ce81d2dab226f (diff) | |
upgraded ionic libraries to latest version
Diffstat (limited to 'www/lib/ionic/scss/_range.scss')
| -rw-r--r-- | www/lib/ionic/scss/_range.scss | 36 |
1 files changed, 34 insertions, 2 deletions
diff --git a/www/lib/ionic/scss/_range.scss b/www/lib/ionic/scss/_range.scss index e926b513..17c3b3a4 100644 --- a/www/lib/ionic/scss/_range.scss +++ b/www/lib/ionic/scss/_range.scss @@ -33,7 +33,7 @@ border: 0; } - &::-webkit-slider-thumb:before { + &::-webkit-slider-thumb:before{ /* what creates the colorful line on the left side of the slider */ position: absolute; top: ($range-slider-height / 2) - ($range-track-height / 2); @@ -54,7 +54,32 @@ //background: red; //opacity: .5; } - + &::-ms-track{ + background: transparent; + border-color: transparent; + border-width: 11px 0 16px; + color:transparent; + margin-top:20px; + } + &::-ms-thumb { + width: $range-slider-width; + height: $range-slider-height; + border-radius: $range-slider-border-radius; + background-color: $toggle-handle-off-bg-color; + border-color:$toggle-handle-off-bg-color; + box-shadow: $range-slider-box-shadow; + margin-left:1px; + margin-right:1px; + outline:none; + } + &::-ms-fill-lower{ + height: $range-track-height; + background:$dark; + } + &::-ms-fill-upper { + height: $range-track-height; + background:$range-default-track-bg; + } } .range { @@ -119,3 +144,10 @@ padding-right: 5px; padding-left: 0; } + +// WP range height must be auto +.platform-windowsphone{ + .range input{ + height:auto; + } +} |
