私はフラスコで開発されたWebアプリに取り組んでいます。次のコードでflask_assetsライブラリを使用してコンパイルおよびバンドルしているSASSを使用します。
from flask_assets import Environment, Bundle
scss = Bundle('sass/main.scss', filters='pyscss', output='all.css', depends=('sass/**/*.scss'))
assets.register('scss_all', scss)
次のように名前付きグリッド線を使い始めるまではうまくいっていました
display: grid;
grid-template-rows: 5vh 10vh;
grid-itemplate-columns: [margin-left-start] 3rem [margin-left-end content-start] 80% content-end];
Google Chrome の Web 開発者コンソールに表示される all.css に準拠しています。
display: grid;
grid-template-rows: 5vh 10vh;
grid-template-columns: margin-left-start 3rem margin-left-end content-start 80% content-end;
上記のように、pyscss はコンパイル時に「[]」(角かっこ) を削除したようです。ドキュメントには、角括弧は廃止されたと書かれています。これに対処するためのヒントはありますか？sass フィルターを使用すると、この問題に対処できますか? また、Ruby gem をインストールするだけでこのフィルターを直接使用できますか (または、「ruby スタック」をインストールする必要があります。私は ruby の経験がありません)。libsass-pythonはどうですか？これは前進するためのより良い方法でしょうか？前もって感謝します。