An if statement is handy for checking if a variable exists or matches something:
$var: true !default; // Can be overridden elsewhere
@if $var == true {
// Conditional code
}
$other: single;
@if $other == single {
// Code for if it’s single
} @else if $other == double {
// Double code
} @else {
// Default if it’s neither
}
Make sure that if your variable properties are stored with ’
quotes around them, your @if
statement checks that too. (e.g. $other ==‘single’
).
if
statements can be useful for mixins for checking variables or in libraries to include or exclude code.
Join our DigitalOcean community of over a million developers for free! Get help and share knowledge in our Questions & Answers section, find tutorials and tools that will help you grow as a developer and scale your project or business, and subscribe to topics of interest.
Sign up