dev/scss/main/logos.scss

@charset "utf-8";
@import "../util";

/**
 * Rules for logos.
 */
.logo {
  &::after {
    content: "" !important;
  }

  > * {
    background: {
      repeat:   no-repeat;
      size:     90%;
      position: 50% 50%;
    }

    > span {
      @include blind;
    }
  }
}

/**
 * Logo: KorAP
 */
h1 {
  position:    absolute;
  margin:      0;
  margin-left: 10pt;
  left:        0;
  top:         0;
  width:       7.8em;
  height:      2.4em;
  z-index:     105;
  background: {
    size:  78% !important;
    image: url('#{$img-path}/korap-logo.svg');
  }
}

aside.active ~ header h1 {
  position: fixed;
}


#overview {
  text-align: center;
  width:      100%;
}