1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-10-23 03:36:18 +02:00
metamask-extension/ui/components/app/alerts/invalid-custom-network-alert/invalid-custom-network-alert.scss
Guillaume Roux ad28c81a39
General backgrounds and borders design token updates (#13764)
Co-authored-by: Guillaume Roux <guillaumeroux123@gmail.com>
Co-authored-by: George Marshall <george.marshall@consensys.net>
Co-authored-by: David Walsh <davidwalsh83@gmail.com>
2022-03-16 15:49:25 +01:00

57 lines
900 B
SCSS

.invalid-custom-network-alert {
&__content {
border-radius: 0;
padding: 0 24px 16px 24px;
> p {
@include Paragraph;
font-size: 14px;
padding-bottom: 12px;
}
> p:last-of-type {
padding-bottom: 0;
}
}
&__content-link {
color: var(--color-primary-default);
cursor: pointer;
}
&__footer {
flex-direction: column;
> :only-child {
margin: 0;
width: 100%;
}
}
&__footer-row {
display: flex;
flex-direction: row;
justify-content: space-between;
& &-button {
height: 40px;
width: 50%;
margin-right: 24px;
&:last-of-type {
margin-right: 0;
}
}
}
&__error {
margin-bottom: 16px;
padding: 16px;
font-size: 14px;
border: 1px solid var(--color-error-default);
background: var(--color-error-muted);
border-radius: 3px;
}
}