Multipurpose blocks

Auto-fill & Equal height columns

Demos

Normal
Block link
Border

Examples

Default styling

Item 1
Item 2
Item 3
Item 4

.blink

Linkable block

Item 1
Item 2
Item 3
Item 4

.border

With border

Item 1
Item 2
Item 3
Item 4

Markup

<ul class="flexblock [modifier class]">
  <li>
    <a href="#">
      Item 1
     </a>
  </li>
  <li>
    <a href="#">
      Item 2
     </a>
  </li>
  <li>
    <a href="#">
      Item 3
     </a>
  </li>
  <li>
    <a href="#">
      Item 4
     </a>
  </li>
</ul>

Source: modules/_flexblock.scss, line 1