js/shoelace
1
0
Fork 0
mirror of https://github.com/shoelace-style/shoelace.git synced 2026-01-12 11:09:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add --track-color to range

Browse Source
This commit is contained in:
Cory LaViska
2020-08-16 11:24:58 -04:00
parent 2ffc1de1b6
commit b402f2f2ab
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/range/range.scss
View File

@@ -3,6 +3,7 @@
:host {
--thumb-size: 20px;
--tooltip-offset-y: 10px;
--track-color: var(--sl-color-gray-90);
--track-height: 6px;
display: block;
@@ -23,7 +24,7 @@
&::-webkit-slider-runnable-track {
width: 100%;
height: var(--track-height);
background-color: var(--sl-color-gray-90);
background-color: var(--track-color);
border-radius: 3px;
border: none;
}
@@ -67,7 +68,7 @@
&::-moz-range-track {
width: 100%;
height: var(--track-height);
background-color: var(--sl-color-gray-90);
background-color: var(--track-color);
border-radius: 3px;
border: none;
}