houdini/app/assets/stylesheets/components/full_screen_loading.css.scss

23 lines
643 B
SCSS
Raw Normal View History

2020-06-12 20:03:43 +00:00
/* 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));
}