3.1 #Layout.containers Containers
All Usabilla application page containers should use sb-container
which is set to a max-width of 1920px.
If you want a Usabilla page to be the full window height (minus the header), you can use sb-container--full-height
.
You can also use sb-container--full-width
for full width containers.
And sb-container--sidepanel
transitioning to sb-container--sidepanel-collapsed
if you are using the sidepanel component.
And sb-container--centered
if you want to center a div that is smaller than the parent
Browser support: IE9+, Safari6+, Firefox30+, Chrome30+
.sb-container
.sb-container--full-width
Markup
<div class="sb-container sb-tile sb-padding">
.sb-container
</div>
<div class="sb-container--full-width sb-tile sb-padding">
.sb-container--full-width
</div>
Source: layout/_layout.scss, line 17