DEV-catppuccin/tailwindcss
1
0
Fork 0
mirror of https://github.com/catppuccin/tailwindcss.git synced 2026-01-09 05:01:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: add custom prefix support for the theme selector class name

Browse Source
This commit is contained in:
winston 2022-06-12 22:23:38 +02:00
parent 3b555319a6
commit 2c12625b8f
No known key found for this signature in database
GPG Key ID: 3786770EDBC2B481
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
plugin.js
View File

@ -39,15 +39,19 @@ const parseHexToRGB = (hex) => {
};
// generates the css variables, injected in the addBase() function
const generateColorCss = (defaultFlavour = "mocha") => {
const generateColorCss = (defaultFlavour = "mocha", prefix = false) => {
const result = {};
variants.map((variant) => {
const variantClass =
variant === defaultFlavour ? ":root" : `.${variant}`;
// if a prefix is defined, use e.g. '.ctp-mocha' instead of '.mocha'
const className = prefix ? `.${prefix}-${variant}` : `.${variant}`;
// if the current variant is defaultFlavour, add to ':root'
const keyName = variant === defaultFlavour ? ":root" : className;
result[variantClass] = {};
colours.map((colour) => {
result[variantClass][`--ctp-${colour}`] = parseHexToRGB(
palette[variant][colour]
palette[keyName][colour]
);
});
});
@ -85,7 +89,7 @@ const colourConfigKeys = [
module.exports = plugin.withOptions(
(options) => {
return ({ addBase }) => {
addBase(generateColorCss(options?.defaultFlavour));
addBase(generateColorCss(options?.defaultFlavour, options?.prefix));
};
},
(options) => {