29 lines
660 B
Sass
29 lines
660 B
Sass
$scanning-code-width: 200px
|
|
$scanning-code-height: $scanning-code-width/0.785
|
|
.page-scanning
|
|
width: $scanning-code-width
|
|
margin-left: auto
|
|
margin-right: auto
|
|
position: relative
|
|
margin-top: 30px
|
|
.scanning-qr-image
|
|
position: absolute
|
|
font-size: $scanning-code-height
|
|
span
|
|
@extend .fa
|
|
@extend .fa-qrcode
|
|
.scanning-laser
|
|
position: absolute
|
|
height: $scanning-code-height
|
|
border-right: 2px solid #f00
|
|
animation-name: scanning
|
|
animation-duration: 1s infinite
|
|
animation-direction: alternate
|
|
animation-timing-function: linear
|
|
|
|
@keyframes(scanning)
|
|
from
|
|
left: 0
|
|
to
|
|
left: $scanning-code-width
|