Как функцию stilys скомпилить в sass?

Question

[Vladislav]

$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, который без скобок

Answer 1

[Сергей delphinpro]

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

$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) {

}

Comments

[Vladislav]

Сергей delphinpro подскажите пожалуйста как вызвать эту функцию в селекторе и да в sass это миксин

[Сергей delphinpro]

В нормальном sass это было бы так:

{
   @include text-margin(10px, 20px, 30px);
}