CSS style for a selected Language (Locale)

[smahi]

Hi,

I've created a new cutsom theme based on Blank theme, i have three storeviews ( for en, fr, and ar ).

I would like to know how to add css style for the currently selected language (Locale) ?

Please help.

[Bartek Igielski]

If I get this correctly, you want to have different CSS for every language.

Fist of all in you "themes.json" set param "localeOverwrites" to "true".

Then you need to follow this simple rule - path to overwriting file should be same as default file path when you remove "/l18n/lang_code".

For example, one of these files:

magento2/vendor/snowdog/theme-blank-sass/styles/blocks/i18n/en_US/_buttons.scss
magento2/vendor/snowdog/theme-blank-sass/styles/i18n/en_US/blocks/_buttons.scss
magento2/vendor/snowdog/theme-blank-sass/i18n/en_US/styles/blocks/_buttons.scss

Will overwrite:

magento2/vendor/snowdog/theme-blank-sass/styles/blocks/_buttons.scss