cirrus-ui/src/utils/opacity.scss

A lightweight UI framework written in SCSS

@use '../src/internal/generator_v2';
@use '../src/internal' as *;

@if should-generate-classes($OPACITY) {
    @include generator_v2.utility(
        $base-class-name: 'opacity',
        $class-value-pairs: generator_v2.class-value-to-property-map($opacities, opacity),
        $variants: get-pseudo-variants($OPACITY),
        $override: '!important'
    );
}

@if should-generate-classes($BACKGROUND-OPACITY) {
    @include generator_v2.utility(
        $base-class-name: 'bg-opacity',
        $class-value-pairs: generator_v2.class-value-to-property-map($opacities, '--bg-opacity'),
        $variants: get-pseudo-variants($BACKGROUND-OPACITY),
    );
}

@if should-generate-classes($COLOR-OPACITY) {
    @include generator_v2.utility(
        $base-class-name: 'color-opacity',
        $class-value-pairs: generator_v2.class-value-to-property-map($opacities, '--color-opacity'),
        $variants: get-pseudo-variants($COLOR-OPACITY),
    );
}