Contents

.vh100{
  height: 100vh; 
}
.vh50{
  height: 50vh; 
}
.vh25{
  height: 25vh; 
}
.bottom{
  position: absolute;
  bottom: 0;
  margin-right: 0;
  
  background:rgba(0,0,0,.7); 
  width:100%; 
  max-width:none; 
  text-shadow: rgb(0, 0, 0) 1px 2px;
}

.home-grey{
  color:white;
  background-repeat: repeat;
  background-size: 12%;
  background-position:center; 

  background: 
    linear-gradient(
      to bottom right,
      rgba(lighten($color-grey, 10%), .7),
      rgba($color-grey, 1)
    ),
    url(#{$pattern});
}

.home-one{
  color:white;
  background-repeat: repeat;
  background-size: 12%;
  background-position:center; 

  background: 
    linear-gradient(
      to bottom right,
      rgba(lighten($color-one, 10%), .7),
      rgba($color-one, 1)
    ),
    url(#{$pattern});
}

.home-two{
  color:white;
  background-repeat: repeat;
  background-size: 12%;
  background-position:center; 

  background: 
    linear-gradient(
      to bottom right,
      rgba(lighten($color-two, 10%), .7),
      rgba($color-two, 1)
    ),
    url(#{$pattern});
}

.home-three{
  color:white;
  background-repeat: repeat;
  background-size: 12%;
  background-position:center; 

  background: 
    linear-gradient(
      to bottom right,
      rgba(lighten($color-three, 10%), .7),
      rgba($color-three, 1)
    ),
    url(#{$pattern});
}

.home-four{
  color:white;
  background-repeat: repeat;
  background-size: 12%;
  background-position:center; 

  background: 
    linear-gradient(
      to bottom right,
      rgba(lighten($color-four, 10%), .7),
      rgba($color-four, 1)
    ),
    url(#{$pattern});
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
solar-flair-0.3.0	_sass/solar-flair/_home.scss