Css 使用mixin'；s

我目前正在使用此mixin：

@mixin isMobile() {
  html[data-browser*="Mobile"] & {
    @content;
  }
}

我想用这个mixin有条件地应用于一个变量，如下所示：

$div-height: 20px;
@include isMobile() {
  $div-height: 10px;
}

我知道这不是正确的方法，我也尝试过下面的方法，但没有成功。我怎样才能正确地尝试这个条件？谢谢

@if (html[data-browser*="Mobile"]) {
  $div-height: 20px;
} @else {
  $div-height: 10px;
};

---

条件部分必须在mixin本身中

@mixin isMobile($type) {
  $div-height: 0;
  html[data-browser*="Mobile"] {
    @if($type == 'A'){
      $div-height: 20px;
    }
    @else{
      $div-height: 10px;
    }
    height: $div-height;
    @content;
  }
}


@include isMobile('B'){
  color:black;
}


/*Output*/
html[data-browser*="Mobile"] {
  height: 10px;
  color: black;
}

---

你能解释一下这句话吗<代码>html[数据浏览器*=“手机”]&{