@warn，Sass进阶篇教程-慕课网

5-6 @warn

本节编程练习不计算学习进度，请电脑登录imooc.com操作

@warn

@warn 和 @debug 功能类似，用来帮助我们更好的调试 Sass。如：

@mixin adjust-location($x, $y) {
  @if unitless($x) {
    @warn "Assuming #{$x} to be in pixels";
    $x: 1px * $x;
  }
  @if unitless($y) {
    @warn "Assuming #{$y} to be in pixels";
    $y: 1px * $y;
  }
  position: relative; left: $x; top: $y;
}

具体代码例子，请查看右侧代码编辑器中的代码。

任务

小伙伴们，现在让我们来练习一下@warn的用法吧！

index.scss

@mixin adjust-location($x, $y) {
  @if unitless($x) {//unitless是内置函数，判断数值是否有“单位”
    @warn "Assuming #{$x} to be in pixels";
    $x: 1px * $x;
  }
  @if unitless($y) {
    @warn "Assuming #{$y} to be in pixels";
    $y: 1px * $y;
  }
  position: relative; left: $x; top: $y;
}
 
 
 
.botton{
    @include adjust-location(20px, 30);
}