@content
について、まだ分かって使ってないので、確認したいです…
@contentの存在意義?
@contentが無いと、Sassが上手く機能してくれないというのは分かるのですが…
なんとなく、mixinで定義してるものを重複して呼んでいる様な気がして、存在意義が良く分からないんです。
SCSS
1$sp:700px; 2@mixin sp { 3 @media (max-width:($sp)){ 4 @content 5 } 6} 7 8.container{ 9 width: auto; 10 margin: 0 auto; 11 @include sp{ 12 width: 100%; 13 } 14} 15 16 17@mixinで、"sp"は、 18@media (max-width:$(sp)){ 19@content 20} 21}
だよっていうことを定義して、
@includeで、上記を呼び出してますよね。
これ、@contentが無かったら、
@includeで呼び出した@mediaの中身
width: 100%;
が、
反映されないことになってしまうということですか?
ということは、@contentは、@includeで呼び出されたもののに、何かかしら入りますっていう意味ですか?
でも@content消しても、エディタ上では、CSSにコンパイルされるんですよね。。
サスマイスターhttps://www.sassmeister.com/で確認して、ようやく
私なら、、、
SCSS
1$sp:700px; 2@mixin sp { 3 @media (max-width:($sp)){ 4 } 5}
これで、@includeで@media (max-width:($sp)){}呼び出せばいいんじゃないの?と思ってしまいます。
こちらで質問する時まで、その@media (max-width:($sp)){}の中に、@contentを入れるという発想がありませんでした。
@content
は
width: 100%;
のことと、
前回の質問で教えてもらったんですけども、
そもそもmixinでメディアクエリを呼び出して、そこに任意のコード(今回で言うとwidth: 100%;)を書くんだから、
@contentはいったいなんのためにあるんだ???
と疑問がぐるぐるぐる…
変な質問ですみません、よろしくお願いします。。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/08/02 13:05
2020/08/02 13:18
2020/08/02 13:23
2020/08/02 13:28
2020/08/02 13:39
2020/08/02 13:43
2020/08/02 13:54
2020/08/02 13:57
2020/08/02 13:58
2020/08/02 14:00
2020/08/02 14:08