SCSS Mixin Aspect Ratio

A package for integrating a mixin to create proportional blocks.

Documentation: EN | RU

Installation

You can install the package automatically using NPM:

npm i @bu0nq/scss-mixin-aspect-ratio

Usage

To use the package, import it into your project:

@use "@bu0nq/scss-mixin-aspect-ratio" as *;

.demo {
    @include aspect-ratio(1, 1) {
        // Styles
    };
}

Changing the namespace

You can change the namespace during mixin import and use the mixin with a different namespace:

@use "@bu0nq/scss-mixin-aspect-ratio" as mixin;

.demo {
    @include mixin.aspect-ratio(1, 1) {
        // Styles
    };
}