Sass-Selbstinspektionsfunktionen

Sass-Selbstinspektionsfunktionen

Introspection-Funktionen werden selten beim Aufbau von Style-Sheets verwendet.

Wenn der Code jedoch nicht ordnungsgemäß funktioniert, sind introspektive Funktionen sehr wertvoll - sie können klären, was passiert ist: zum Beispiel Debugging-Funktionen.

Die nachstehende Tabelle listet alle introspektiven Funktionen in Sass auf:

Funktion Beschreibung und Beispiel
call(function, arguments...) Rufen Sie eine Funktion mit Parametern auf und geben Sie das Ergebnis zurück.
content-exists() Überprüfen Sie, ob der @content-Block an den aktuellen Mixin übergeben wurde.
feature-exists(feature)

Überprüfen Sie, ob die aktuelle Sass-Implementierung die Funktion unterstützt. feature.

Beispiel:

feature-exists("at-error");

Ergebnis: wahr
function-exists(functionname)

Überprüfen Sie, ob die angegebene Funktion existiert.

Beispiel:

function-exists("nonsense")

Ergebnis: falsch
get-function(functionname, css: false) Rückgabe der angegebenen Funktion. Wenn css wahr ist, gibt es eine gewöhnliche CSS-Funktion zurück.
global-variable-exists(variablename)

Überprüfen Sie, ob die angegebene globale Variable existiert.

Beispiel:

variable-exists(a)

Ergebnis: wahr
inspect(value) Gibt die Stringdarstellung des Rückgabewerts zurück.
mixin-exists(mixinname)

Überprüfen Sie, ob der angegebene mixin existiert.

Beispiel:

mixin-exists("important-text")

Ergebnis: wahr
type-of(value)

Gibt den Typ des Rückgabewerts zurück. Dies kann sein:

  • number
  • string
  • color
  • list
  • map
  • bool
  • null
  • function
  • arglist

Beispiel:

type-of(15px)

Ergebnis: number

type-of(#ff0000)

Ergebnis: color
unit(number)

Gibt die mit der Zahl verbundene Einheit zurück.

Beispiel:

unit(15px)

Ergebnis: px
unitless(number)

Überprüfen Sie, ob die angegebene Zahl eine mit ihr verbundene Einheit hat.

Beispiel:

unitless(15px)

Ergebnis: falsch

unitless(15)

Ergebnis: wahr
variable-exists(variablename)

Überprüfen Sie, ob die angegebene Variable im aktuellen Aktionsbereich existiert.

Beispiel:

variable-exists(b)

Ergebnis: wahr