c.icon-list-b

A horizontal icon list, with the icon appearing on the left and the content on the right. If no content is supplied, the icon and heading is vertically centered.

Block

.icon-list-a

  • Heading

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh nulla, ornare vitae volutpat sed, sollicitudin tincidunt lectus. Suspendisse nec nibh egestas, pharetra est ut, accumsan urna. Aenean suscipit blandit malesuada. Phasellus efficitur erat vel egestas porta. Nulla facilisi. In nec ipsum tristique, ultrices nisi non, aliquam magna. In posuere est non quam dignissim, eget euismod ex pellentesque. Quisque pretium bibendum pulvinar. Nam sit amet urna orci. Etiam nec ultrices ex.

Elements

    • .icon-list-a__icon

    • Required

    Icon to display to the left of the content area.

    • .icon-list-a__heading

    • Optional

    • .icon-list-a__subheading

    • Optional

    • .icon-list-a__content

    • Optional

    If content is not supplied, the icon and heading/subheading will be vertically centered. When content is supplied, the block is aligned to the top.

Modifiers

    • .icon-list-a--v-center

    • Enabled

    Vertically align the block to the center. This happens automatically if no content is supplied.

    • Heading