From 649fce7b67f3c5e92e0e801af2c25fc99753b0ea Mon Sep 17 00:00:00 2001 From: Oliver Davies Date: Fri, 9 Sep 2022 18:00:00 +0100 Subject: [PATCH] refactor: flex basis plugin with options --- plugins/flex-basis-plugin.js | 22 ++++++++++++++++------ 1 file changed, 16 insertions(+), 6 deletions(-) diff --git a/plugins/flex-basis-plugin.js b/plugins/flex-basis-plugin.js index da46a0e..65fb6fa 100644 --- a/plugins/flex-basis-plugin.js +++ b/plugins/flex-basis-plugin.js @@ -1,11 +1,21 @@ let plugin = require("tailwindcss/plugin"); -let flexBasisPlugin = plugin(function ({ addBase, addUtilities }) { - let values = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100]; +let flexBasisPlugin = plugin.withOptions( + function (options) { + return function ({ addUtilities }) { + let values = options?.values ?? [10, 20, 30, 40, 50, 60, 70, 80, 90, 100]; - values.forEach((value) => { - addUtilities({ [`.flex-basis-${value}`]: { flexBasis: `${value}%` } }); - }); -}); + values.forEach((value) => { + addUtilities({ [`.flex-basis-${value}`]: { flexBasis: `${value}%` } }); + }); + }; + }, + + function (options) { + return { + values: options?.values ?? [], + }; + } +); module.exports = flexBasisPlugin;