-
Notifications
You must be signed in to change notification settings - Fork 3
Padding component
Vittorio Vittori edited this page Aug 5, 2014
·
1 revision
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 |
===
####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
|
===
####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 |