GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → jhildenbiddle → Css Vars Ponyfill

jhildenbiddle / Css Vars Ponyfill

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

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

cssclientmodulepolyfillclient-sideshadowweb-componentshadow-domponyfill

Projects that are alternatives of or similar to Css Vars Ponyfill

get-css-data
A micro-library for collecting stylesheet data from link and style nodes
Stars: ✭ 29 (-97.51%)
Mutual labels:  web-component, module, shadow-dom, shadow
fromentries
Object.fromEntries() ponyfill (in 6 lines)
Stars: ✭ 62 (-94.68%)
Mutual labels:  polyfill, ponyfill
mini-create-react-context
(A smaller) polyfill for the react context API
Stars: ✭ 34 (-97.08%)
Mutual labels:  polyfill, ponyfill
Abortcontroller Polyfill
Polyfill for the AbortController DOM API and abortable fetch (stub that calls catch, doesn't actually abort request).
Stars: ✭ 273 (-76.59%)
Mutual labels:  polyfill, ponyfill
create-require
Polyfill for Node.js module.createRequire (<= v12.2.0)
Stars: ✭ 24 (-97.94%)
Mutual labels:  polyfill, module
shadow
Shadow dom support for Vue
Stars: ✭ 46 (-96.05%)
Mutual labels:  shadow-dom, shadow
svelte-webcomponents
A ready-to-use project template to build custom elements (web components) with Svelte 3 with support and examples for web components, jest, sass, nested components with props, eslinting, stylelinting, Github actions, propagating custom events from shadow-DOM to real-DOM etc.
Stars: ✭ 22 (-98.11%)
Mutual labels:  web-component, shadow-dom
Resize Observer Polyfill
A polyfill for the Resize Observer API
Stars: ✭ 1,530 (+31.22%)
Mutual labels:  polyfill, ponyfill
Fakeindexeddb
A pure JS in-memory implementation of the IndexedDB API
Stars: ✭ 373 (-68.01%)
Mutual labels:  polyfill, ponyfill
Resize Observer
Polyfills the ResizeObserver API.
Stars: ✭ 540 (-53.69%)
Mutual labels:  polyfill, ponyfill
Unfetch
🐕 Bare minimum 500b fetch polyfill.
Stars: ✭ 5,239 (+349.31%)
Mutual labels:  polyfill, ponyfill
Scroll Into View If Needed
Element.scrollIntoView ponyfills for things like "if-needed" and "smooth"
Stars: ✭ 811 (-30.45%)
Mutual labels:  polyfill, ponyfill
Core Js
Standard Library
Stars: ✭ 15,854 (+1259.69%)
Mutual labels:  polyfill, ponyfill
o9n
🖥 A screen.orientation ponyfill
Stars: ✭ 55 (-95.28%)
Mutual labels:  polyfill, ponyfill
Tickedoff
Tiny library (<200B gzip) for deferring something by a "tick"
Stars: ✭ 213 (-81.73%)
Mutual labels:  polyfill, ponyfill
web-streams-polyfill
Web Streams, based on the WHATWG spec reference implementation
Stars: ✭ 198 (-83.02%)
Mutual labels:  polyfill, ponyfill
React Web Component
Create Web Components with React
Stars: ✭ 221 (-81.05%)
Mutual labels:  web-component, shadow-dom
Promise Fun
Promise packages, patterns, chat, and tutorials
Stars: ✭ 3,779 (+224.1%)
Mutual labels:  polyfill, ponyfill
Clipboard Polyfill
📋 Simple copying on the web, with maximum browser compatibility.
Stars: ✭ 748 (-35.85%)
Mutual labels:  polyfill, ponyfill
Ponyfill
🦄 Like polyfill but with pony pureness
Stars: ✭ 945 (-18.95%)
Mutual labels:  polyfill, ponyfill
View All Similar Projects ➔

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 <link>, <style>, 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 <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 :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)

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].