Birimi Numaraya Doğru Bir Şekilde Ekleme - CSS Hileleri

Birimsiz bir sayıyı bir uzunluğa, süreye, açıya veya başka bir şeye dönüştürürken, insanlar birimi basitçe bir dizge olarak ekleme eğilimindedir, örneğin:

$value: 42; $length: $value + px; // 42px

Bu yöntem işe yarasa da ideal olmaktan uzaktır çünkü ilk değerin örtük olarak bir dizge olarak dönüştürülmesine neden olur. Nitekim, bundan sonra $lengthdeğerle matematik yapmaya çalışırsanız , Sass'ın hızlı bir şekilde bir hata attığını görürsünüz çünkü bir dizeyle matematik operatörleri yapamaz.

Bu sorunu çözmek için, bunu doğru bir şekilde yapmanın iki yolu vardır:

$value: 42; $length: $value + 0px; // 42px

$value: 42; $length: $value * 1px; // 42px

Bu yöntemlerden herhangi biri, beklendiği gibi doğru bir sayı üretecektir, bir dize değil.