Hallo zusammen,
ich möchte gern etwas tricksen und in einem fluid asset.css die Bootstrap 5.3 Variable manipulieren.
Mein Ansatz bisher, welcher auch funktioniert (hab den Code auf das Wichtigste eingekürzt):
<f:asset.css identifier="customerCss_Colors" priority="true" importance="true">
:root {
--bs-link-color: {settings.page.customisation.colors.primary-hex};
}
</f:asset.css>
Nun will ich z.B. noch weitere Farben manipulieren, z. B. link-hover welcher darken($primary, 20) sein soll.
Hat hier Jemand von euch Erfahrung oder einen Tipp, wie ich das im fluid-helper umsetzen kann?
Was nicht funktioniert ist:
<f:asset.css identifier="customerCss_Colors" priority="true" importance="true">
:root {
--bs-link-color: {settings.page.customisation.colors.primary-hex};
--bs-link-hover-color: #{darken({settings.page.customisation.colors.primary-hex}, 20)};
}
</f:asset.css>