Fylgja - Aspect Ratio

The aspect ratio component is used to set videos to a certain responsive aspect ratio,

but can also be used for images and other content.

Installation

npm install @fylgja/aspect-ratio

Then include the component in to your code via;

@use "@fylgja/aspect-ratio";
// Or via PostCSS import
@import "@fylgja/aspect-ratio";

@layer support

If you need support for @layer, use the following import;

@use "@fylgja/aspect-ratio" with ($aspect-ratio-layer: "components");
// Or via native CSS import, also supported by PostCSS import
@import "@fylgja/aspect-ratio" layer("components");

How to use

For more information see the aspect-ratio docs on the Fylgja.dev.