1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-18 07:23:21 +01:00
metamask-extension/ui/app/pages/create-account/import-account/index.scss
2020-10-29 11:31:48 -05:00

102 lines
1.7 KiB
SCSS

.new-account-import-disclaimer {
@include H7;
width: 120%;
background-color: #f4f9fc;
display: inline-block;
align-items: center;
padding: 20px 30px 20px;
}
.new-account-import-form {
display: flex;
flex-flow: column;
align-items: center;
padding: 0 30px 30px;
&__select-section {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 29px;
width: 100%;
}
&__select-label {
@include Paragraph;
color: $scorpion;
}
&__select {
height: 54px;
width: 210px;
border: 1px solid #d2d8dd;
border-radius: 4px;
background-color: #fff;
display: flex;
align-items: center;
.Select-control,
.Select-control:hover {
height: 100%;
border: none;
box-shadow: none;
.Select-value {
display: flex;
align-items: center;
}
}
}
&__private-key-password-container {
display: flex;
flex-flow: column;
align-items: center;
width: 100%;
}
&__instruction {
@include Paragraph;
color: $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 $geyser;
border-radius: 4px;
background-color: $white;
margin-top: 16px;
color: $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;
}
}