Display

Control display by using the display trait attribute.

Default styling
Display 1
Display 2
Display 3
block
display block.
Display 1
Display 2
Display 3
inline-block
display inline-block.
Display 1
Display 2
Display 3
inline
display inline.
Display 1
Display 2
Display 3
flex
display flex.
Display 1
Display 2
Display 3
inline-flex
display inline-flex.
Display 1
Display 2
Display 3
Markup

Toggle example guides Toggle HTML markup 

<div pam-space="p:2" pam-skin="bg:gray:100" pam-size="w:1-2">
   <div pam-display="[modifier]" pam-skin="bg:gray:300" pam-space="p:4 mb:px">Display 1</div>
   <div pam-display="[modifier]" pam-skin="bg:gray:300" pam-space="p:4 mb:px">Display 2</div>
   <div pam-display="[modifier]" pam-skin="bg:gray:300" pam-space="p:4 mb:px">Display 3</div>
</div>