• 混合指令

1. 某一條件下可用使用某些樣式，比如iPhone X條件下要適配劉海屏

@mixin isIphoneX() {
  @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3){
    @content;
  }
}

.myClassName{
  background: red;
  @include isIphoneX(){
    background: green;
  }
}

• 變數

1. 使用calc時使用變數

$myHeight: 50px;

.myClassName{
    height: calc(100% - #{$myHeight});
}

sass中文網：

https://www.sass.hk/docs/