1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-29 23:58:06 +01:00
metamask-extension/ui/pages/onboarding-flow/secure-your-wallet/index.scss

75 lines
1.0 KiB
SCSS
Raw Normal View History

.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%;
2022-08-04 16:03:02 +02:00
@include screen-sm-min {
flex-direction: row;
}
button {
margin-bottom: 16px;
2022-08-04 16:03:02 +02:00
@include screen-sm-min {
+ button {
margin-left: 16px;
}
}
}
}
&__list {
list-style: disc inside;
li {
@include H4;
}
}
&__highlighted {
2022-03-19 01:43:33 +01:00
background-color: var(--color-primary-muted);
padding: 12px;
border-radius: 10px;
2022-08-04 16:03:02 +02:00
@include screen-sm-min {
margin-inline-end: 43px;
}
}
}
.skip-srp-backup-popover {
width: 365px;
&__icon {
display: block;
margin-top: 16px;
margin-bottom: 16px;
}
&__checkbox {
margin: 8px 12px 0 0;
}
&__label {
display: flex;
}
&__footer {
button {
width: 140px;
margin: 0 10px;
}
}
}