diff --git a/src/plugins/components/input/index.ts b/src/plugins/components/input/index.ts index ba5436a..3c4931f 100644 --- a/src/plugins/components/input/index.ts +++ b/src/plugins/components/input/index.ts @@ -99,13 +99,6 @@ export default plugin(({ addComponents, theme }) => { [`@apply transition-${config.input.action.transition.property} duration-${config.input.action.transition.duration}`]: {}, }, - //Focus:color - '&.nui-input-focus': { - '.nui-input': { - [`@apply focus:border-${config.input.focus.border.color.light} dark:focus:border-${config.input.focus.border.color.dark}`]: - {}, - }, - }, //Rounded:sm '&.nui-input-rounded': { '.nui-input': { @@ -285,6 +278,17 @@ export default plugin(({ addComponents, theme }) => { {}, }, }, + //Focus:color + '&.nui-input-focus': { + '.nui-input': { + //Focus + [`@apply focus:!border-${config.input.focus.border.color.light} dark:focus:!border-${config.input.focus.border.color.dark}`]: + {}, + //Force focus + [`@apply focus:hover:!border-${config.input.focus.border.color.light} dark:focus:hover:!border-${config.input.focus.border.color.dark}`]: + {}, + }, + }, //Input:not loading '&:not(.nui-input-loading)': { '.nui-input:placeholder-shown ~ .nui-label-float': {