1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-30 16:18:07 +01:00
metamask-extension/ui/pages/onboarding-flow/import-srp/index.scss

79 lines
1.3 KiB
SCSS
Raw Normal View History

.import-srp {
width: 625px;
&__header {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
margin: 20px auto;
max-width: 500px;
a {
2022-03-19 01:43:33 +01:00
color: var(--color-primary-default);
&:hover {
cursor: pointer;
2022-03-19 01:43:33 +01:00
color: var(--color-primary-default);
}
}
}
&__actions {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: left;
max-width: 400px;
margin: auto;
&--link {
@include H6;
margin-bottom: 12px;
}
}
}
.srp-text-area {
position: relative;
height: 100px;
width: 325px;
margin: 12px 0 42px 0;
&__textarea {
@include Paragraph;
2022-03-19 01:43:33 +01:00
border: 1px solid var(--color-border-muted);
border-radius: 10px;
2022-03-19 01:43:33 +01:00
background-color: var(--color-background-default);
padding: 12px 24px 12px 12px;
resize: none;
width: 100%;
height: 100%;
&--blur {
color: transparent;
text-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
}
&--error {
2022-03-19 01:43:33 +01:00
border: 1px solid var(--color-error-default);
}
&__error-message {
@include H7;
2022-03-19 01:43:33 +01:00
color: var(--color-error-default);
}
}
button {
background-color: transparent;
position: absolute;
right: 0;
top: 5px;
}
}