A collection of patterns & modules for responsive emails
CSS Ruby JavaScript
Switch branches/tags
Nothing to show
Clone or download
Brian
Latest commit 99c12fd Apr 22, 2014

README.md

Responsive Email Patterns

A collection of patterns and modules for responsive emails. Responsive Email Patterns Website

Based on Brad Frost's 'This is Responsive' Responsive Patterns.

Layout

  • Column Drop
  • 2 equal-width columns
  • 2 equal-width columns V2
  • 3 equal-width columns
  • Shrink Wrap
  • Main Column with Sidebar
  • Image Surround
  • Layout Shifter
  • Source Order Shift

Navigation

  • Top Links
  • Stacked Split Links
  • Drop Below
  • Footer Anchor
  • Reduce
  • Reduce 2
  • Hide Everything
  • Stacked Top Links
  • Stacked Top Links 4-Up

Lists

  • List with Thumbnails
  • List with Thumbnails V2
  • List with Thumbnails & Summary Stack
  • List with Thumbnails & Summary Hide

Grid Blocks

  • With Title Sections
  • Double-Wide v1
  • Double-Wide v2
  • Double-Wide v3

Media

  • Basic Fluid Image
  • Image Center Crop
  • Image Vertical Crop
  • Image Right Crop
  • Image Left Crop
  • Description Overlay Bottom
  • Image Grid
  • Fuid Video

Accordion

  • Show More
  • Full to Accordion