Menu icon Foundation
Change columns order

Hi!

I'm trying to search how can I apply the push and pull classes using the email framework.

Is it possible?

ordercolumnspushpullemail

Hi!

I'm trying to search how can I apply the push and pull classes using the email framework.

Is it possible?

Rafi Benkual almost 2 years ago

Sure, it's similar to in the Sites framework. We wrote a lesson on this you can find here: http://zurb.com/university/lessons/get-your-responsive-emails-in-order

Italo almost 2 years ago

Hi, Rafi! Thanks very much about!!! I was looking for the push and pull. Now makes sense!

 

Davey Brown almost 2 years ago

If you add the dir="rtl" to a <row> element you can use the following scss to fix left and right padding on first and last elements.

.row[dir="rtl"] > tbody > tr > {  
  @for $i from 1 through $grid-column-count {
    td.large-#{$i}.first,
    th.large-#{$i}.first {
      padding-left: $global-gutter/2;
      padding-right: $global-gutter;
    }
    td.large-#{$i}.last,
    th.large-#{$i}.last {
      padding-right: $global-gutter/2;
      padding-left: $global-gutter;
    }      
  }  
}