Skip to content

Instantly share code, notes, and snippets.

@dwayne

dwayne/exact-center.scss

Created February 19, 2014 11:48
Show Gist options
  • Save dwayne/9090433 to your computer and use it in GitHub Desktop.
Save dwayne/9090433 to your computer and use it in GitHub Desktop.
Download ZIP
A mixin for horizontally and vertically centering a block element.
Raw
exact-center.scss
// http://css-tricks.com/snippets/css/exactly-center-an-imagediv-horizontally-and-vertically/
@mixin exact-center($width, $height) {
width: $width;
height: $height;
position: absolute;
left: 50%;
top: 50%;
margin-left: -$width / 2;
margin-top: -$height / 2;
}
@dwayne
Copy link
Author

dwayne commented Feb 19, 2014

http://css-tricks.com/snippets/css/exactly-center-an-imagediv-horizontally-and-vertically/

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