みなさん、楽しいSassライフを送っていますか? 「とりあえず.cssを.scssに変えて、ネストにしたりして使ってるよ!」という方、そろそろmixinを取り入れてみませんか? Sassってなんでしょ?という方は、以前「Sass(SCSS)は難しくないよ!私なりの使い方をご紹介!」という記事を書いたので、ぜひそちらをお読み下さい。 Sass(SCSS)は難しくないよ!私なりの使い方をご紹介! mixinとは? スタイルを定義するのは通常のCSSと同じですが、使い回しを前提とした、JSで言うところの関数のようなものを作れるのがmixinです。 言葉だけではよくわかりませんね。mixinはこういう書き方をします。 hoge.scss の中身 /* @mixinで始まって半角スペース+半角英数。.(ドット)や#(シャープ)はつけない */ @mixin myborder { border-bot
![Sassに慣れてきたら、mixin集「Bourbon」を使ってみよう! | Tips Note by TAM](https://cdn-ak-scissors.b.st-hatena.com/image/square/226c44988f120d349f3da31e4d8622fc2e9708db/height=288;version=1;width=512/https%3A%2F%2Fwww.tam-tam.co.jp%2Ftipsnote%2Fwpdata%2Fwp-content%2Fuploads%2F2016%2F03%2Fbourbon-1024x537.png)