Undefined Mixin 'if-rem' с использованием Susy CSS

Question

При попытке скомпилировать документ Susy/Compass я получаю Undefined mixin 'if-rem'.

Именно эта линия, которая вызывает его:

Line 35 of _grid.scss

Я использую:

• SASS 3.2.12
• Компас 0.12.2
• Susy 1.0.9

Спасибо :)

Answer 1

Как и сообщение об ошибке, вы должны указать if-rem mixin перед включением его. Таким образом, у вас есть два варианта:

• Импорт _unit.scss в ваш стиль. Это суперсимметрии частичное, который содержит декларацию if-rem подмешать

  // Imports 
  
  @import "compass/utilities/general/clearfix"; 
  @import "compass/css3/box-sizing"; 
  // add _unit.scss path here, or elsewhere before the @include 
  @import "susy/units"; 
  

• включают в if-rem подмешать непосредственно в код, вы должны также включать переменную или if-rem подмешать возвращает ошибку:

  // Whether to output fallback values in px when outputting rems. 
  $rem-with-px-fallback: true !default; 
  
  // Here is the`if-rem` mixin declaration 
  @mixin if-rem($property, $values, $use-px-fallback: $rem-with-px-fallback) { 
      $has-rem: false; 
      @each $value in $values { $has-rem: if(unit($value) == 'rem', true, $has-rem); } 
      @if $has-rem { @include rem($property, $values, $use-px-fallback); } 
      @else { #{$property}: $values; } 
  }