Verifica se il valore è un numero intero in Sass

Question

Come posso verificare se un valore è un numero intero in Sass?

Ho visto alcuni documenti che affermavano che esisteva una funzione int? ma non penso di usarla correttamente. Questo, o ho frainteso la documentazione.

Attualmente sto facendo questo, ma sto ottenendo un errore:

int?(16) 

Answer 1

Chris Eppstein helpe io lavoro fuori. Piuttosto facile a ben vedere:

round($n) == $n 

Answer 2

• (Bool) adimensionale (numero)

ispeziona l'unità del numero, restituendo un valore booleano che indica se è senza unità.

Esempi:

unitless(100) => true 

    unitless(100px) => false 

Parametri: (letterale) - Il numero di ispezionare

Returns: (bool) - o meno il numero è senza unità

Aumenti: (ArgumentError) - se il numero non è un numero

Answer 3

Giusto per farvi sapere, ho messo l'approccio di Chris in una funzione Sass. Lo puoi trovare on Github e on npm.

Fa la stessa cosa essenzialmente, ma è avvolto in una funzione riutilizzabile.

Si può usare in questo modo:

.selector { 
    @if is-int(16) { 
     color: red; 
    } 
} 

che in questo caso le uscite:

.selector { 
    color: red; 
}