@unocss/rule-utils

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);