Gathering detailed insights and metrics for css-vars-ponyfill
Gathering detailed insights and metrics for css-vars-ponyfill
Installations
npm install css-vars-ponyfillDeveloper Guide
BETA
Typescript
Yes
Module System
CommonJS
Node Version
20.10.0
NPM Version
10.2.3
Score
99
Supply Chain
91.7
Quality
76.2
Maintenance
100
Vulnerability
100
License
Releases
Unable to fetch releases
Download Statistics
Total Downloads
35,764,122
Last Day
5,396
Last Week
146,594
Last Month
629,025
Last Year
6,655,780
Bundle Size
22.63 kB
Minified
7.52 kB
Minified + Gzipped
Maintainers
1
Package Meta Information
Latest Version
2.4.9
Package Id
css-vars-ponyfill@2.4.9
Unpacked Size
628.67 kB
Size
159.23 kB
File Count
13
NPM Version
10.2.3
Node Version
20.10.0
Published on
Mar 05, 2024
Total Downloads
Cumulative downloads
Total Downloads
35,764,122
Last Day
-34.5%
5,396
Compared to previous day
Last Week
-11.1%
146,594
Compared to previous week
Last Month
0.6%
629,025
Compared to previous month
Last Year
-1.7%
6,655,780
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
2
Dev Dependencies
42
@babel/core@babel/plugin-transform-object-assign@babel/preset-env@rollup/plugin-babel@rollup/plugin-commonjs@rollup/plugin-json@rollup/plugin-node-resolve@webcomponents/webcomponentsjsbabel-loaderbabel-plugin-istanbulbabel-plugin-transform-custom-element-classesbrowser-syncchaichai-colorscompressioncpy-clicreate-elmses-checkeslinteslint-plugin-chai-expecteslint-plugin-mochajsdomkarmakarma-browserstack-launcherkarma-chaikarma-chrome-launcherkarma-coverage-istanbul-reporterkarma-eslintkarma-file-fixtures-preprocessorkarma-jsdom-launcherkarma-mochakarma-mocha-reporterkarma-sourcemap-loaderkarma-webpackmarkdownlint-climergicianmocharimrafrolluprollup-plugin-eslintrollup-plugin-terserwebpack
css-vars-ponyfill
A ponyfill that provides client-side support for CSS custom properties (aka "CSS variables") in legacy and modern browsers.
Features
- Client-side transformation of CSS custom properties to static values
- Live updates of runtime values in both modern and legacy browsers
- Transforms
<link>,<style>, and@importCSS - Transforms relative
url()paths to absolute URLs - Supports chained and nested
var()functions - Supports
var()function fallback values - Supports web components / shadow DOM CSS
- Watch mode auto-updates on
<link>and<style>changes - UMD and ES6 module available
- TypeScript definitions included
- Lightweight (6k min+gzip) and dependency-free
Limitations
- Custom property declaration support is limited to
:rootand:hostrulesets - The use of
var()is limited to property values (per W3C specification) - CSS changes made using CSSOM APIs are not supported (see #19, #23, #77, #154).
Browser Support
Chrome 19+
Edge 12+
Firefox 6+
IE 9+
Safari 6+
Usage & Options
See the documentation site for details.
Sponsorship
A sponsorship is more than just a way to show appreciation for the open-source authors and projects we rely on; it can be the spark that ignites the next big idea, the inspiration to create something new, and the motivation to share so that others may benefit.
If you benefit from this project, please consider lending your support and encouraging future efforts by becoming a sponsor.
Thank you! 🙏🏻
Contact & Support
- Follow 👨🏻💻 @jhildenbiddle on Twitter and GitHub for announcements
- Create a 💬 GitHub issue for bug reports, feature requests, or questions
- Add a ⭐️ star on GitHub and 🐦 tweet to promote the project
- Become a 💖 sponsor to support the project and future efforts
License
This project is licensed under the MIT License. See the MIT LICENSE for details.
Copyright (c) John Hildenbiddle (@jhildenbiddle)
No vulnerabilities found.
No security vulnerabilities found.