Website

Grid system

Our grid is a 12-column Sass based system built on top of Susy

How it works

  • Add @include container to include the properties of a container
  • Create an outer row with <div class="row"></div>
  • Add @include span(1..12) with the width of the column out of 12

Demo

span(2)
span(2)
span(2)
span(2)
span(2)
span(2)
span(3)
span(3)
span(3)
span(3)
span(4)
span(4)
span(4)
span(6)
span(6)
span(12)

Type

Headings

h1. Heading

h2. Heading

h3. Heading

h4. Heading

h5. Heading
h6. Heading

Paragraph

Paragraph text. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

Lead paragraph. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.

Get in touch. We're here to help

Send us your contact info and a message or
Call +44 (0) 1785 785 100 to speak directly with a team member.

Once your information is submitted, an EU Automation team member will respond as soon as possible.

Thanks for your message. A member of our team will respond as soon as possible.