mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-24 11:01:41 +01:00
46 lines
841 B
SCSS
46 lines
841 B
SCSS
.transaction-status {
|
|
height: 26px;
|
|
width: 84px;
|
|
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: 72px;
|
|
font-size: .5rem;
|
|
}
|
|
|
|
&--confirmed {
|
|
background-color: #eafad7;
|
|
color: #609a1c;
|
|
|
|
.transaction-status__transaction-count {
|
|
border: 1px solid #609a1c;
|
|
}
|
|
}
|
|
|
|
&--approved, &--submitted {
|
|
background-color: #FFF2DB;
|
|
color: #CA810A;
|
|
|
|
.transaction-status__transaction-count {
|
|
border: 1px solid #CA810A;
|
|
}
|
|
}
|
|
|
|
&--failed {
|
|
background: lighten($monzo, 56%);
|
|
color: $monzo;
|
|
|
|
.transaction-status__transaction-count {
|
|
border: 1px solid $monzo;
|
|
}
|
|
}
|
|
}
|