Security News
JavaScript Leaders Demand Oracle Release the JavaScript Trademark
In an open letter, JavaScript community leaders urge Oracle to give up the JavaScript trademark, arguing that it has been effectively abandoned through nonuse.
tiny-css-prefixer
Advanced tools
tiny-css-prefixer
Bare essentials CSS prefixing helpers in less than 1KB 🌈
Currently supports prefixing properties for most browsers as it makes sense.
See SUPPORT.md
for more information on which prefixes and transformations have been omitted.
The API is fairly straightforward and only consists of two functions, prefixProperty
and prefixValue
.
prefixProperty('margin'); // 0b000
prefixProperty('appearance'); // 0b110
prefixValue('color', 'palevioletred'); // 'palevioletred'
prefixValue('position', 'sticky'); // '-webkit-sticky, sticky'
prefixProperty
returns a bitmap depending on which prefix should be
applied:
0b001
stands for -ms-
0b010
stands for -moz-
0b100
stands for -webkit
These are combined using a binary OR, so an example usage of the
prefixProperty
helper may look like the following:
const prefix = (prop, value) => {
const flag = prefixProperty(prop);
let css = `${prop}: ${value};\n`;
if (flag & 0b001) css += `-ms-${css}`;
if (flag & 0b010) css += `-moz-${css}`;
if (flag & 0b100) css += `-webkit-${css}`;
return css;
};
Additionally prefixValue
can accept full declarations to avoid
having to apply it before concatenation, which can be useful in case
you're trying to minimise string operations:
const declaration = 'position: sticky';
prefixValue(declaration, declaration); // 'position: -webkit-sticky, sticky'
FAQs
CSS prefixing helpers in less than 1KB
The npm package tiny-css-prefixer receives a total of 539 weekly downloads. As such, tiny-css-prefixer popularity was classified as not popular.
We found that tiny-css-prefixer 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
In an open letter, JavaScript community leaders urge Oracle to give up the JavaScript trademark, arguing that it has been effectively abandoned through nonuse.
Security News
The initial version of the Socket Python SDK is now on PyPI, enabling developers to more easily interact with the Socket REST API in Python projects.
Security News
Floating dependency ranges in npm can introduce instability and security risks into your project by allowing unverified or incompatible versions to be installed automatically, leading to unpredictable behavior and potential conflicts.