定義したブレークポイントごとに、設定した別のループを使用して、一連のクラスを作成するループを設定しようとしています。これらは BP の
$mobileMedium : 480px;
$tabletVertical : 768px;
$desktopNormal : 1024px;
$desktopWide : 1200px;
そして、これは私のscssです。
@each $bpName in "mobileMedium", "tabletVertical", "desktopNormal", "desktopWide"{
@include breakpoint($$bpName) {
@include generate("$bpName", "Container", "width");
}
}
私はこのようなことを望んでいました(例):
@media (min-width: 768px) {
.tabletVerticalContainer-1_12 {
width: 8.33333%;
}
しかし、これはターミナルが返すものです:
error sass/screen.scss (Line 36 of sass/_grid.scss:
Invalid CSS after "...ude breakpoint(": expected ")", was "$$bpName) {")
要約すると、テキスト (「$」) と引数の変数の両方をどのように組み合わせることができるかということです。
何か案は?