Question

我是sass的新手，我正在尝试使用mixins进行媒体查询。当我使用这些MQ时，我想要在另一个字体大小的mixin中设置一个变量。这可能吗？

/* Mobile First Media Queries Mixins*/
@mixin breakpoint($point) {

  /* Custom, iPhone Retina */ 
  @if $point == xsmall {
    @media (min-width: 320px) { @content; }
  }
  /* Extra Small Devices, Phones */ 
  @else if $point == small {
    @media (min-width: 480px) { @content; }
  }
  /* Small Devices, Tablets */
  @else if $point == medium {
    @media (min-width: 768px)  { @content; }
  }
  /* Medium Devices, Desktops */
  @else if $point == large {
    @media (min-width: 992px)  { @content; }
  }
  /* Large Devices, Wide Screens */
  @else if $point == xlarge {
    @media (min-width: 1200px)  { @content; }
  }
}

使用breakpoint mixin设置要在以下位置使用的全局字体大小：

@include breakpoint(small) { 
    $large: 3;
    $medium: 2.5;
    $small: 2;      
}

Mixin for font-sizes：

@mixin font-size($sizeValue: 1.6) {
  font-size: ($sizeValue * 10) + px;
  font-size: $sizeValue + rem;
}

通过@include使用p风格：

p{
    @include font-size($small);
    line-height:1.5em;
    padding-right:15px;

}

但是我得到一个错误，即变量'$ small'没有定义。那么我可以在一个混合中使用一个变量来解决这个变量吗？

Thnaks

使用Sass mixin设置全局变量

0 个答案: