Question

我使用的是flexbox。我想添加Mixin @include for flex属性Ex：GET /api/api/Notification/GetNotifications HTTP/1.1 Host: 192.168.2.50:4551 Authorization: bearer 7fc4Z5ui--NVhvIBBwEWzJXGAROd7TBYprY- 8aQNuoSS7GSjhtikGksKss78GzT7CYPlGfPmnl- TlTpCOQ9nYU1JTpAEwBGftqLHOSMUmX2BCIvk92S-DMForqb2l- Cache-Control: no-cache，flex-basis等与供应商前缀。添加flex无效。我想在纯SASS中使用这段代码。

＆＃13;

gutter

＆＃13;

$default-grid-gutter: 2%;

.grid {
	@include grid($gutter: $default-grid-gutter);

    > .grid__col-3 {
        @include grid-col($col: 3, $gutter: $default-grid-gutter);
    }
    > .grid__col-9 {
        @include grid-col($col: 9, $gutter: $default-grid-gutter);
    }
}

.grid {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  
}

.grid > .grid__col-3 {
  box-sizing: border-box;
  -webkit-flex: 0 0 23%;
  -ms-flex: 0 0 23%;
  flex: 0 0 23%;
  background-color: red;
}

.grid > .grid__col-9 {
  box-sizing: border-box;
  -webkit-flex: 0 0 73%;
  -ms-flex: 0 0 73%;
  flex: 0 0 73%;
   background-color: red;
}

＆＃13;

任何帮助将不胜感激。

Answer 1

唯一的问题是您引用了未定义的变量$values。将您在mixin中定义的参数从$value更改为$values即可解决此问题。

使用mixins我想在同一个类中添加@include两次

1 个答案: