Amara styleguide


Block wrap

Use .block-wrap to lay out a sequence of block elements in columns, wrapping them when they reach the width of the container.

Example


<div class="block-wrap">
  <ul class="bullets">
     <li>dolor sit amet, consectetur adipiscing elit</li>
     <li>Nulla viverra iaculis tellus, sed euismod magna dignissim</li>
  </ul>
  <ul class="bullets">
     <li>dolor sit amet, consectetur adipiscing elit</li>
     <li>Nulla viverra iaculis tellus, sed euismod magna dignissim</li>
  </ul>
  <ul class="bullets">
     <li>dolor sit amet, consectetur adipiscing elit</li>
     <li>Nulla viverra iaculis tellus, sed euismod magna dignissim</li>
  </ul>
</div>

  • dolor sit amet, consectetur adipiscing elit
  • Nulla viverra iaculis tellus, sed euismod magna dignissim
  • dolor sit amet, consectetur adipiscing elit
  • Nulla viverra iaculis tellus, sed euismod magna dignissim
  • dolor sit amet, consectetur adipiscing elit
  • Nulla viverra iaculis tellus, sed euismod magna dignissim