Generated by SassMeister.com.

input.scss

/* Colors */
$primary: #07698D;
$primaryBackgroundOpacity: 0;

/* Opacities */
$activeOpacity: 1;
$disabledOpacity: 0.5;



/* Usage */
.buttonPrimaryDisabled {
  background: rgba($primary, $primaryBackgroundOpacity);
  opacity: $disabledOpacity;
}

.buttonPrimary {
  background: rgba($primary, $primaryBackgroundOpacity);
  opacity: $activeOpacity;
}

output.css

/* Colors */
/* Opacities */
/* Usage */
.buttonPrimaryDisabled {
  background: rgba(7, 105, 141, 0);
  opacity: 0.5;
}

.buttonPrimary {
  background: rgba(7, 105, 141, 0);
  opacity: 1;
}

settings.json

{
  "sass": {
    "compiler": "dart-sass/1.32.12",
    "extensions": {},
    "syntax": "SCSS",
    "outputStyle": "expanded"
  },
  "autoprefixer": false
}