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/menu-bar/index.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

39 lines
795 B
SCSS

.menu-bar {
display: grid;
grid-template-columns: 30% minmax(30%, 1fr) 30%;
column-gap: 5px;
padding: 0 8px;
border-bottom: 1px solid var(--color-border-muted);
height: 64px;
.menu-bar__account-options {
background: none;
font-size: inherit;
padding: 0 8px 0 5px;
place-self: center end;
color: var(--color-text-default);
}
.selected-account {
grid-column: 2 / span 1;
place-self: center stretch;
}
}
.account-options-menu {
&__connected-sites::before {
content: "";
background-image: url(/images/icons/connected-sites.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
padding: 8px;
}
&__explorer-origin {
@include H7;
color: var(--color-text-alternative);
}
}