PATH:
var
/
www
/
vhosts
/
sandbox.dos-group.com
/
httpdocs
/
casinodemo
/
assets
/
styles
.preloader{/* position: absolute; margin: 0 auto; width: 100%; height: 100%; z-index: 100;*/ display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: stretch; width: 100%; height: 100vh; background: $spinner-container-background; } .spinner { width: 150px; height: 150px; position: relative; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: stretch; > img{ width: 100px; -webkit-animation:spin 3s linear infinite; -moz-animation:spin 3s linear infinite; animation:spin 3s linear infinite; @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } } } .spinner-logo{ margin-bottom:30px; width: 150px; height: 150px; position: relative; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: stretch; > img{ width: 300px; } } .double-bounce1, .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #1976d2; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes sk-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } }
[-] sidebar.scss
[open]
[-] app.scss
[open]
[-] style.scss
[open]
[-] pages.scss
[open]
[+]
..
[-] variable.scss
[open]
[-] header.scss
[open]
[-] responsive.scss
[open]
[-] spinner.scss
[open]