Table of Contents
URL: https://www.progressiverobot.com/sass-if-else-statements/
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.
