облегчить mixin с переменными css не работает - PullRequest
0 голосов
/ 05 июля 2019

Я пытаюсь использовать sass mixin lighten с переменными css, но, похоже, это не работает. Есть идеи, что я делаю не так?

CSS

:root {
       --primary-color: 2, 0, 182;
     }


    .btn--primary {
      width:100px;
      height:20px;
      display:block;
      background: rgba(var(--primary-color), .85);
      background: -moz-linear-gradient(top, rgba(var(--primary-color), 1) 0%, lighten(rgba(var(--primary-color)), 10%) 85%);
      background: -webkit-linear-gradient(top, rgba(var(--primary-color), 1) 0%, lighten(rgba(var(--primary-color)), 10%) 85%);
      background: linear-gradient(to bottom, rgba(var(--primary-color), 1) 0%, lighten(rgba(var(--primary-color)), 10%) 85%);
    }

HTML

<button>Send</button>
...