1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-05 15:35:46 +01:00
metamask-extension/ui/pages/confirmation/components/confirmation-network-switch/index.scss
George Marshall 5592687df1
Updating design tokens package and shadow values with new tokens (#15264)
* Updating design tokens v1.8 and shadows

* Adding missing stories

* Some fixes and updates to css and stories

* removing unneeded story

* Fixing story order
2022-07-21 15:43:31 -07:00

52 lines
993 B
SCSS

.confirmation-network-switch {
&__center-icon {
position: relative;
height: 64px;
}
&__icon {
width: 64px;
}
&__check {
width: 32px;
height: 32px;
color: var(--color-primary-inverse);
background-color: var(--color-primary-default);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
&::before {
content: '';
position: absolute;
left: 35%;
top: 25%;
}
}
[dir='rtl'] &__arrow {
transform: rotate(180deg);
}
&__dashed-line {
width: 130px;
border-bottom: 1px solid var(--color-border-muted);
border-style: dashed;
}
&__unknown-icon {
color: var(--color-icon-muted);
border-radius: 50%;
border: 1px solid var(--color-border-muted);
background-color: var(--color-background-alternative);
display: inline-flex;
align-items: center;
justify-content: center;
height: 64px;
width: 64px;
}
}