51 lines
1.0 KiB
SCSS
51 lines
1.0 KiB
SCSS
|
|
LoadingScreen
|
|
{
|
|
background-color: #262934;
|
|
padding: 128px 128px;
|
|
opacity: 1;
|
|
flex-direction: column;
|
|
font-size: 25px;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
transition: all 0.3s ease-out;
|
|
color: rgba( white, 0.8 );
|
|
|
|
.background
|
|
{
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-image: url( https://files.facepunch.com/tony/1b1311b1/boxes.webm );
|
|
opacity: 0.2;
|
|
background-size: contain;
|
|
filter: blur( 20px );
|
|
mask: linear-gradient( 45deg, white, white, black );
|
|
mask-scope: filter;
|
|
}
|
|
|
|
&:intro
|
|
{
|
|
opacity: 0;
|
|
transform: scaleX( 1.1 );
|
|
}
|
|
|
|
.game-title
|
|
{
|
|
font-family: Roboto;
|
|
font-weight: 700;
|
|
font-size: 70px;
|
|
color: rgba( white, 1 );
|
|
}
|
|
|
|
.controls
|
|
{
|
|
flex-direction: column;
|
|
gap: 50px;
|
|
align-items: flex-start;
|
|
font-family: Roboto;
|
|
text-transform: uppercase;
|
|
}
|
|
}
|