Own Variables

If you like to use other SCSS variables then the predefined, you can extend your TypoScript. This saves effort, if a variable is used in SCSS.

Sample

The variable $my-content-border is defined in some.scss like

$my-content-border = 1px solid #FDFDFD !default;

You can allocate your value by this code in the TypoScript setup:

lib.scssVariables.my-content-border = 1px solid smart-scale($topbar-background, 20%, 40%)

Clean up CSS

See Administrators > Best practice > SCSS > Clean up