問題タブ [scss-mixins]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - SCSS ファイルを HTML に含める方法
Web サイトに SCSS ファイルを含める方法がわかりませんが、メモ帳を使用して .scss ファイルを完全に開発しました。それを私のウェブサイトに含める方法を教えてください。
css - angular-cli でブートストラップ ミックスインを使用するにはどうすればよいですか
styles.scss で mixin を使用しようとしましたが、定義されていないと表示されます。私はもう試した:
- styles.scss で使用する
結果:
ブートストラップの再インポート:
@import "../node_modules/bootstrap/scss/bootstrap.scss";
今は動作しますが、styles.bundle.js を見るとブートストラップが 2 回含まれています。Bootstrap は angular-cli.json に既に含まれています。
sass - SASS は、extend と mixin を使用して、同じクラスに対して 2 つの個別のルールを生成します
この SCSS コードでは、以下の出力に示すように、SCSS が同じクラスに対して 2 つの別個のルールを出力するという私の予想に反して、1 つのクラスの下ですべての宣言を取得するために mixinbtn-structure
と extendを使用しています。%red-color
出力
SASS が同じクラスに属する 2 つの個別のルールを出力することを望まないため、それが 1 つのクラスに属する場合に SASS に 1 つのルールを出力させる方法を教えてください。