2
0
mirror of https://github.com/iconify/iconify.git synced 2025-01-25 08:08:26 +00:00

45 lines
1.1 KiB
TypeScript
Raw Normal View History

2023-01-11 17:42:21 +02:00
import plugin from 'tailwindcss/plugin';
import { getCSSRulesForIcons } from './clean';
import { getDynamicCSSRules } from './dynamic';
import type {
CleanIconifyPluginOptions,
DynamicIconifyPluginOptions,
} from './options';
2023-01-11 17:42:21 +02:00
/**
* Generate styles for dynamic selector: class="icon-[mdi-light--home]"
2023-01-11 17:42:21 +02:00
*/
export function addDynamicIconSelectors(options?: DynamicIconifyPluginOptions) {
const prefix = options?.prefix || 'icon';
return plugin(({ matchComponents }) => {
matchComponents({
2024-04-28 19:12:49 +03:00
[prefix]: (icon: string) => {
try {
return getDynamicCSSRules(icon, options);
} catch (err) {
// Log error, but do not throw it
console.error(err.message);
}
},
});
});
}
/**
* Generate styles for preset list of icons
*/
export function addCleanIconSelectors(
icons: string[] | string,
options?: CleanIconifyPluginOptions
2023-01-11 17:42:21 +02:00
) {
const rules = getCSSRulesForIcons(icons, options);
return plugin(({ addUtilities }) => {
addUtilities(rules);
2023-01-11 17:42:21 +02:00
});
}
/**
* Export types
2023-01-11 17:42:21 +02:00
*/
export type { CleanIconifyPluginOptions, DynamicIconifyPluginOptions };