The t3sbootstrap extension offers two methods for managing custom SCSS properties:

1. Storing in fileadmin:
   • Location: fileadmin/T3SB/Resources/Public/T3SB-SCSS/
2. Storing in the t3sb_package Extension:
   • Location: EXT:t3sb_package/Resources/Public/T3SB-SCSS/

In order to activate the second option :

• Enable Custom SCSS: In Config/System/settings.php, set customScss = 1 and sitepackage = 1.
• Execute t3sbootstrap:cdnToLocal cron job in order to move JS and CSS files from CDN to local [ under t3sb_package extension ].
• Edit custom.scss and custom-variables.scss files under EXT:t3sb_package/Resources/Public/T3SB-SCSS/ folder as needed.
• Clean up temporary files located at typo3temp/assets/t3sbootstrap/css/.
• Clear Backend Caches.

Important Notes:

• Custom SCSS files must be named custom.scss and custom-variables.scss to be recognized.
• If you want to include additional SCSS files from a custom extension (e.g., my_sitepackage), you must @import your SCSS into the t3sb_package custom SCSS files. Without this, your custom SCSS will not be applied.