A collection of vendor prefixes designed to enhance cross-browser compatibility, ensuring your projects are accessible to all users, including those on older browsers.
- Comprehensive Prefix Support: Contains a wide array of vendor prefixes, ensuring compatibility across various browsers.
- Regular Updates: This repository is regularly updated to include new prefixes and maintain compatibility.
- Create a scss file in which you want to add the vendor prefixes
- Use an @use statement like this: @use "./vendor-prefix" as prefix
- Now if you want to use a prefix you just have to write prefix.[property], with property changing depending on what you want
@use "./vendor-prefix" as prefix;
.box {
@include prefix.animation(rotate 4s);
width: 5rem;
height: 5rem;
}
Compiles to:
.box {
-webkit-animation: rotate 4s;
-o-animation: rotate 4s;
-moz-animation: rotate 4s;
animation: rotate 4s;
width: 5rem;
height: 5rem;
}
This project will continue to be maintained. Upcoming updates will include:
- Expansion of the prefix list to encompass all vendor prefixes from older browsers, ensuring 100% accessibility.
Encountered an issue or have suggestions? Please create an issue on GitHub. Interested in collaboration or have questions? Reach out here!