Control Directives (Generated by SassMeister.com)

SassMeister-input.scss

// ----
// libsass (v3.2.5)
// ----

/*
Source: http://sass-lang.com/documentation/file.SASS_REFERENCE.html#control_directives__expressions
Source: http://www.sitepoint.com/sass-basics-control-directives-expressions/
Topic: Controll Directives
*/

/* if() */
@mixin test($condition) {
    $color: if($condition, blue, red);
    color:$color
}

.firstClass {
    @include test(true);
}

.secondClass {
    @include test(false);
}

/* @if */
// $type: monster;
// p {
//   @if $type == ocean {
//     color: blue;
//   } @else if $type == matador {
//     color: red;
//   } @else if $type == monster {
//     color: green;
//   } @else {
//     color: black;
//   }
// }

/* @for */

// @for $i from 1 through 5 {
//   .item-#{$i} { width: 2em * $i; }
// }

/* @for (to) */

// @for $i from 1 to 5 {
//   .item-#{$i} { width: 2em * $i; }
// }


/* @each */

// @each $animal in puma, sea-slug, egret, salamander {
  
//   .#{$animal}-icon {
//     background-image: url('/images/#{$animal}.png');
//   }
// }

/* @while */

// $i: 6;
// @while $i > 0 {
//   .item-#{$i} { width: 2em * $i; }
//   $i: $i - 2;
// }

SassMeister-output.css

/*
Source: http://sass-lang.com/documentation/file.SASS_REFERENCE.html#control_directives__expressions
Source: http://www.sitepoint.com/sass-basics-control-directives-expressions/
Topic: Controll Directives
*/
/* if() */
.firstClass {
  color: blue;
}

.secondClass {
  color: red;
}

/* @if */
/* @for */
/* @for (to) */
/* @each */
/* @while */