6.1.2 Funktionen

SCSS-Funktionen bieten eine leistungsstarke Möglichkeit, Berechnungen und Transformationen in Stylesheets durchzuführen. Wir liefern im RevPlus Profi-Theme für Shopware 6 einige praktische Funktionen mit aus, die beim Erstellen von Child Themes oder zur Anpassung von Stylesheets einen verbesserten Komfort bieten sollen.

Inhaltsverzeichnis

px zu rem Berechnung

/// @param {number} $size Pixels to be converted
/// @return {number} Relative value in rem
rem($size, $base: $fz-font-size-base)

Die Funktion rem() berechnet den rem-Wert basierend auf dem gegebenen Pixelwert.

Parameter für `rem` Funktion
Parameter	Typ	Optional	Standard	Beschreibung
`$size`	`number`			Pixelwert, der in rem umgerechnet werden soll
`$base`	`number`	Optional	`$fz-font-size-base`	Basis-Schriftgröße für die Berechnung

String-Funktionen

Text ersetzen

/// @param {String} $haystack - Initial string
/// @param {String} $needle - Substring to replace
/// @param {String} $replace ('') - New value
str-replace($haystack, $needle, $replace: '')

Die Funktion ersetzt alle Vorkommen von $needle in $haystack durch $replace. Wird kein $replace-Parameter übergeben, werden alle Vorkommen von $needle in $haystack entfernt.

Parameter für `str-replace` Funktion
Parameter	Typ	Optional	Standard	Beschreibung
`$haystack`	`string`			Ursprünglicher String, in dem ersetzt werden soll
`$needle`	`string`			Teilstring, der ersetzt werden soll
`$replace`	`string`	Optional	`''` (leerer String)	Neuer Wert, der eingesetzt werden soll

Text splitten

/// @param {String} $string - String, that need's to be splitted
/// @param {String} $separator - Separate string at all occurrences of `$separator`
str-split($string, $separator)

Die Funktion teilt einen String an allen Vorkommen des angegebenen Trennzeichens und gibt eine Map der geteilten Strings zurück.

Parameter für `str-splt` Funktion
Parameter	Typ	Optional	Standard	Beschreibung
`$string`	`string`			Der zu teilende String
`$separator`	`string`			Trennzeichen, an dem der String geteilt werden soll

Farb-Funktionen

Hex-Encode

/// @param {string} $string Color or string to encode
encodecolor($string)

Die Funktion encodiert Hex-Farbwerte für die Verwendung in URLs oder SVGs. Wenn die Farbe im Eingabewert mit # beginnt, wird sie in das Format %23RRGGBB umgewandelt.

Parameter für `encodecolor` Funktion
Parameter	Typ	Optional	Standard	Beschreibung
`$string`	`string`			Farbwert oder String, der encodiert werden soll
Zusätzliche Informationen Wenn der Eingabewert kein Farbwert ist oder nicht mit '#' beginnt, wird er unverändert zurückgegeben.