scss Sass mixin具有相同的宽度和高度

Posted 2021-05-18

//Same Width and Height
//Demo: http://codepen.io/ricardozea/pen/hftIe

@mixin size($width, $height: $width) {
  width: $width;
  height: $height;
}

.square { @include size(200px); }
// Renders to:
.square { width:200px; height:200px; }

.rectangle { @include size(200px, 50px); }
// Renders to:
.rectangle { width:200px; height:50px; }