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
Display
Customize how the content is displayed in your website
Added in v3.1.0
Use these classes to change the display value of an element. Available display modifiers:
siimple--display-nonesiimple--display-blocksiimple--display-inlinesiimple--display-inline-blocksiimple--display-tablesiimple--display-table-cellsiimple--display-table-rowsiimple--display-flexsiimple--display-inline-flex
Display inline block
Display inline block
Display block
<div class="siimple--display-inline-block siimple--bg-primary siimple--color-white">
Display inline block
</div>
<div class="siimple--display-inline-block siimple--bg-primary siimple--color-white">
Display inline block
</div>
<div class="siimple--display-block siimple--bg-error siimple--color-white">
Display block
</div>
Found a mistake or want to help improve this documentation?
Suggest changes.