erratic-gate/src/modules/splash/classes/Splash.scss
2019-07-26 00:07:02 +03:00

71 lines
1 KiB
SCSS

@import './Spinner.scss';
@import '../../core/styles/colors.scss';
.Splash {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: $grey;
padding: 32px;
overflow-y: auto;
z-index: 999999999999999;
}
.Splash > .loading {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.Splash > .error {
color: white;
display: none;
}
.Splash > .error > .title {
font-size: 24px;
margin-bottom: 16px;
}
.Splash > .error > .details {
padding: 16px;
background-color: #222222;
border-radius: 3px;
margin-bottom: 16px;
font-family: monospace;
}
.Splash > .error > .description {
color: white;
margin-bottom: 16px;
font-size: 14px;
}
.Splash > .error > .details > a {
color: $primary !important;
}
.Splash.-hasError {
> .error {
display: block;
}
> .loading {
display: none;
}
}
.mail {
color: #aaaaff;
}