1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-27 12:56:01 +01:00
metamask-extension/ui/components/app/confirm-page-container/confirm-detail-row/index.scss
Guillaume Roux ad28c81a39
General backgrounds and borders design token updates (#13764)
Co-authored-by: Guillaume Roux <guillaumeroux123@gmail.com>
Co-authored-by: George Marshall <george.marshall@consensys.net>
Co-authored-by: David Walsh <davidwalsh83@gmail.com>
2022-03-16 15:49:25 +01:00

62 lines
930 B
SCSS

.confirm-detail-row {
padding: 14px 0;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
&__label {
@include H7;
font-weight: 500;
color: var(--color-text-allternative);
text-transform: uppercase;
}
&__details {
flex: 1;
text-align: end;
min-width: 0;
}
&__primary {
@include H3;
justify-content: flex-end;
}
&__secondary {
color: var(--color-icon-default);
justify-content: flex-end;
}
&__header-text {
@include H7;
text-transform: uppercase;
margin-bottom: 6px;
color: var(--color-icon-default);
&--edit {
color: var(--color-primary-default);
cursor: pointer;
}
&--total {
@include H8;
}
}
.advanced-gas-inputs__gas-edit-rows {
margin-bottom: 16px;
}
.custom-nonce-input {
input {
@include Paragraph;
width: 90px;
}
}
}