mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-03-22 05:18:51 +00:00
69 lines
1.3 KiB
Sass
69 lines
1.3 KiB
Sass
@import "compass/css3/user-interface"
|
|
|
|
#loading
|
|
.reveal-modal-bg
|
|
z-index: 101
|
|
background: rgba(0, 0, 0, 0.85)
|
|
#message
|
|
width: 100%
|
|
text-align: center
|
|
position: absolute
|
|
z-index: 102
|
|
margin: auto
|
|
top: 0
|
|
left: 0
|
|
bottom: 0
|
|
right: 0
|
|
@include user-select(none)
|
|
h1
|
|
color: white
|
|
position: fixed
|
|
text-align: center
|
|
left: 0
|
|
right: 0
|
|
margin: 0 auto
|
|
top: 55%
|
|
width: 100%
|
|
height: 400px
|
|
overflow: visible
|
|
|
|
.loader
|
|
position: fixed
|
|
margin: 0 auto
|
|
left: 0
|
|
right: 0
|
|
top: 50%
|
|
margin-top: -30px
|
|
width: 60px
|
|
height: 60px
|
|
list-style: none
|
|
|
|
li
|
|
background-color: #FFFFFF
|
|
width: 10px
|
|
height: 10px
|
|
float: right
|
|
margin-right: 5px
|
|
box-shadow: 0px 100px 20px rgba(0, 0, 0, 0.2)
|
|
|
|
li:first-child
|
|
-webkit-animation: loadbars 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) infinite 0s
|
|
|
|
li:nth-child(2)
|
|
-webkit-animation: loadbars 0.6s ease-in-out infinite -0.2s
|
|
|
|
li:nth-child(3)
|
|
-webkit-animation: loadbars 0.6s ease-in-out infinite -0.4s
|
|
|
|
@-webkit-keyframes 'loadbars'
|
|
0%
|
|
height: 10px
|
|
margin-top: 25px
|
|
50%
|
|
height: 50px
|
|
margin-top: 0px
|
|
100%
|
|
height: 10px
|
|
margin-top: 25px
|
|
|