Uh oh!
There was an error while loading.Please reload this page.
- Notifications
You must be signed in to change notification settings - Fork48
[feature] Styles to accept linear gradients.#149
-
Describe the feature Explain it's value / reasoning Additional context :root { But this does: :root { |
BetaWas this translation helpful?Give feedback.
All reactions
hi@learyjk
I'm not sure how I feel about putting a whole gradient into a variable, feels a little off.
But good news is that you can still add gradients to sliders;
<RangeSliderid="mySlider"range />
#mySlider .rangeBar {background:linear-gradient(90deg,var(--color1),var(--color2));}
There's a somewhat extra example in the docs;https://simeydotme.github.io/svelte-range-slider-pips/en/recipes/price-range/ ...
but I think it's a good idea for me to put 'gradients' as a topic under the styling section of the docs to help anyone like yourself :)
Cheers!
Replies: 1 comment
-
hi@learyjk But good news is that you can still add gradients to sliders; <RangeSliderid="mySlider"range /> #mySlider .rangeBar {background:linear-gradient(90deg,var(--color1),var(--color2));} There's a somewhat extra example in the docs;https://simeydotme.github.io/svelte-range-slider-pips/en/recipes/price-range/ ... but I think it's a good idea for me to put 'gradients' as a topic under the styling section of the docs to help anyone like yourself :) Cheers! |
BetaWas this translation helpful?Give feedback.
All reactions
This discussion was converted from issue #148 on September 24, 2024 03:07.