mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-01-30 21:27:17 +00:00
84 lines
1.6 KiB
Sass
84 lines
1.6 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
|
|
-webkit-animation: blurFadeIn 0.8s ease-in-out 0s
|
|
color: white
|
|
font-size: 1.15rem
|
|
position: fixed
|
|
text-align: center
|
|
left: 0
|
|
right: 0
|
|
margin: 0 auto
|
|
top: 55%
|
|
width: 100%
|
|
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 blurFadeIn
|
|
0%
|
|
opacity: 0
|
|
text-shadow: 0px 0px 10px #fff
|
|
-webkit-transform: scale(1.3)
|
|
50%
|
|
opacity: 0.5
|
|
text-shadow: 0px 0px 5px #fff
|
|
-webkit-transform: scale(1.1)
|
|
100%
|
|
opacity: 1
|
|
text-shadow: 0px 0px 0px #fff
|
|
-webkit-transform: scale(1)
|
|
|
|
@-webkit-keyframes 'loadbars'
|
|
0%
|
|
height: 10px
|
|
margin-top: 25px
|
|
50%
|
|
height: 50px
|
|
margin-top: 0px
|
|
100%
|
|
height: 10px
|
|
margin-top: 25px
|
|
|