Заявление о состоянии с использованием sass

Question

Я только начинаю понимать sass и пытаюсь установить условие для кнопки на основе цвета фона ее родителя.Я думаю, что это возможно из того, что я прочитал, но я не могу понять кодирование.

Я использую SASS, а не SCSS.

Вот некоторый код, который у меня работает:

=item-styles($condition)
  // The built-in sass if() function can be used
  // like a ternary operator. Maybe it's considered a ternary operator?
  //
  // either way, can be helpful and uses less code
  // than a big ole if/else statement.
  $color: if($condition, green, purple)

  .items li
      background-color: $color

@include item-styles(true)

@media screen and (min-width: 800px)
    @include item-styles(false)

Это меняет цвет фона элементов моего списка на фиолетовый, если размер экрана превышает 800 пикселей.

Теперь вместо условия, основанного на размере экрана, я должен основывать условие нацвет.

Вот что у меня так далеко:

  $color: pink
  @function set-button-text-color($color)
    @if ($background = red)
      @return white
    @else if ($background = blue)
      @return black
    @else
      @return purple

  .button-confirm
    background: green
    color: set-button-text-color($color)