scss-混合@mixin @include @function

@mixin定义

@mixin large-text {
   
  font: {
   
    family: Arial;
    size: 20px;
    weight: bold;
  }
  color: #ff0000;
}

父选择器

@mixin clearfix {
   
  display: inline-block;
  &:after {
   
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  * html & {
    height: 1px }
}

混合多个

@mixin compound {
   
  @include highlighted-background;
  @include header-text;
}
@mi