All Projects → darlanrod → Input Range Scss

darlanrod / Input Range Scss

Licence: mit
Styling Cross-Browser Compatible Range Inputs with Sass

Projects that are alternatives of or similar to Input Range Scss

Formbase
Better default styles for common input elements.
Stars: ✭ 560 (+105.88%)
Mutual labels:  design, form, input, scss
Style Resources Loader
CSS processor resources loader for webpack
Stars: ✭ 214 (-21.32%)
Mutual labels:  style, scss, sass
Fast
Develop, build, deploy, redeploy, and teardown frontend projects fast.
Stars: ✭ 126 (-53.68%)
Mutual labels:  scss, sass, front-end
Skeleton Sass
Skeleton Sass is a highly modular version of Skeleton CSS
Stars: ✭ 151 (-44.49%)
Mutual labels:  design, scss, sass
Cirrus
☁️ The CSS framework for the modern web.
Stars: ✭ 716 (+163.24%)
Mutual labels:  scss, sass, front-end
Refills
Refills is maintained by the thoughtbot design team. It is funded by thoughtbot, inc. and the names and logos for thoughtbot are trademarks of thoughtbot, inc.
Stars: ✭ 1,523 (+459.93%)
Mutual labels:  scss, sass, front-end
Uix Kit
A free UI toolkit based on some common libraries for building beautiful responsive website, compatible with Bootstrap v4.
Stars: ✭ 318 (+16.91%)
Mutual labels:  design, sass, front-end
Quickmenu
The new era of mobile navigation for the web, we're out of hamburgers.
Stars: ✭ 119 (-56.25%)
Mutual labels:  scss, sass, front-end
Sierra
Sierra SCSS library
Stars: ✭ 852 (+213.24%)
Mutual labels:  npm-package, scss, sass
React Pro Sidebar
Customizable and responsive react sidebar library with dropdown menus and unlimited number of nested submenus
Stars: ✭ 359 (+31.99%)
Mutual labels:  npm, npm-package, scss
Vanilla Framework
From community websites to web applications, this CSS framework will help you achieve a consistent look and feel.
Stars: ✭ 476 (+75%)
Mutual labels:  npm, npm-package, sass
Avalanche
A package based CSS framework.
Stars: ✭ 86 (-68.38%)
Mutual labels:  npm, scss, sass
Portfolio
📰 Meu portfólio criado com o objetivo de mostrar meus projetos recentes e futuros ao longo da minha carreira.
Stars: ✭ 178 (-34.56%)
Mutual labels:  design, scss, front-end
Sass A11ycolor
🌈 Generate the nearest accessible color with Sass.
Stars: ✭ 24 (-91.18%)
Mutual labels:  npm, scss, sass
100 Days Of Code Frontend
Curriculum for learning front-end development during #100DaysOfCode.
Stars: ✭ 2,419 (+789.34%)
Mutual labels:  npm, sass, front-end
react-simple-range
🔉 React slider component for inputting a numeric value within a range.
Stars: ✭ 20 (-92.65%)
Mutual labels:  input, range
react-native-input-prompt
A cross-platform user input prompt component for React Native with Native UI.
Stars: ✭ 45 (-83.46%)
Mutual labels:  input, npm-package
dynamic-input-fields-reactjs
Example of the dynamic input fields in ReactJS
Stars: ✭ 31 (-88.6%)
Mutual labels:  input, form
ColorPick.js
A simple and minimal jQuery color picker plugin for the modern web.
Stars: ✭ 48 (-82.35%)
Mutual labels:  design, style
react-file-input-previews-base64
This package provides an easy to use, ready to go and customizable wrapper around file input, with option for image previews and returning file as base64 string.
Stars: ✭ 15 (-94.49%)
Mutual labels:  input, form

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].