- @duo = [['orange','yellow'], ['teal','green']];
- @tri = [['orange','yellow','teal'], ['red','orange','yellow']];
- @quad = [['orange','yellow','teal','blue'], ['red','orange','yellow','green']];

%div.circles
  - @duo.each do |color|
    %div{:class => "circle duo-color circle-small"}
      %div{:class => "color #{color[0]}"} 
      %div{:class => "color #{color[1]}"}
  
  - @tri.each do |color|
    %div{:class => "circle tri-color circle-small"}
      %div{:class => "color #{color[0]}"} 
      %div{:class => "color #{color[1]}"}
      %div{:class => "color #{color[2]}"}
    
  - @quad.each do |color|
    %div{:class => "circle quad-color circle-small"}
      %div{:class => "color #{color[0]}"} 
      %div{:class => "color #{color[1]}"}
      %div{:class => "color #{color[2]}"}
      %div{:class => "color #{color[3]}"}
    
%div.circles
  - @duo.each do |color|
    %div{:class => "circle duo-color"}
      %div{:class => "color #{color[0]}"} 
      %div{:class => "color #{color[1]}"}
    
  - @tri.each do |color|
    %div{:class => "circle tri-color"}
      %div{:class => "color #{color[0]}"} 
      %div{:class => "color #{color[1]}"}
      %div{:class => "color #{color[2]}"}
    
  - @quad.each do |color|
    %div{:class => "circle quad-color"}
      %div{:class => "color #{color[0]}"} 
      %div{:class => "color #{color[1]}"}
      %div{:class => "color #{color[2]}"}
      %div{:class => "color #{color[3]}"}
    
%div.circles
  - @duo.each do |color|
    %div{:class => "circle duo-color circle-big"}
      %div{:class => "color #{color[0]}"} 
      %div{:class => "color #{color[1]}"}
    
  - @tri.each do |color|
    %div{:class => "circle tri-color circle-big"}
      %div{:class => "color #{color[0]}"} 
      %div{:class => "color #{color[1]}"}
      %div{:class => "color #{color[2]}"}
    
  - @quad.each do |color|
    %div{:class => "circle quad-color circle-big"}
      %div{:class => "color #{color[0]}"} 
      %div{:class => "color #{color[1]}"}
      %div{:class => "color #{color[2]}"}
      %div{:class => "color #{color[3]}"}