1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-10-22 19:26:13 +02:00
metamask-extension/ui/pages/create-account/import-account/index.scss
2022-08-04 09:03:02 -05:00

91 lines
1.5 KiB
SCSS

.new-account-info-link {
cursor: pointer;
text-decoration: underline;
color: var(--color-primary-default);
margin-inline-start: 4px;
}
.new-account-import-form {
display: flex;
flex-flow: column;
align-items: center;
padding: 0 30px 30px;
@include screen-sm-max {
padding: 0 22px 22px;
}
&__select-section {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 29px;
width: 100%;
}
&__select-label {
@include Paragraph;
color: var(--color-text-muted);
}
&__select {
width: 210px;
display: flex;
align-items: center;
}
&__private-key-password-container {
display: flex;
flex-flow: column;
align-items: center;
width: 100%;
}
&__instruction {
@include Paragraph;
color: var(--color-text-muted);
align-self: flex-start;
}
&__private-key {
display: flex;
flex-flow: column;
align-items: flex-start;
margin-top: 34px;
}
&__help-link {
color: var(--color-primary-default);
}
&__input-password {
@include Paragraph;
height: 54px;
width: 315px;
border: 1px solid var(--color-border-default);
border-radius: 4px;
background-color: var(--color-background-default);
color: var(--color-text-default);
margin-top: 16px;
padding: 0 20px;
}
&__json {
display: flex;
flex-flow: column;
align-items: center;
margin-top: 29px;
width: 100%;
}
&__buttons {
margin-top: 39px;
display: flex;
width: 100%;
justify-content: space-between;
}
}