1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-24 19:10:22 +01:00
metamask-extension/ui/components/app/modals/export-private-key-modal/index.scss
2022-03-18 15:15:41 -05:00

111 lines
1.8 KiB
SCSS

.export-private-key-modal {
&__body-title {
@include H4;
margin-top: 16px;
margin-bottom: 16px;
}
&__divider {
width: 100%;
height: 1px;
margin: 19px 0 8px 0;
background-color: var(--alto);
}
&__account-name {
@include H4;
margin-top: 9px;
}
&__password {
display: flex;
flex-direction: column;
}
&__password-label,
&__password--error {
@include H6;
color: var(--scorpion);
margin-bottom: 10px;
}
&__password--error {
color: var(--color-error-default);
margin-bottom: 0;
}
&__password-input {
@include Paragraph;
padding: 10px 0 13px 17px;
width: 291px;
height: 44px;
}
&__password::-webkit-input-placeholder {
color: var(--dusty-gray);
}
&__password--warning {
@include H7;
border-radius: 8px;
background-color: #fff6f6;
font-weight: 500;
color: var(--color-error-default);
width: 292px;
padding: 9px 15px;
margin-top: 18px;
}
&__password-display-wrapper {
height: 80px;
width: 291px;
border: 1px solid var(--silver);
border-radius: 2px;
}
&__password-display-textarea {
@include Paragraph;
color: var(--color-error-default);
border: none;
height: 75px;
width: 100%;
overflow: hidden;
resize: none;
padding: 9px 13px 8px;
}
&__buttons {
display: flex;
flex-direction: row;
justify-content: center;
width: 100%;
padding: 0 25px;
}
&__button {
margin-top: 17px;
width: 141px;
min-width: initial;
}
&__button--cancel {
margin-right: 15px;
}
& .ellip-address-wrapper {
display: flex;
justify-content: center;
border: 1px solid var(--alto);
padding: 5px 10px;
margin-top: 7px;
width: 286px;
}
}