1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-24 19:10:22 +01:00
metamask-extension/ui/app/pages/first-time-flow/select-action/index.scss
2020-10-29 11:31:48 -05:00

79 lines
1.2 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: black;
}
&__select-buttons {
display: flex;
flex-direction: row;
margin-top: 40px;
}
&__select-button {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
width: 388px;
height: 278px;
border: 1px solid #d8d8d8;
box-sizing: border-box;
border-radius: 10px;
margin-left: 22px;
.first-time-flow__button {
max-width: 221px;
height: 44px;
}
}
&__button-symbol {
color: #c4c4c4;
margin-top: 41px;
}
&__button-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 144px;
}
&__button-text-big {
@include H4;
color: #000;
margin-top: 12px;
text-align: center;
}
&__button-text-small {
@include H6;
color: #7a7a7b;
margin-top: 10px;
text-align: center;
}
button {
font-weight: 500;
width: 221px;
}
}