The fabled holy grail layout. Legendary for being hard to achieve. Not any more! Make three column layouts like a boss.
The Holy Grail mixin allows you to do what used to be pretty tough - a three column layout. Not any more! It's similar to the flank mixin. To use it, just include the mixin in your SASS file:
.holygrail {
@include holygrail;
}
Of course, you will need some html for it. The example below will work with the default config variables:
<div class="grid-holygrail">
<div class="left">
Left
</div>
<div class="middle">
Middle
</div>
<div class="right">
Right
</div>
</div>
Left
Middle
Right
The following variables in the _settings.grid.scss config file control the global settings for the Holy Grail: