sassでのエラー、breakpointが定義されていないというエラーメッセージが出ます

Question

htmlテンプレートを利用して、railsでホームページを作成し始めたのですが、以下のエラーメッセージが出て先に進めない状態です。

###発生している問題・エラーメッセージ

Sass::SyntaxError in Homes#index
Showing /Users/kouta/projects/home/app/views/layouts/application.html.erb where line #7 raised:

Undefined mixin 'breakpoint'.

###該当のソースコード

// Ensures page width is always >=320px.
		@include breakpoint(xsmall) {
			html, body {
				min-width: 320px;
			}

###試したこと

###補足情報(言語/FW/ツール等のバージョンなど)

Answer 1

エラーメッセージの通り、mixinが定義されていないのではないでしょうか？

mixinとincludeの使用方法を誤解されているかもしれませんので、下記を参考にしてみてください。

// multiBrowerBorderRadiusを定義
@mixin multiBrowerBorderRadius($value) {
    -moz-border-radius: $value;
    -webkit-border-radius: $value;
    border-radius: $value;
}

// multiBrowerBorderRadiusを@includeで呼び出す
.box {
    background: #000;
    @include multiBrowerBorderRadius(3px);
}