Funzioni di introspezione Sass

Funzioni di introspezione Sass

Le funzioni introspective (Introspection) vengono utilizzate raramente durante la costruzione delle tabelle di stili.

Ma se il codice non funziona correttamente, le funzioni introspective sono molto utili - possono chiarire cosa è successo: ad esempio, le funzioni di debug.

La tabella seguente elenca tutte le funzioni introspective di Sass:

Funzione Descrizione e esempio
call(function, arguments...) Chiamare la funzione con parametri e restituire il risultato.
content-exists() Controlla se il mixin corrente è stato passato il blocco @content.
feature-exists(feature)

Controlla se l'implementazione corrente di Sass supporta questa feature.

Esempio:

feature-exists("at-error");

Risultato: true
function-exists(functionname)

Controlla se esiste la funzione specificata.

Esempio:

function-exists("nonsense")

Risultato: false
get-function(functionname, css: false) Restituisce la funzione specificata. Se css è vero, restituirà una funzione CSS comune.
global-variable-exists(variablename)

Controlla se esiste la variabile globale specificata.

Esempio:

variable-exists(a)

Risultato: true
inspect(value) Restituisce la rappresentazione in stringa del valore di ritorno.
mixin-exists(mixinname)

Controlla se esiste il mixin specificato.

Esempio:

mixin-exists("important-text")

Risultato: true
type-of(value)

Restituisce il tipo del valore. Può essere:

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

Esempio:

type-of(15px)

Risultato: number

type-of(#ff0000)

Risultato: color
unit(number)

Restituisce l'unità associata al numero.

Esempio:

unit(15px)

Risultato: px
unitless(number)

Controlla se il numero specificato ha unità correlate.

Esempio:

unitless(15px)

Risultato: false

unitless(15)

Risultato: true
variable-exists(variablename)

Controlla se la variabile specificata esiste nell'ambito corrente.

Esempio:

variable-exists(b)

Risultato: true