javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(range): default css update

Browse Source
This commit is contained in:
Adam Bradley
2014-11-24 19:46:27 -06:00
parent a571c7abdf
commit 03e634a358
2 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
scss/_range.scss
View File

@@ -27,9 +27,10 @@ input[type="range"] {
height: $range-slider-height;
border-radius: $range-slider-border-radius;
background-color: $toggle-handle-off-bg-color;
box-shadow: 0 0 2px rgba(0,0,0,.5), 1px 3px 5px rgba(0,0,0,0.25);
box-shadow: $range-slider-box-shadow;
cursor: pointer;
-webkit-appearance: none;
border: 0;
}
&::-webkit-slider-thumb:before {
@@ -46,8 +47,8 @@ input[type="range"] {
&::-webkit-slider-thumb:after {
/* create a larger (but hidden) hit area */
position: absolute;
top: -20px;
left: -20px;
top: -15px;
left: -15px;
padding: 30px;
content: ' ';
//background: red;

9
scss/_variables.scss
View File

@@ -517,11 +517,12 @@ $checkbox-check-color: #fff !default;
// Range
// -------------------------------
$range-track-height: 4px !default;
$range-slider-width: 20px !default;
$range-slider-height: 20px !default;
$range-slider-border-radius: 10px !default;
$range-track-height: 2px !default;
$range-slider-width: 28px !default;
$range-slider-height: 28px !default;
$range-slider-border-radius: 50% !default;
$range-icon-size: 24px !default;
$range-slider-box-shadow: 0 0 2px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,0.2) !default;
$range-light-track-bg: $button-light-border !default;
$range-stable-track-bg: $button-stable-border !default;