@unocss/rule-utils

What is @unocss/rule-utils?

@unocss/rule-utils is a utility package designed to assist with the creation and management of rules in UnoCSS, a highly customizable and performant utility-first CSS framework.

What are @unocss/rule-utils's main functionalities?

Rule Creation

This feature allows you to create custom CSS rules easily. In the example, a rule for setting the background color to red is created.

const { createRule } = require('@unocss/rule-utils');

const rule = createRule('bg-red', { 'background-color': 'red' });
console.log(rule);

Rule Matching

This feature helps in matching a given rule with a specific pattern. The example checks if the rule matches the 'bg-red' pattern.

const { matchRule } = require('@unocss/rule-utils');

const rule = { 'background-color': 'red' };
const isMatch = matchRule('bg-red', rule);
console.log(isMatch);

Rule Parsing

This feature parses a rule string into a more usable format. The example parses the 'bg-red' rule string.

const { parseRule } = require('@unocss/rule-utils');

const ruleString = 'bg-red';
const parsedRule = parseRule(ruleString);
console.log(parsedRule);

Other packages similar to @unocss/rule-utils

postcss

PostCSS is a tool for transforming CSS with JavaScript plugins. It offers a wide range of functionalities for CSS processing, including rule creation and manipulation, similar to @unocss/rule-utils, but with a broader scope.

stylelint

Stylelint is a modern linter that helps you avoid errors and enforce conventions in your styles. It provides functionalities for rule matching and validation, similar to @unocss/rule-utils, but focuses more on linting and enforcing style rules.

csstree

CSSTree is a tool for working with CSS, including parsing, generating, and analyzing CSS. It offers functionalities for rule parsing and manipulation, similar to @unocss/rule-utils, but with a focus on detailed CSS analysis and transformation.

README

@unocss/rule-utils

The utilities for creating rules/presets for UnoCSS.

License

MIT License © 2021-PRESENT Anthony Fu