1.7 #permalink .iblock

Toggle example guides Toggle HTML markup

Sets the display property of a element to "inline-block" and therefor changes the elements state to a inline-block level. Various modifier classes allow alter the element at different screen dimensions from 500px through to 1200px in 100px steps.

Examples
Default styling
Element
.iblock--500
Inline-blocks the element if the browser window is at least 500px wide
Element
.iblock--600
Inline-blocks the element if the browser window is at least 600px wide
Element
.iblock--700
Inline-blocks the element if the browser window is at least 700px wide
Element
.iblock--800
Inline-blocks the element if the browser window is at least 800px wide
Element
.iblock--900
Inline-blocks the element if the browser window is at least 900px wide
Element
.iblock--1000
Inline-blocks the element if the browser window is at least 1000px wide
Element
.iblock--1100
Inline-blocks the element if the browser window is at least 1100px wide
Element
.iblock--1200
Inline-blocks the element if the browser window is at least 1200px wide
Element
Markup
<span class="iblock {modifiers}">Element</span>
Source: globals.css, line 270