explore-services/explore/src/app/home/home.component.less

@import (reference) "~src/assets/openaire-theme/less/_import-variables";

@trello-color: #0076BA;

.home-background {
  background-color: @global-inverse-color;
}

.link-actions img {
  width: 17px;
}

.home-logo {
  img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    transition-duration: 0.3s;
  }

  &:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    transition-duration: 0.3s;
  }
}

.custom-link {
  border-bottom: @global-border-width solid @global-border;

  a {
    text-transform: none;

    .link-title {
      color: @global-emphasis-color;
    }

    &:hover .link-title {
      color: @global-secondary-background;
    }
  }

}

@media only screen and (min-width: @breakpoint-medium) {
  .explore-dark-logo-background {
    background-image: url("~src/assets/explore-assets/home/explore-dark-logo.svg");
    background-repeat: no-repeat;
    background-position: left 95%;
    background-size: 65%;
  }
}