Sass breakpoint не работает

Question

Я проверил все возможности и не видел никаких проблем.

config.rb 

Есть следующую строку: require 'breakpoint'

style.scss 

также @import "breakpoint";

Я пытаюсь так:

$medium: 96rem; // or even $medium: 51rem 96rem; 

.any-class{ 
    @include breakpoint($medium); 
    //change any property 
} 

Я не вижу никакого эффекта в скомпилированный файл CSS , только новые свойства, которые переопределяют предыдущие. Я использую Sass 3.4.13 (Selective Steve) и Compass 1.0.1 (Polaris).

Edit: Пример результата компиляции:

//Sass 
html{ 
    font-size: 62.5%; 
} 
body{ 
    @include breakpoint(100rem); 
    background-color: #000; 
} 

скомпилирован:

//Css 
html { 
    font-size: 62.5%; 
} 
body { 
} 
body { 
    background-color: #000; 
} 

Answer 1

Это потому, что вы используете подмешать неправильно. Точка останова Mixin является @content известно Mixin, стили, предназначенные для этого Mixin должны быть помещены в фигурные скобки:

body{ 
    @include breakpoint(100rem) { 
     background-color: #000; 
    } 
} 

Выход:

@media (min-width: 100rem) { 
    body { 
    background-color: #000; 
    } 
}