1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-24 11:01:41 +01:00
metamask-extension/ui/components/app/modals/add-to-addressbook-modal/index.scss

49 lines
799 B
SCSS

.add-to-address-book-modal {
display: flex;
flex-flow: column nowrap;
background-color: var(--white);
border-radius: 10px;
box-shadow: 0 5px 16px rgba($black, 0.25);
&__content {
@extend %col-nowrap;
padding: 1.5rem;
border-bottom: 1px solid var(--Grey-100);
&__header {
@include H3;
}
}
&__input-label {
color: var(--Grey-600);
margin-top: 1.25rem;
}
&__input {
@include H4;
background: var(--white);
border: 1px solid var(--Grey-100);
box-sizing: border-box;
border-radius: 8px;
padding: 0.625rem 0.75rem;
margin-top: 0.75rem;
&::placeholder {
color: var(--Grey-300);
}
}
&__footer {
@extend %row-nowrap;
padding: 1rem;
button + button {
margin-left: 1rem;
}
}
}