Skip to content
Snippets Groups Projects
_header.scss 664 B
Newer Older
  • Learn to ignore specific revisions
  • Jonas Leder's avatar
    Jonas Leder committed
    .header-wrapper *:before {
    
    Jonas Leder's avatar
    Jonas Leder committed
        box-sizing: border-box;
    }
    .header-homepage {
    
    Jonas Leder's avatar
    Jonas Leder committed
      background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6)), url(/API/getFile.php?filename=img/bannerHomeCrop.webp);
    
    Jonas Leder's avatar
    Jonas Leder committed
      background-size: cover;
      position: relative;
      color: #fff;
      z-index: 0;
      padding-top: 160px;
    
    Jonas Leder's avatar
    Jonas Leder committed
      padding-bottom: 360px;
    
      h1 {
        width: 100%;
        text-align: center;
        font-size: 3.3em;
        font-weight: 600;
      }
    
    Jonas Leder's avatar
    Jonas Leder committed
      }
    
    Jonas Leder's avatar
    Jonas Leder committed
    
    
    Jonas Leder's avatar
    Jonas Leder committed
    .header-separator-bottom {
      position: absolute;
      bottom: -1px;
      left: 0;
      width: 100%;
      svg { display: block;
        width: calc(100% + 1.3px);
    
    Jonas Leder's avatar
    Jonas Leder committed
        height: 90px;
        fill: $back-color;
    
    Jonas Leder's avatar
    Jonas Leder committed
      }
    }
    
    Jonas Leder's avatar
    Jonas Leder committed
    
    
    Jonas Leder's avatar
    Jonas Leder committed
    .header-wrapper {
      position: relative;
    
    Jonas Leder's avatar
    Jonas Leder committed
    }