1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-10-23 03:36:18 +02:00
metamask-extension/ui/pages/create-account/import-account/index.scss

87 lines
1.4 KiB
SCSS

.new-account-info-link {
cursor: pointer;
text-decoration: underline;
color: var(--primary-blue);
margin-inline-start: 4px;
}
.new-account-import-form {
display: flex;
flex-flow: column;
align-items: center;
padding: 0 30px 30px;
@media screen and (max-width: $break-small) {
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(--scorpion);
}
&__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(--scorpion);
align-self: flex-start;
}
&__private-key {
display: flex;
flex-flow: column;
align-items: flex-start;
margin-top: 34px;
}
&__input-password {
@include Paragraph;
height: 54px;
width: 315px;
border: 1px solid var(--geyser);
border-radius: 4px;
background-color: var(--white);
margin-top: 16px;
color: var(--scorpion);
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;
}
}