Padding component

List of the available mixins

Mixin name	Example	Code
addPaddingRule	Gist example	Source code
addPaddingSelector	Gist example	Source code
setViewportsPadding	Gist example	Source code

####addPaddingRule

Adds a CSS selector with a different padding property for every viewport

Param	Default value	Required
@selector	none	yes
@hdFullPadding	6em	no
@hdReadyPadding	5em	no
@tabletLandscapePadding	4em	no
@tabletPortraitPadding	3em	no
@smartphoneLandscapePadding	2em	no
@smartphonePortraitPadding	1em	no

Gist example

===

####addPaddingSelector

Adds a list of CSS selectors for every padding state like name-padding, name-vertical-padding, name-horizontal-padding, name-top-padding, name-right-padding, name-bottom-padding, name-left-padding

Param	Default value	Required	Comment
@selector	false	no
@verticalMargin	@vertical-padding	no	Frontsize var from app.less
@horizontalMargin	@horizontal-padding	no	Frontsize var from app.less

Gist example

===

####setViewportsPadding

Sets a different padding property for every viewport to a CSS selector

Param	Default value	Required
@hdFullPadding	6em	no
@hdReadyPadding	5em	no
@tabletLandscapePadding	4em	no
@tabletPortraitPadding	3em	no
@smartphoneLandscapePadding	2em	no
@smartphonePortraitPadding	1em	no

Gist example