DEV Community

loading...

Discussion on: CSS Custom Properties (vars) with SASS/SCSS, a practical architecture strategy

Collapse
tvld profile image
Tom

In this line, I have brain-cracker:

$other-color: #0f0;
@debug opacify($other-color, 0.3); // #works

// but:
$primary-color: var(--v-primary-base);

.my-color {
color: $primary-color; // while this works
}

@debug opacify($primary-color, 0.3); // this fails with '$color: --v-primary-base is not a color.'