%logo {
  background-image: url('~assets/logo/timus-logo.svg');
  background-position: center;
  background-repeat: no-repeat;
}

%logo-icon {
  background-image: url('~assets/logo/timus-icon.svg');
  background-position: center;
  background-repeat: no-repeat;
}

.logo-small {
  background-size: 138px 32px;
  height: 32px;
  min-width: 138px;
  @extend %logo;
}

.logo-medium {
  background-size: 206px 48px;
  height: 48px;
  min-width: 206px;
  @extend %logo;
}

.logo-large {
  background-size: 274px 64px;
  height: 64px;
  min-width: 274px;
  @extend %logo;
}

.logo-icon-small {
  background-size: 32px 32px;
  height: 32px;
  min-width: 32px;
  @extend %logo-icon;
}

.logo-icon-medium {
  background-size: 48px 48px;
  height: 48px;
  min-width: 48px;
  @extend %logo-icon;
}

.logo-icon-large {
  background-size: 64px 64px;
  height: 64px;
  min-width: 64px;
  @extend %logo-icon;
}