28 lines
634 B
Sass
28 lines
634 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(scanning 1s infinite)
|
|
+animation-direction(alternate)
|
|
+animation-timing-function(linear)
|
|
|
|
+keyframes(scanning)
|
|
from
|
|
left: 0
|
|
to
|
|
left: $scanning-code-width
|