dev/scss/main/logos.scss

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

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

  div.logoaddon {
    position:absolute;
    display: block;
    font-size: 45%;
    right: 5pt;
    bottom: 2.5pt;
    text-align:right;
    color: $nearly-white;
    padding: 3pt;
    text-shadow: 1pt 1pt 0 $light-green, -1pt -1pt 0 $light-green, -1pt 1pt 0 $light-green, 1pt -1pt 0 $light-green;
  }
  
  > * {
    background: {
      repeat:   no-repeat;
      size:     90%;
      position: 50% 50%;
    }

    > span {
      @include blind;
    }
  }
}

aside.active + header .logo div.logoaddon {
  text-shadow: 1pt 1pt 0 $dark-green, -1pt -1pt 0 $dark-green, -1pt 1pt 0 $dark-green, 1pt -1pt 0 $dark-green;
}

/**
 * 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%;
}