/** * Holy grail CSS layout * * @see http://www.alistapart.com/articles/holygrail */ @mixin holy-grail-layout { #main, #left, #right { float: left; } #main { width: 100%; .inside { min-height: 1px; /* see #4893 */ } } #left { margin-left: -100%; } #right { margin-right: -100%; } #footer { clear: both; } }