Style the Angular Material Slider so that it is thicker / taller

Question

I\'m having problems finding the magic sauce here.. It doesn\'t look like the API supports it, so I guess I\'m looking for some CSS to make the slider bigger.

Answer 1

The most direct solution is probably to use transform. Something like:

my-slider {
    transform: scale(2);
}

See MDN for more details: https://developer.mozilla.org/en-US/docs/Web/CSS/transform