1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-05 15:35:46 +01:00
metamask-extension/ui/pages/first-time-flow/select-action/index.scss
2022-03-23 19:05:55 -05:00

80 lines
1.3 KiB
SCSS

.select-action {
.app-header__logo-container {
width: 742px;
margin-top: 3%;
}
&__body {
display: flex;
flex-direction: column;
align-items: center;
}
&__body-header {
@include H3;
text-align: center;
margin-top: 65px;
color: var(--color-text-default);
}
&__select-buttons {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
margin-top: 40px;
}
&__select-button {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
width: 388px;
height: 278px;
border: 1px solid var(--color-border-muted);
box-sizing: border-box;
border-radius: 10px;
padding: 8px;
.first-time-flow__button {
max-width: 221px;
height: 44px;
}
}
&__button-symbol {
color: var(--color-icon-muted);
margin-top: 41px;
}
&__button-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 144px;
}
&__button-text-big {
@include H4;
color: var(--color-text-default);
margin-top: 12px;
text-align: center;
}
&__button-text-small {
@include H6;
color: var(--color-text-alternative);
margin-top: 10px;
text-align: center;
}
button {
font-weight: 500;
width: 221px;
}
}