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


// Place any CSS rules you want to apply on both iOS and Android here.
// This is where the vast majority of your CSS code goes.

// Font icon class
.fab {
  font-family: 'Font Awesome 5 Brands', 'fa-brands-400';
  font-weight: 400;
}

.fas {
  font-family: 'Font Awesome 5 Free', 'fa-solid-900';
  font-weight: 900;
}

.far {
  font-family: 'Font Awesome 5 Free', 'fa-regular-400';
  font-weight: 400;
}

// Custom styles
.cars-list {
  &__item {
    padding: 0 0 8 0;
    @include colorize($background-color: background-alt-10);

    &-content {
      padding: 8 15 4 15;
      border-bottom-width: 10;
      border-bottom-color: #e4e4e4;
      @include colorize($background-color: background);
    }

    &-name,
    &-icon {
      @include colorize($contrasted-color: complementary background 30% 0%);
    }
  }
}