Skip to content

Instantly share code, notes, and snippets.

@frzsombor

frzsombor/aspect-ratio-paddings.scss

Last active December 19, 2023 00:01
Show Gist options
  • Save frzsombor/fd68071f1ccef39be00da8d59f3afd36 to your computer and use it in GitHub Desktop.
Save frzsombor/fd68071f1ccef39be00da8d59f3afd36 to your computer and use it in GitHub Desktop.
Download ZIP
[SASS/SCSS] Aspect ratio padding class generator mixin
Raw
aspect-ratio-paddings.scss
$ratios: (
4 3,
3 2,
16 9,
);
@each $x, $y in $ratios {
.aspect-ratio-padding-#{$x}-#{$y} {
padding-bottom: ($y / $x * 100%);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment