Posted: 2015.05.26 / Category: HTML&CSS / Tag: SASS SASS(SCSS)でパーセントベースのシンプルなグリッドMixinを作ってみました。 Mixinにすることでカラム数やマージンの微調整が簡単にできるようになります。 分割数だけ指定(マージンなし) 最初はマージン0のタイプです。 12分割を4つのカラムで指定してみます。 HTML <div class="row"> <div class="col-3"><p>Grid 3</p></div> <div class="col-3"><p>Grid 3</p></div> <div class="col-3"><p>Grid 3</p></div> <div class="col-3"><p>Grid 3</p></div> </div> Mixinです。引数は「分割数」「マージン」「クラ
![SASSのMixinでカスタマイズしやすいパーセントベースのグリッドシステム作ってみた | webOpixel](https://cdn-ak-scissors.b.st-hatena.com/image/square/d0df8cbd3a8c923b4c06e2ea66eaaf4bd82a9bd6/height=288;version=1;width=512/https%3A%2F%2Fwww.webopixel.net%2Fblog%2Fwp-content%2Fuploads%2F2015%2F05%2Fsass-logo.png)