Сергей delphinpro

.main {
  width: 70%;
}
.main:last-child {
  width: 100%;
}

Здесь разница только в присваивании. В стайлусе знак "равно", в сасс - "двоеточие"

$font-size-base: 12px
$line-height-base: 16px
text-margin($top, $right, $bottom, $left, $font-size: $font-size-base, $line-height: $line-height-base)
  if $top != 0
    $top: $top - ($line-height - $font-size) / 2

  if $bottom != 0
    $bottom: $bottom - ($line-height - $font-size) / 2

  margin: $top $right $bottom $left

Ах, да. Еще как-то определяется функция миксин. Я не помню.
В нормальном sass это было бы так:

@mixin text-margin($top, $right, $bottom, $left, $font-size: $font-size-base, $line-height: $line-height-base) {

}

.main-menu {
    $this: &;
    display: none;
    &--open {
        display: block;
        #{$this}__link {  }
    }
}

Но я предпочитаю такой вариант:

.main-menu {
    display: none;
    &--open { display: block; }
    &--open &__link {  }
}