1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-26 12:29:06 +01:00
metamask-extension/ui/pages/onboarding-flow/secure-your-wallet/index.scss
2022-08-04 09:03:02 -05:00

76 lines
1.1 KiB
SCSS

.secure-your-wallet {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
&__video {
max-width: 100%;
border-radius: 8px;
}
&__actions {
flex-direction: column;
justify-content: space-between;
width: 100%;
@include screen-sm-min {
flex-direction: row;
}
button {
margin-bottom: 16px;
@include screen-sm-min {
+ button {
margin-left: 16px;
}
}
}
}
&__list {
list-style: disc inside;
li {
@include H4;
}
}
&__highlighted {
background-color: var(--color-primary-muted);
padding: 12px;
border-radius: 10px;
@include screen-sm-min {
margin-inline-end: 43px;
}
}
}
.skip-srp-backup-popover {
width: 365px;
&__icon {
color: var(--color-error-default);
display: block;
margin-top: 16px;
margin-bottom: 16px;
}
&__checkbox {
margin: 8px 12px 0 0;
}
&__label {
display: flex;
}
&__footer {
button {
width: 140px;
margin: 0 10px;
}
}
}