Arrange module nesting

[hulsbosch]

When using a new arrange within an arrange--middle, the child elements can't be vertical-aligned to the top. Instead their vertical-align attribute is automatically set to 'middle'.

Proposition: an .arrange--top class?

[hulsbosch]

More nesting issues. Images get the wrong width values when used in a nested arrange structure. Consider the following structure, in which an image in an .arrange__size-fill gets max-width: none; & width: auto;

The structure:

    <div class="arrange">
        <div class="arrange__size-fit">
             <div class="arrange">
                 <div class="arrange__size-fill unit-6-12"></div>
                 <div class="arrange__size-fill unit-6-12">
                     <img src="" /><!-- the image's max-width shouldn't be none enzo -->
                 </div>
             </div>
         </div>
         <div class="arrange__size-fill"></div>
     </div>