sass-site/source/code-snippets/example-if.liquid

{% codeExample 'example-if' %}
  @mixin avatar($size, $circle: false) {
    width: $size;
    height: $size;

    @if $circle {
      border-radius: $size / 2;
    }
  }

  .square-av {
    @include avatar(100px, $circle: false);
  }
  .circle-av {
    @include avatar(100px, $circle: true);
  }
  ===
  @mixin avatar($size, $circle: false)
    width: $size
    height: $size

    @if $circle
      border-radius: $size / 2

  .square-av
    @include avatar(100px, $circle: false)
  .circle-av
    @include avatar(100px, $circle: true)
{% endcodeExample %}