Skip to content

Instantly share code, notes, and snippets.

@jserrao

jserrao/vertical_centering.scss

Created January 11, 2016 14:39
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save jserrao/6e021d178e5df7e5eda2 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
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

jserrao commented Jan 11, 2016

Copy link
Copy Markdown
Author

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