0

簡潔に言えば、Susy のat-breakpointレスポンシブ mixin を使用して、ブレークポイント呼び出しの本文に外部 CSS ファイルを含める方法または機能はありますか?

このようなもの:

.page {
  border: 1px dashed #000;
  height: 650px;

  @include container;

  .content {
    color: red;
    text-align: center;
    border: 1px dashed red;
    height: 400px;

    @include span-columns(4 omega, 6);

    .main {
      color: green;
      border: 1px dashed green;
      text-align: center;
      @include span-columns(1, 2);
    }

    .secondary {
      color: blue;
      border: 1px dashed blue;
      @include span-columns(2, 3);
    }
  }

  @include at-breakpoint(800px 8 250px) {
    @include container; 

    .content {
      @include span-columns(1, 1);
    }

    //IMPORT or INCLUDE CSS FILE HERE somehow... 

  } //end of breakpoint

}

私はそれが可能であることを望んでいました.インラインで適用したいすべてのCSSルールを書くよりもはるかにきれいになるからです. それが可能かどうか、またはこの場合のベストプラクティスは何か教えてください。

ありがとうございました!

4

1 に答える 1