Need help with css-vars-ponyfill?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

jhildenbiddle
1.2K Stars 53 Forks MIT License 411 Commits 2 Opened issues

Description

Client-side support for CSS custom properties (aka "CSS variables") in legacy and modern browsers

Services available

!
?

Need anything else?

Contributors list

# 5,579
vanilla...
Shell
Markdow...
Vue.js
401 commits
# 34,661
vala
vuejs2
vuejs
pie
1 commit

css-vars-ponyfill

NPM Build Status Codacy Codecov License: MIT jsDelivr Tweet

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
    , 
    , and 
    @import
    CSS
  • 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
     and 
     changes
  • UMD and ES6 module available
  • TypeScript definitions included
  • Lightweight (6k min+gzip) and dependency-free

Limitations

  • Custom property declaration support is limited to
    :root
    and
    :host
    rulesets
  • The use of
    var()
    is limited to property values (per W3C specification)

Browser Support

| IE | Edge | Chrome | Firefox | Safari | | ---- | ---- | ------ | ------- | ------ | | 9+ | 12+ | 19+ | 6+ | 6+ |

Contact

License

This project is licensed under the MIT License. See the MIT LICENSE for details.

Copyright (c) John Hildenbiddle (@jhildenbiddle)

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.