45 lines
727 B
SCSS
45 lines
727 B
SCSS
/*
|
|
* Background Layer
|
|
* Styles for the background layer component.
|
|
*
|
|
* Dependencies:
|
|
*
|
|
* Version:
|
|
* 1.0.0 - 2018/03/21
|
|
*/
|
|
$starSize: 1024px;
|
|
$starTime: 4s;
|
|
$starSizeMobile: 0.5;
|
|
$starTimeMobile: $starTime / $starSizeMobile;
|
|
|
|
.c-background-layers {
|
|
position: fixed;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
top: 0;
|
|
left: 0;
|
|
&__wrapper {
|
|
position: relative;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
perspective: 0px;
|
|
}
|
|
|
|
.c-background-layer {
|
|
width: 100%;
|
|
background-repeat: repeat;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
|
|
@for $i from 0 through 3 {
|
|
&--stars-#{$i} {
|
|
height: 200% + (50% * $i);
|
|
background-image: url('./../images/stars#{$i}.png');
|
|
}
|
|
}
|
|
}
|