簡潔に言えば、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ルールを書くよりもはるかにきれいになるからです. それが可能かどうか、またはこの場合のベストプラクティスは何か教えてください。
ありがとうございました!