<%= head %> <%= siteHeader %>

Heights

The heights module contains both a five-step height scale based on powers of two as well as a series of percentage values. Explicit values can be used inside of any parent. Percentage values will only work inside of a parent element that has a declared height.

Class name structure is as follows:

Base:
  h = height

Modifiers
  1 = 1st step in height scale
  2 = 2nd step in height scale
  3 = 3rd step in height scale
  4 = 4th step in height scale
  5 = 5th step in height scale

  -25
  -50
  -75
  -100

  -auto  = string value auto

Media Query Extensions:
  -ns = not-small
  -m  = medium
  -l  = large

Examples

Height Scale

.h1
.h2
.h3
.h4
.h5

Height Percentages

h-25
h-50
h-75
h-100

Previous

Max Width

Next

Position

Reference

MDN - Height

<%= name %>

v<%= moduleVersion %> <%= moduleSize %>
Declarations
<%= moduleObj.declarations.total %>
Selectors
<%= moduleObj.selectors.total %>
Max. Specificity Score
<%= moduleObj.selectors.specificity.max %>
Size of Avg. Rule
<%= moduleObj.rules.size.average %>
src/_heights.css

<%= srccss  %>

<%= navDocs %>
<%= siteFooter %> <%= googleAnalytics %>