The t3sbootstrap extension offers two methods for managing custom SCSS properties:
- Storing in fileadmin:
- Location:
fileadmin/T3SB/Resources/Public/T3SB-SCSS/
- 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.