A section with creamy background and border.
A section with creamy background and border.
.creamy-border-bottom - Only use border at bottom
<div class="creamy">Oh, creamy.</div>Prevents clicking on any element and fades it out.
This is a filled box. This box is typically used in the sidebar to display "widgets" or secondary information.
<div class="box box-filled-3 disabled">
<div class="box-content">
<h5>Title</h5>
<p>This is a filled box. This box is typically used in the sidebar to display "widgets" or secondary information.</p>
</div>
</div>Prepends a link indicator icon before the link text. If the href matches a file type, that's specified below, the icon for the matching file type icon. You can also, like in the examples, use a modifier class to set the icon.
.link-item-light - Lighter link item icon and text color (for use with dark backgrounds)
<strong>Default</strong><br>
<a href="#" class="link-item">Default link item</a><br>
<a href="#" class="link-item link-item-outbound">Outbound link item</a><br><br>
<strong>Automatic file type parsing</strong><br>
<a href="http://www.helsingborg.se/wp-content/uploads/2014/12/Best-mmelser_Kommunalt_f-reningsst-d_2015.pdf" class="link-item">File type: pdf</a><br>
<a href="http://www.helsingborg.se/wp-content/uploads/2015/11/skolflicka_i_kattarp_1800x600_foto_anna_alexander_olsson.jpg" class="link-item">File type: image</a><br><br>
<strong>Manual file type</strong><br>
<a href="#" class="link-item link-item-github">GitHub</a><br>
<a href="#" class="link-item link-item-pdf">PDF</a><br>
<a href="#" class="link-item link-item-doc">Word document</a><br>
<a href="#" class="link-item link-item-ppt">PowerPoint</a><br>
<a href="#" class="link-item link-item-xls">Excel</a><br>
<a href="#" class="link-item link-item-audio">Audio</a><br>
<a href="#" class="link-item link-item-archive">Archive</a><br>
<a href="#" class="link-item link-item-image">Image</a><br>
<a href="#" class="link-item link-item-text">Text</a><br>
<a href="#" class="link-item link-item-video">Video</a><br>Set margins to zero
.no-margin-top - Sets top margin to zero
.no-margin-right - Sets right margin to zero
.no-margin-bottom - Sets bottom margin to zero
.no-margin-left - Sets left margin to zero
Gutters any element.
.gutter - Standard gutter
.gutter-sm - Smaller gutter
.gutter-lg - Larger gutter
.gutter-xl - Extra large gutter
.gutter-margin - Add gutter as margin instead of padding
.gutter-vertical - Only vertical gutter
.gutter-horizontal - Only horizontal gutter
Hides any elements for the specified screen size
.hidden-xs - Hidden on extra small screens
.hidden-sm - Hidden on small screens
.hidden-md - Hidden on medium screens
.hidden-lg - Hidden on large screens