Mixin with Condition

by Muhammad Hassaan

HTML

<div class="button">Hello</div>

SCSS

@mixin size($size) {
  @if $size < 5 {
    color: #00f;
  } @else {
    color: #f00;
  }
}


.button {
  @include size(6);
  display: block;
  height: 20px;
}