Q&A
試してみましたが、特にエラーは出ませんでした。
VScodeのLiveSassCompilerを使用していますが、
scssファイルのmixinに引数を指定するとコンパイルエラーになります。。
引数を入力しなければコンパイルされるのですが、、、
分かる方いらっしゃいますでしょうか？？
下記のように、引数にfont-sizeを指定したいのです。。。
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <title>Test</title> 6</head> 7<body> 8 9 <h1>テスト</h1> 10 11</body> 12</html>
css
1@mixin font($font-size) { 2 font-size: $font-size; 3 color: red; 4} 5 6h1{ 7 @include font(10px); 8}
んーーーなぜでしょう。。。
cssに変換できないんですよね????
ご提示いただいていない部分に原因があるような気がします。
エラーメッセージをご提示いただけますか？
もしかして、mixinで定義した場合、
includeで呼び出したら引数が空のままではだめなのでしょうか。。
呼び出した引数に値をセットしたらエラーは解消されました????
引数を省略したいなら、デフォルト値を設定するといいかもしれません。
https://stand-4u.com/css/sass/mixin.html#%E5%BC%95%E6%95%B0%E3%81%AB%E3%80%8C%E5%88%9D%E6%9C%9F%E5%80%A4%E3%80%8D%E3%82%92%E5%85%A5%E3%82%8C%E3%82%8B%E4%BA%8B%E3%81%8C%E3%81%A7%E3%81%8D%E3%82%8B
---
ご解決されて何よりです。
お手数ですが、自己解決の処理をお願いします。
Lhankor_Mhy様、
丁寧なご対応ありがとうございました。
早急に自己解決の処理を行います！
回答1件
0
自己解決
mixinの引数をセットした場合、
includeで呼び出す際、引数を空にするとダメなようです。
scss
1@mixin a(){color: red;} 2@inculude a(); 3 4@mixin b($color: red){color: $color;} 5@inculude b(); 6@inculude b(black);
mixin・inculude共に引数を空にするか、
引数に初期値をセットしなければならないとのこと。
投稿2021/10/16 03:24
総合スコア13
あなたの回答
tips
プレビュー
