]> git.ipfire.org Git - thirdparty/foundation/foundation-sites.git/commit
Fix native range thumb styles on Webkit (Chrome/Safari) 10562/head
authorRichard Taylor <richardt@comcarde.com>
Mon, 21 Aug 2017 11:20:46 +0000 (12:20 +0100)
committerRichard Taylor <richardt@comcarde.com>
Mon, 21 Aug 2017 11:20:46 +0000 (12:20 +0100)
commit0abc9a2a788f6547b09c0a6c1fb32515888d6b68
treeb23dc34303198779cb7039842b6f36dd2fc7e7c6
parent26475ef192727333d8ad8c0e5cbff4be06ea15e4
Fix native range thumb styles on Webkit (Chrome/Safari)

The range slider's thumb was not styling correctly on Chrome or Safari.
This was simply because the pseudo-element `::-webkit-slider-thumb`
had been incorrectly written as `::-wekit-slider-handle` in `scss/forms/_range.scss`.

This revision fixes it to correctly use `::-webkit-slider-thumb`.

Test Plan:
- Run `npm start`
 - View `slider.html` in the docs in Chrome and check the range
   slider's thumb is now styled correctly.
 - View the docs in Firefox and Edge and ensure they are still correct.
- Run `npm run test:sass` and ensure all the tests still pass
scss/forms/_range.scss