1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-12 20:57:12 +01:00
metamask-extension/ui/app/components/transaction-status/index.scss
2018-10-16 06:00:47 +08:00

34 lines
587 B
SCSS

.transaction-status {
height: 26px;
width: 81px;
border-radius: 4px;
background-color: #f0f0f0;
color: #5e6064;
font-size: .625rem;
text-transform: uppercase;
display: flex;
justify-content: center;
align-items: center;
@media screen and (max-width: $break-small) {
height: 16px;
width: 70px;
font-size: .5rem;
}
&--confirmed {
background-color: #eafad7;
color: #609a1c;
}
&--approved, &--submitted {
background-color: #FFF2DB;
color: #CA810A;
}
&--failed {
background: lighten($monzo, 56%);
color: $monzo;
}
}