1em;}2.レスポンシブに対応したクラスセレクタを生成するmixin次にレスポンシブに対応したクラスセレクタを生成します。これはBootstrapの様な形で".col-sm-(n)"とか".col-lg-(n)"といったセレクタを有効にするブレイクポイント(smやlg)を指す文字列を加えることで対応していきます。ブレイクポイントを定義します。min-widthとmax-width両方に対応できるようにします。!defaultを使用したほうが良いです。次に、定義したブレイクポイント毎にクラスセレクタを作成するmixinです。min-widthで作成するかmax-widthでセレクタを作成するかをわかりやすくするため、別々の名称をつけます。class名とルールセットを指定することで、レスポンシブに対応したスタイルを生成します。使用するブレイクポイントを定義した変数を渡します。}}レスポンシブ対応のmargin,paddingを指定するクラスセレクタを量産する上記関数及びmixinを利用してレスポンシブに対応したコードを量産します。}上記コードではpxはmin-widthを、emはmax-widthを使用しています。pxの方にmax-widthでブレイクポイントを作りたい場合はmixinを"responsive_down"にして作成します。emの方にmin-widthでブレイクポイントを作りたい場合はmixinを"repsonsive"にして作成します。以下のように出力されます。}}//以下$margin-maxの値まで量産されるこれで、「検索結果ページのヘッダーパーツはPCではmargin-topが50pxでいいが、モバイルではmargin-topを14pxにしたい」といった場合の対応や、「モバイルではmargin-topをemで表示したい」といった単位の異なる要件に対応できます。音楽共有プラットフォームDIGLEとか開発してます。upLoginユーザーは見つかりませんでした。