Skip to content

Instantly share code, notes, and snippets.

@rolia17
Last active October 13, 2015 21:18
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 rolia17/33be273be4443920f617 to your computer and use it in GitHub Desktop.
Save rolia17/33be273be4443920f617 to your computer and use it in GitHub Desktop.
Aspect ratio sass mixin
@mixin aspect-ratio($width, $height) {
position: relative;
&:before {
display: block;
content: "";
width: 100%;
padding-top: ($height / $width) * 100%;
}
> .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment