Search
Find
Colors
Change the color of the text or background
Display
Customize how the content is displayed in your website
Float
Align elements in your website
Sizing
Modify the width or the height of an element
Spacing
Customize the padding and the margin of an element
Text helpers
Basic text helpers
Miscellanea helpers
A collection of unclassified helpers
Spacing
Customize the padding and the margin of an element
Added in v3.2.0
Modify the padding or the margin of an element adding the class
siimple--{attribute}-{size}
,
where attribute
is one of the following attributes:
mt
to change themargin-top
.pt
to change thepadding-top
.mb
to change themargin-bottom
.pb
to change thepadding-bottom
.ml
to change themargin-left
.pl
to change thepadding-left
.mr
to change themargin-right
.pr
to change thepadding-top
.mx
to change themargin-left
and themargin-right
.px
to change thepadding-left
and thepadding-right
.my
to change themargin-top
and themargin-bottom
.py
to change thepadding-top
and thepadding-bottom
.
And
size
is one of the following values:0
: to set thepadding
or themargin
to0px
.1
: to set thepadding
or themargin
to5px
.2
: to set thepadding
or themargin
to10px
.3
: to set thepadding
or themargin
to15px
.4
: to set thepadding
or themargin
to20px
.5
: to set thepadding
or themargin
to25px
.auto
: to set themargin
toauto
.
Centered element
<div class="siimple--mx-auto siimple--bg-light"> Centered element </div>
Found a mistake or want to help improve this documentation?
Suggest changes.