39 lines
768 B
Sass
39 lines
768 B
Sass
@import font-awesome
|
|
span.icon
|
|
@extend .fa
|
|
@extend .fa-lg
|
|
&.needs-help
|
|
@extend .fa-bell
|
|
&.needs-payment
|
|
@extend .fa-money
|
|
.fa-stack
|
|
.revoke
|
|
color: #b94a48
|
|
|
|
.button-icon
|
|
display: inline-block
|
|
width: 2em
|
|
height: 2em
|
|
line-height: 2em
|
|
vertical-align: middle
|
|
background-repeat: no-repeat
|
|
background-position: center center
|
|
.mark-order-active .button-icon
|
|
background-image: image-url('icons/order-check.png')
|
|
.mark-order-delivered .button-icon
|
|
background-image: image-url('icons/order-doublecheck.png')
|
|
|
|
.fa-shifted-stack
|
|
position: relative
|
|
display: inline-block
|
|
width: 2.5em
|
|
height: 2em
|
|
line-height: 2em
|
|
vertical-align: middle
|
|
.fa
|
|
position: absolute
|
|
width: 100%
|
|
left: 20%
|
|
&:first-child
|
|
left: -10%
|