All Projects → thomaspark → scoper

thomaspark / scoper

Licence: MIT license
A polyfill for scoped HTML styles elements

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to scoper

scoped
Scoped CSS polyfill
Stars: ✭ 67 (-15.19%)
Mutual labels:  polyfill, scoped
Personal-Emotional-Stylized-Dialog
A Paper List for Personalized, Emotional, and stylized Dialog
Stars: ✭ 112 (+41.77%)
Mutual labels:  style
Poly Flif
📷 A poly-fill for the FLIF image format.
Stars: ✭ 243 (+207.59%)
Mutual labels:  polyfill
polyfill-useragent-normaliser
No description or website provided.
Stars: ✭ 23 (-70.89%)
Mutual labels:  polyfill
Pressure
👇💥 JavaScript library for handling Force Touch, 3D Touch, and Pointer Pressure.
Stars: ✭ 2,785 (+3425.32%)
Mutual labels:  polyfill
madosel
Modasel is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps that look amazing on any device. Madosel is semantic, readable, flexible, and completely customizable.
Stars: ✭ 39 (-50.63%)
Mutual labels:  style
React Native Fetch Blob
This project was started in the cause of solving issue facebook/react-native#854, React Native's lacks of Blob implementation which results into problems when transferring binary data.
Stars: ✭ 2,593 (+3182.28%)
Mutual labels:  polyfill
CustomWebRadioButton
An example of a make radio-button design on the web.
Stars: ✭ 15 (-81.01%)
Mutual labels:  style
create-require
Polyfill for Node.js module.createRequire (<= v12.2.0)
Stars: ✭ 24 (-69.62%)
Mutual labels:  polyfill
MixPoet
Source codes of MixPoet: Diverse Poetry Generation via Learning Controllable Mixed Latent Space (AAAI 2020)
Stars: ✭ 141 (+78.48%)
Mutual labels:  style
YC.Marketing
提供预约、会员、订单、数据统计功能采用WPF MVVM
Stars: ✭ 30 (-62.03%)
Mutual labels:  style
Adapter
Shim to insulate apps from spec changes and prefix differences. Latest adapter.js release:
Stars: ✭ 3,002 (+3700%)
Mutual labels:  polyfill
MoalemYar
A personal project for class management, using various technologies like WPF, Entityframwork, CodeFirst, Sqlite, Migration and more
Stars: ✭ 53 (-32.91%)
Mutual labels:  style
Webxr Polyfill
Use the WebXR Device API today, providing fallbacks to native WebVR 1.1 and Cardboard
Stars: ✭ 251 (+217.72%)
Mutual labels:  polyfill
es6-proxy-polyfill
ES6 Proxy polyfill, supports IE8+, Node.js, etc.
Stars: ✭ 49 (-37.97%)
Mutual labels:  polyfill
Eslint Plugin Compat
Lint the browser compatibility of your code
Stars: ✭ 2,743 (+3372.15%)
Mutual labels:  polyfill
get-css-data
A micro-library for collecting stylesheet data from link and style nodes
Stars: ✭ 29 (-63.29%)
Mutual labels:  style
geostyler-openlayers-parser
GeoStyler Style Parser implementation for OpenLayers styles
Stars: ✭ 26 (-67.09%)
Mutual labels:  style
barcode-detector
Spec compliant polyfill of the Barcode Detection API 🤳
Stars: ✭ 31 (-60.76%)
Mutual labels:  polyfill
react-native-polyfill-globals
Polyfills and patches missing or partially supported web and core APIs.
Stars: ✭ 20 (-74.68%)
Mutual labels:  polyfill

Scoper

A polyfill for scoped HTML style elements.

Quick Start

Just include scoper.js on your page to start using scoped HTML style elements.

Install via npm: npm install css-scoper

How It Works

Each <style scoped> element's parent is wrapped with a span that is given a unique ID. Its rules are moved to head and all selectors prepended with their respective ID.

Scoper is only active when the page contains scoped styles and the browser doesn't support them.

Tests

Tests can be run with the command mocha test/test.js.

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