Código HTML:
for disp in null 'lap:' 'desk:' 'wide:' @media screen and (min-width: (disp is 'lap:'?40:disp is 'desk:'?55:disp is 'wide:'?75:0)em) [am-row~={disp}flex-start] align-items flex-start [am-row~={disp}flex-end] align-items flex-end [am-row~={disp}middle] align-items center [am-col~={disp}flex-start] align-self flex-start [am-col~={disp}flex-end] align-self flex-end [am-col~={disp}middle]
Código HTML:
for align1 in '-items' '-self' for align2 in flex-start flex-end center [am-row~={disp}-{align2}] align- align1 align2