1.5 #permalink .hide
Sets the display property of a element to "hidden" and therefor changes the elements state to invisible. Various modifier classes allow to hide the element at different screen dimensions from 500px through to 1200px in 100px steps.
Examples
Default styling
Element
.hide--500
Hides the element if the browser window is at least 500px wide
.hide--600
Hides the element if the browser window is at least 600px wide
.hide--700
Hides the element if the browser window is at least 700px wide
.hide--800
Hides the element if the browser window is at least 800px wide
.hide--900
Hides the element if the browser window is at least 900px wide
.hide--1000
Hides the element if the browser window is at least 1000px wide
.hide--1100
Hides the element if the browser window is at least 1100px wide
.hide--1200
Hides the element if the browser window is at least 1200px wide
Markup
<span class="hide {modifiers}">Element</span>
Source:
globals.css, line 124