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
Sizing
Modify the width or the height of an element
Added in v3.1.0
Modify the width of an element adding the class
siimple--width-{size}, or the height of an element with the class siimple--height-{size}. Available sizes: 0%, 25%, 50%, 75% and 100%.
0%
25%
50%
75%
100%
<div class="siimple--width-0 siimple--bg-light">0%</div> <div class="siimple--width-25 siimple--bg-light">25%</div> <div class="siimple--width-50 siimple--bg-light">50%</div> <div class="siimple--width-75 siimple--bg-light">75%</div> <div class="siimple--width-100 siimple--bg-light">100%</div>
You can also set the min-width property of an element adding
siimple--mwidth-{size}, and the min-height adding siimple--mheight-{size}.
Found a mistake or want to help improve this documentation?
Suggest changes.