Skip to content

Instantly share code, notes, and snippets.

@jserrao

jserrao/vertical_centering.scss

Created January 11, 2016 14:39
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jserrao/6e021d178e5df7e5eda2 to your computer and use it in GitHub Desktop.
Save jserrao/6e021d178e5df7e5eda2 to your computer and use it in GitHub Desktop.
Download ZIP
Vertical centering that works IE10+
Raw
vertical_centering.scss
/* Mixin */
@mixin vertical-align($position: relative) {
position: $position;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.element p {
@include vertical-align();
}
@jserrao
Copy link
Author

jserrao commented Jan 11, 2016

http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment