@import '@nativescript/theme/scss/variables/blue';

// Custom styles
.car-list {
  &-even,
  &-odd {
    padding: 10 15;
    margin: 0;
    border-bottom-width: const(border-width);
    @include colorize($border-color: background-alt-20);
  }

  &-odd {
    @include colorize($background-color: background-alt-10, $color: secondary);
  }

  &__value {
    width: 65;
    text-align: right;
    @include colorize($contrasted-color: complementary background 30% 10%);
  }

  TextField.placeholder-error {
    @include colorize($placeholder-color: error);
  }

  Slider {
    @include colorize(
      $contrasted-background-color: complementary background 20% 0%,
      $contrasted-color: complementary background 20% 0%
    );
  }
}

.thumb {
  background-size: cover;
  background-repeat: no-repeat;
  font-size: 25;
  font-weight: bold;

  &__add {
    background-color: transparent;
    border-radius: const(border-radius-sm);
    border-width: const(border-width);
    @include colorize($border-color: background-alt-20, $color: background-alt-20);
  }

  &__remove {
    background-color: rgba(grey, 0.5);
    @include colorize($color: background);
  }
}