Sass - Introspection Functions
The functions in this group allow you to examine the state of Sass itself. You won't use them often when you're building stylesheets, but they're invaluable for figuring out what's going on when something doesn't work quite the way you expected it to.
| Function | Description | Examples | Result |
|---|---|---|---|
| variable-exists($name) | Returns a Boolean value indicating whether the specified variable exists, either globally or in the current scope | $a: 10px; | true |
| variable-exists($not-declared) | false | ||
| global-variable-exists($name) | Returns a Boolean value indicating whether the specified variable exists at the global level | $a: 10px; global-variable-exists(a); |
true |
| mixin-exists($name) | Returns a Boolean value indicating whether the specified mixin exists | @mixin text-color {color: red; } | true |
| inspect($value) | Returns $value as it is represented by Sass. | inspect(12) | "12" |
| type-of($value) | Returns a string containing the Sass data type of $value | type-of(1 2 3) | "list" |
| unit($number) | Returns the unit associated with a number, or an empty string if the number is unitless | $a: 10px; | "px" |
| $a: 10; | "" | ||
| unitless($number) | Returns a Boolean value indicating whether the specified number has a unit associated with it | $a: 10px; | false |
| comparable($number1, $number2) | Returns a Boolean value indicating whether the specified numbers can be added, subtracted or compared | comparable(1em, 4em) | true |
| comparable(1em, 3px) | false | ||
| comparable(1em, 5) | true |