見出し画像

【DartSass】で【@mixin @include】を使い【メディアクエリ指定】する方法

Youtubeにあまり載ってないので自分の備忘録として。


ー 状況 ー
📍 DartSassを使う
📍 何となく名前空間を使うらしい、ということはわかっている
📍今までも@mixinと@includeを使ってSassをかいていた

① _mixin.scssというファイルを作成


自分の場合は、スマホ縦と横の時以外はPC表示にしたかったのでその様な記述をする

ブレイクポイントどこにする問題、あまりわかってない…

② style.scssに各パーシャルのscssを呼び出し名前空間をつける


自分の場合、使うパーシャルが少ないので省略形で記述している
多い人は全て『as *』でかいてる人もいるっぽい

③ 使いたい箇所に「@include+名前空間+引数」{}で記述


みそは名前空間なんだな。おそらく

完了!!

いいなと思ったら応援しよう!