Home > @lynx-js/template-webpack-plugin > LynxTemplatePluginOptions > customCSSInheritanceList

LynxTemplatePluginOptions.customCSSInheritanceList property

When is enabled, customCSSInheritanceList can control which properties are inheritable, not just the default ones.

Signature:

customCSSInheritanceList: string[] | undefined;

Example

By setting customCSSInheritanceList: ['direction', 'overflow'], only the direction and overflow properties are inheritable.

import { defineConfig } from '@lynx-js/rspeedy'

export default defineConfig({
 plugins: [
   pluginReactLynx({
     enableCSSInheritance: true,
     customCSSInheritanceList: ['direction', 'overflow']
   }),
 ],
}