css-injector
Advanced tools
Readme
Creates stylesheets out of strings
NOTE: As of v1.1.0, css-injector is now a simple node module. It is no longer a "modified node module" (containing its own extra closure for use directly in a browser).
Bakes one or more baseline mandatory stylesheets into your JavaScript -- i.e., without having to depend on an external .css file. You supply css rules as strings and cssInjector creates <style>...</style> elements and inserts them into your <head>...</head> element (wherever else you want).
cssInjector(stylesheet [ , id [ , refereneceElement ] ] );
where:
stylesheet is a string or a list of strings containing css rules.id is an optional string that will get assigned to the <style> tag's id attributereferenceElement is an optional DOM Element or a string containing a css selector that resolves to a DOM element or null. Including this parameter forces the new <style>...</style> element to be inserted just before the given element. If omitted (or undefined), the new stylesheet is injected at top of <head>...</head> element. If null, it is inserted at the bottom of the <head>...</head> element.var stylesheet = [
'div {',
' background-color: red;',
' color: yellow;'
'}'
];
cssInjector(stylesheet);
Detailed API docs can be found here.
A demo can be found here.
To use in a browser, you have two options:
css-injector.js or css-injector.min.js available on the Github pages CDN.See the note Regarding submodules for important information on cloning this repo or re-purposing its build template.
FAQs
Creates stylesheets out of strings
We found that css-injector demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
CISA launched a new project called Vulnrichment to enrich CVEs with details that help prioritize patching and mitigation efforts, as the NVD backlog of unenriched CVEs awaiting analysis surpasses 10,000.
Security News
Socket is joining forces with CISA and other industry leaders at the RSA Conference to sign the Secure by Design pledge, committing to uphold the highest security standards in our products.
Research
The Socket research team breaks down a sampling of malicious packages that download and execute files, among other suspicious behaviors, targeting the popular Discord platform.