質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
Sass

Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換(コンパイル)してCSSファイルを作成します。

Q&A

解決済

1回答

5220閲覧

Sassのmixinで引数が複数ある場合、n番目のみを指定する方法

trangixx

総合スコア17

Sass

Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換(コンパイル)してCSSファイルを作成します。

1グッド

1クリップ

投稿2015/10/25 12:12

下記のようなmixinを組んだ時、例えば3番目の引数だけ変更し、
他はデフォルト値を使用したい場合、どのようにincludeすればよいのでしょうか?

scss

1@mixin test($color:#000,$width:400,$height:300){ 2 color:$color; 3 width:$width+px; 4 height:$height+px; 5}

1番目のみ引数を変更する場合は

scss

1@include test(#F00);

といった形で2番目以降を省略できると思います。
3番目だけ変更したい場合は、1番目・2番目を必ず入力しなくてはならないのでしょうか?

5o5o_wagon👍を押しています

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

公式リファレンスに説明がありました。
http://sass-lang.com/documentation/file.SASS_REFERENCE.html#keyword_arguments_2

引数を渡すときに mixin で定義されている仮引数名()を指定することで、引数の順番は無視することが可能で、その際にデフォルト値のある引数は省略できるとのこと。
(
_-は区別しない)

ということで、以下のように書くことで $height のみを指定できます。

scss

1@include test($height:150);

投稿2015/10/29 07:56

tozjp

総合スコア790

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問