Hallo zusammen,
ich möchte gerne statt typoscript Variablen css-Variablen nutzen, da es mit dem aktuellen ws_scss Probleme gibt. Was muss ich nun tun, damit es funktioniert. Meine projektbezogenen SCSS-Dateien liegen im fileadmin-Bereich. Also in keiner gesonderten Sitepackage-Extension. Ich habe jedoch auch einige Extensions integriert, auf welche die Variablen ebenfalls zurückgreifen sollen.
Ich bekomme die Variablen jedoch nicht zum Laufen. Meine Datei _variables.scss liegt wie auch die anderen SCSS-Dateien im fileadmin-Bereich.
/fileadmin/template/scss/_variables.scss
:root {
--main-bg-color: blue;
}
ich möchte, dass diese Datei allen SCSS-Dateien vorangestellt wird. Also auch den Dateien, die in meinen individuellen Extensions enthalten sind.
Ist das so richtig? (Nutze ws_scss)
plugin.tx_wsscss.settings {
prependScss = "@import 'variables';"
includePaths = {$baseDir}/scss/
}
styles.scss
#headerWrap {
background-color: var(--main-bg-color) !important;
}
Aber wie gesagt klappt das leider nicht. Was muss ich tun?
Update:
Wenn ich alles in eine Datei schreiben würde. Also in die styles.scss auch das was in der _variables.scss steht direkt reinschreibe, dann geht es. Möchte die Datei jedoch global verwalten und wie geschrieben auch gerne in meinen Extensions nutzen.