Scssでメディアクエリをimportできないものですか？

Question

前提・実現したいこと

style.cssにメディアクエリをまとめているのですが、他に分けているheader.css等にもそのメディアクエリを使いたいです。
@importを一番上に記述し、特定の場所で呼び出してもエラーが出て反映されません。

style.cssに記述しているメディアクエリを、他のcssに毎回書き込まないといけないのでしょうか？

ご教示いただけると幸いです。
よろしくお願い致します。

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

Compilation Error
Error: no mixin named sspc
        on line 50 of .../css/header.scss
>>       @include sspc {

該当のソースコード

/* style.css */

$mpc: 1200px; //中位のPC
$spc:1065px; //小さいPC
$sspc: 1000px; //もっと小さいPC
$bsp: 800px; //大きいスマホ
$sp: 768px; // スマホ

@mixin mpc {
  @media (max-width: ($mpc)) {
    @content;
  }
}

@mixin spc {
  @media (max-width: ($spc)) {
    @content;
  }
}

@mixin sspc {
  @media (max-width: ($sspc)) {
    @content;
  }
}

@mixin bsp {
  @media (max-width: ($bsp)) {
    @content;
  }
}

@mixin sp {
  @media (max-width: ($sp)) {
    @content;
  }
}

/* header.css */

@import "style.css";

...

.header-center {

      @include sspc {
        display: none;
      }

...

試したこと

/* header.css */

$sspc: 1000px;

@mixin sspc {
  @media (max-width: ($sspc)) {
    @content;
  }
}

上記をheader.cssの一番上に書くと反映されます。

Answer 1

ファイル名をstyle.cssではなくstyle.scssにしたらどうなりますでしょうか。

Comments

[seakai]

style.scssにするとできました！
ありがとうございました。