Skip to content

Instantly share code, notes, and snippets.

@djave-co

djave-co/Aspect Ratio Mixin

Created September 2, 2013 14:49
Show Gist options
  • Save djave-co/6413676 to your computer and use it in GitHub Desktop.
Save djave-co/6413676 to your computer and use it in GitHub Desktop.
Download ZIP
Gives an element a responsive aspect ratio : )
Raw
Aspect Ratio Mixin
// EG @include aspectRatio(4,3)
@mixin aspectRatio($width,$height){
height:0;
padding-bottom:percentage($height/$width);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment