houdini/app/assets/stylesheets/components/full_screen_loading.css.scss
2020-06-15 10:26:57 -05:00

22 lines
643 B
SCSS

/* License: AGPL-3.0-or-later WITH WTO-AP-3.0-or-later
Full license explanation at https://github.com/houdiniproject/houdini/blob/master/LICENSE */
// this is an element that is layed over the entire page
// during global loading states (appl.def('full_loading', true))
// it's purpose is to prevent users from clicking on stuff
/// while loading
.fullScreenLoading{
position: fixed;
height: 100%;
width: 100%;
bottom: 0;
left: 0;
display: table;
background: rgba(white, 0.7);
}
.fullScreenLoading-inner {
font-size: 40px;
display: table-cell;
vertical-align: middle;
text-align: center;
@include transform(translateY(-100px));
}