input-range-scss
Version:
Sass component for customizing the input range using the native properties of each browser.
47 lines (34 loc) • 1.67 kB
Markdown
# Changelog
_Styling Cross-Browser Compatible Range Inputs with Sass / SCSS_
## 1.6.0
- Added `:focus-visible` for better accessibility.
- Improved alignment of the thumb across browsers.
- Added hover effects for the thumb for better user experience.
- Enhanced active track visibility during interaction.
- Applied opacity to disabled states for better visual feedback.
- Replaced `darken` and `lighten` with `color.adjust`.
- Ensured compatibility with Dart Sass 3.0.0 by avoiding deprecated global functions.
## 1.5.3
- Use of Sass' `math.div` on SCSS file. (thanks [Mitch J.](https://github.com/toBeOfUse))
## 1.5.2
- Range track and thumb tweaks for Mozilla Firefox. (thanks [Adam Jagosz](https://github.com/hyvyys))
## 1.5.1
- Correction of input cursor to default. (thanks [pichfl](https://github.com/pichfl))
## 1.5.0
- Added `:disabled` state. (thanks [mpavel](https://github.com/mpavel))
- Improved normalization across browsers. (thanks [guidezpl](https://github.com/guidezpl) and [GufNZ](https://github.com/GufNZ))
- Removed Firefox border outline on focus. (thanks [DeanPoulin](https://github.com/DeanPoulin))
## 1.4.1
- Fixing example page.
## 1.4.0
- NPM Package.
## 1.3.0
- Better default style and example page.
## 1.2.0
- Improvement in SCSS lint. (thanks [Dustin McCaffree](https://github.com/dMcCaffree))
## 1.1.1
- Fix track height in IE and thumb margin in Edge. (thanks [danclaydonpm](https://github.com/danclaydonpm) and [jenstornell](https://github.com/jenstornell))
## 1.1.0
- Make all variables as '!default'. (thanks [n0nick](https://github.com/n0nick))
## 1.0.1
- SCSS-Lint fix. (thanks [CookPete](https://github.com/CookPete))