vf-logo.scss 618 Bytes
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
// vf-logo

.vf-logo {
  color: set-color(vf-color-black);
  display: flex;
  height: 41px;
  text-decoration: none;
}


.vf-logo--responsive {
  background-image: url('../assets/vf-logo/assets/logo-small.svg');
  background-repeat: no-repeat;
  background-size: auto 100%;
  display: flex;
  height: 25px;
  min-width: 70px;
}

@media (min-width: 500px) {
  .vf-logo--responsive {
    background-image: url('../assets/vf-logo/assets/logo-medium.svg');
    height: 28px;
  }
}
@media (min-width: 999px) {
  .vf-logo--responsive {
    background-image: url('../assets/vf-logo/assets/logo.svg');
    height: 30px;
  }
}