How to customize angular-material grid system? <p>It's possible customize the angular-material grid system like bootstrap, by setting columns, gutter-width, etc? <a href="http://getbootstrap.com/customize/" rel="nofollow">http://getbootstrap.com/customize/</a></p> <p>The angular-material.scss has some mixins like "flex-properties-for-name", but always will create 20 columns with increments of 5%.</p> <p>I could override some mixins, but I was looking for other ways to do this.</p> <p><strong>Update:</strong></p> <p>My first solution was reuse some mixins from the angular-material.scss to create a custom grid. <a href="https://gist.github.com/dilvane/a5418f3f3c5d68cf1059" rel="nofollow">https://gist.github.com/dilvane/a5418f3f3c5d68cf1059</a></p> <p>Does anyone have a different approach?</p> <p><strong>Update:</strong></p> <p>Issue reported: <a href="https://github.com/angular/material/issues/6537" rel="nofollow">https://github.com/angular/material/issues/6537</a></p>