Octavia/odin-etch-a-sketch
Watch
1
0
Fork
You've already forked odin-etch-a-sketch
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adjust slider styles

Browse source
This commit is contained in:
lolabird 2023-11-12 23:20:18 -07:00
commit 62c6f08630
1 changed files with 5 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

5
style.css
View file

@ -160,6 +160,8 @@ input[type="range"]::-moz-range-thumb:active{
background-color: #68ffd8; background-color: #68ffd8;
} }
input[type="range"]::-moz-range-track { input[type="range"]::-moz-range-track {
height: 12px;
border-radius: 6px;
background: linear-gradient(to right, var(--canvas-color) 0%, var(--canvas-color) var(--range-value), #bbb var(--range-value), #bbb 100%); background: linear-gradient(to right, var(--canvas-color) 0%, var(--canvas-color) var(--range-value), #bbb var(--range-value), #bbb 100%);
} }
@ -179,6 +181,8 @@ input[type="range"]::-webkit-slider-thumb:active {
background-color: #68ffd8; background-color: #68ffd8;
} }
input[type="range"]::-webkit-slider-runnable-track { input[type="range"]::-webkit-slider-runnable-track {
height: 12px;
border-radius: 6px;
background: linear-gradient(to right, var(--canvas-color) 0%, var(--canvas-color) var(--range-value), #bbb var(--range-value), #bbb 100%);; background: linear-gradient(to right, var(--canvas-color) 0%, var(--canvas-color) var(--range-value), #bbb var(--range-value), #bbb 100%);;
} }
@ -188,7 +192,6 @@ input[type="range"]::-webkit-slider-runnable-track {
.knob-container { .knob-container {
position: relative; position: relative;
} }
.knob-shadow { .knob-shadow {