m.avatar

Avatar styling with different size options. It should only really be applied to square ratio images.

Sets a max-width on the image to double the base-spacing unit.

$data = array( 'image' => 'http://placehold.it/500x500', ); mttr_get_template( template-parts/base/_module.avatar, $data );

- .avatar__body
- Required
Content that appears within the box.

This element is affects the structure of the component, which is why it’s required.

- .avatar--round
- Enabled
Adds a border-radius of 50%
- $data = array( 'image' => 'http://placehold.it/500x500', ); mttr_get_template( template-parts/base/_module.avatar, $data );
- .avatar--large
- Enabled
Adjusts the max width to be four times the base spacing unit.
- $data = array( 'image' => 'http://placehold.it/500x500', ); mttr_get_template( template-parts/base/_module.avatar, $data );
- .avatar--small
- Enabled
Adjusts the max width to be a single base spacing unit.
- $data = array( 'image' => 'http://placehold.it/500x500', ); mttr_get_template( template-parts/base/_module.avatar, $data );