Social Element

Overview

Social Element component enables you to display a given social network inside mj-social. Note that default icons are transparent, which allows background-color to actually be the icon color.

Parameters

Parameter	Parameter	Valid Blocks	Required
`Content`	Content for this tag	Text Block Group	No
`Style Sets`	Optional list of Email Style blocks to apply to this block	Text Block Group	No
`Custom CSS Classes`	Optional space-separated list of CSS classes to be applied to the element. Intended for use with EmailCSS blocks.	Text Block Group	No
`Social Network`	The social network (if any) to use for styling this element.	Text Block Group	No
`Src`	unit : px; description : image source; default value : Each social name has its own default	Text Block Group	No
`Srcset`	unit : url & width; description : enables to set a different image source based on the viewport; default value : n/a;	Srcset Image Block Group	No
`On-Click URI`	The link to take the user to when they click on this element.	Text Block Group	No
`Rel`	The rel of the element.	Text Block Group	No
`Target`	The target for the link. Defaults to 'external-link'.	Text Block Group	No
`Image description`	Used by screen readers and e-mail clients with image downloads switched off.	Text Block Group	No
`Mouse-over tooltip (title)`	Displayed on mouse-over and used by accessibility software.	Text Block Group	No
`Icon Colour`	The colour of icon in this block.	Colour Block Group	No
`Icon Height`	The height of the icon	Unit Value Block Group	No
`Icon Size`	The size (width and height) of the icon	Unit Value Block Group	No
`Sizes: Media queries`	One or more strings separated by commas, indicating a set of source sizes. Each source size consists of: A media condition. This must be omitted for the last item in the list. A source size value. Media Conditions describe properties of the viewport, not of the image. For example, `(max-height: 500px) 1000px` proposes to use a source of `1000px` width, if the viewport is not higher than `500px`. Source size values specify the intended display size of the image. Email clients use the current source size to select one of the sources supplied by the `srcset` attribute, when those sources are described using width (`w`) descriptors. The selected source size affects the intrinsic size of the image (the image"s display size if no CSS styling is applied). If the `srcset` attribute is absent, or contains no values with a width descriptor, then the `sizes` attribute has no effect.	Text Block Group	No
`Text Colour`	The colour of the text in this block. Defaults to #333333 (dark grey)	Colour Block Group	No
`Text Size`	The size of the text in this block.	Unit Value Block Group	No
`Font`	The list of preferred fonts for this element.	Text Block Group	No
`Font Style`	Whether the font should be normal (upright) or italicised.	Text Block Group	No
`Font Weight`	How light or bold the text should be.	Text Block Group	No
`Line Height`	The height of each line of text inside the element.	Text Block Group	No
`Text Decoration`	Whether the text should be underlined, overlined, etc.	Text Block Group	No
`Padding`	The padding around the element.	Text Block Group	No
`Padding Bottom`	The padding below the element.	Unit Value Block Group	No
`Padding Left`	The padding to the left of the element.	Unit Value Block Group	No
`Padding Right`	The padding to the right of the element.	Unit Value Block Group	No
`Padding Top`	The padding above the element.	Unit Value Block Group	No
`Text Padding`	The padding around the text.	Text Block Group	No
`Icon Padding`	The padding around the icon	Text Block Group	No
`Border Radius`	The rounding radius of the corners of the element.	Text Block Group	No
`Horizontal Alignment`	How the block should be aligned horizontally within its container.	Text Block Group	No
`Vertical Alignment`	Vertical position of the element within its container.	Text Block Group	No