Dear JoomlArt team,
I'm experiencing a strange issue with the T4 framework.
Whenever I try to compile the variables.scss file using the Tools tab in the T4 framework, I receive the following error:
$color2: var(--color-primary) is not a color.: ../../scss/../../../plugins/system/t4/themes/base/scss/../vendors/bootstrap5/scss/functions.scss on line 212...****
What makes this especially strange is that the variables.scss file is currently completely empty. Yet the compilation error still persists.
Some context: Up until recently, I placed my custom CSS in the variables.scss file (which I now realize was not ideal — but it worked fine for quite a while). At that time, the SCSS compiled and was reflected on the frontend.
Only recently did this compilation error appear. I then migrated my custom styles to custom.css, placed in:
/templates/ja_blockk/local/css/custom.css
I now edit this file via the T4 “Edit Custom CSS” tool. It partially works: changes to my own custom classes (like .margin-top-plus-20) are visible on the frontend. But changes to existing classes (such as body, .t4-header, etc.) seem to be ignored — even when I use !important.
Also, the SCSS compilation error remains, even though the variables.scss file is completely empty.
Could you please help me resolve this situation?
Technical details:
Joomla: 5.2.5
T4 Plugin: 2.4.6
JA Blockk template: 2.1.1
Kind regards,
TW van Urk
