input-range-scss

1.5.3 • Public • Published

Styling Cross-Browser Compatible Range Inputs with Sass / SCSS

Sass component for customizing the input range using the native properties of each browser. Based on article Styling Cross-Browser Compatible Range Inputs with CSS from CSS Tricks blog.

NPM Package

npm i input-range-scss

Features

  • Variables for easy customization
  • Uses the native properties of each browser
  • Preserves accessibility
  • Cross-browser compatible

Example

Input range native and custom on browsers

Changelog

To see the change history of this project, check out the changelog.md file.

See Also

Input range browser support

Package Sidebar

Install

npm i input-range-scss

Weekly Downloads

625

Version

1.5.3

License

MIT

Unpacked Size

27.6 kB

Total Files

8

Last publish

Collaborators

  • darlanrod