1.6 #permalink .block

Toggle example guides Toggle HTML markup

Sets the display property of a element to "block" and therefor changes the elements state to a 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
.block--500
Blocks the element if the browser window is at least 500px wide
Element
.block--600
Blocks the element if the browser window is at least 600px wide
Element
.block--700
Blocks the element if the browser window is at least 700px wide
Element
.block--800
Blocks the element if the browser window is at least 800px wide
Element
.block--900
Blocks the element if the browser window is at least 900px wide
Element
.block--1000
Blocks the element if the browser window is at least 1000px wide
Element
.block--1100
Blocks the element if the browser window is at least 1100px wide
Element
.block--1200
Blocks the element if the browser window is at least 1200px wide
Element
Markup
<span class="block {modifiers}">Element</span>
Source: globals.css, line 197