Ficogs Login Screen

by Amens

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
<div class="wrapper bg overlayed">
  test
</div>

SCSS

$wrapper-bg: 'http://lorempixel.com/1920/1080/nature/';

.wrapper {
  min-height: 100vh;
  min-width: 100vw;

  &.bg {
    background-image: url($wrapper-bg);
    background-size: cover;
    
    &.overlayed:before {
      content: '';
      position: absolute;
      z-index: 0;
      height: 100%;
      width: 100%;
      background-color: rgba(70, 200, 70, 0.7);
    }
  }
}