Uma aula MENOS para o Módulo OOCSS da Ilha

Uma classe Less muito simples e básica para módulos de coluna que são infinitamente extensíveis e sem estilos supérfluos.

.island (@width: 50%, @margin: 0 1.5em 0 0, @float: left) {
     width: @width;
     margin: @margin; 
     float: @float; 
}

Os carros alegóricos podem ser liberados usando a classe “.group” original de Dan Cederholm, com o micro-clearfix de Nicolas Gallagher:

.group:before, .group:after{content:""; display:table;}
.group:after {clear:both;}
// For IE 6/7 (trigger hasLayout)
.group {zoom:1;}

Nota do editor: este trecho pode ser estendido com uma classe arredondada, que incluiria mixins para raio de borda e cor de fundo, assim:

.island.round (@round: 5px, @bg: #bada55) {
     border-radius: @round;
     background: @bg;
 }