Skip to content

Instantly share code, notes, and snippets.

@mrtag23

mrtag23/ratio.scss

Created August 30, 2018 17:56
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 mrtag23/0f0a472a888521f1c06548002c1a9887 to your computer and use it in GitHub Desktop.
Save mrtag23/0f0a472a888521f1c06548002c1a9887 to your computer and use it in GitHub Desktop.
Download ZIP
Creates intrinsic ratio
Raw
ratio.scss
// Use this for creating scalable elements (usually images / background images) that maintain a ratio.
// USAGE: @include responsive-ratio(16,9);
@mixin responsive-ratio($x,$y) {
height: 0;
padding-bottom: percentage($y / $x);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment