原始SASS，响应函数语法

Question

原有的sass语法刚刚被scss语法所取代，因此很难获得对docs的帮助。

对于响应函数，我想知道如何用原始的sass语法编写以下代码：

$breakpoints: (
  'small'  : ( min-width:  767px ),
  'medium' : ( min-width:  992px ),
  'large'  : ( min-width: 1200px )
);
@mixin respond-to($name) {
  @if map-has-key($breakpoints, $name) {
    @media #{inspect(map-get($breakpoints, $name))} {
      @content;
    }
  }
  @else {
    @warn "Unfortunately, no value could be retrieved from `#{$breakpoint}`. "
        + "Please make sure it is defined in `$breakpoints` map.";
  }
}

是否可以只这样做，或使用更少/scss语法是必需的？

Answer 1

仍然没有真正的sass文档，但是使用sass转换可以是一个答案。

sass-convert file.scss file.sass

以下是真正的sass产出：

$breakpoints: ("small": (min-width: 767px), "medium": (min-width: 992px), "large": (min-width: 1200px))
=respond-to($name)
  @if map-has-key($breakpoints, $name)
    @media #{inspect(map-get($breakpoints, $name))}
      @content
  @else
    @warn "Unfortunately, no value could be retrieved from `#{$breakpoint}`. " + "Please make sure it is defined in `$breakpoints` map."