Skip to content

Instantly share code, notes, and snippets.

@tommymarshall

tommymarshall/_vertical_center.sass

Created June 6, 2014 17:58
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save tommymarshall/a131ec485c3c0d7fb043 to your computer and use it in GitHub Desktop.
Save tommymarshall/a131ec485c3c0d7fb043 to your computer and use it in GitHub Desktop.
Download ZIP
Vertically centers a child element.
Raw
_vertical_center.sass
=vertically-centered-child
font-size: 0
&:before
content: ''
display: inline-block
height: 100%
vertical-align: middle
> *
display: inline-block
font-size: $base-font-size
vertical-align: middle
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment