1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-13 05:07:12 +01:00
metamask-extension/ui/pages/first-time-flow/metametrics-opt-in/index.scss

130 lines
1.8 KiB
SCSS

.metametrics-opt-in {
position: relative;
width: 100%;
a {
color: #2f9ae0bf;
}
&__main {
display: flex;
flex-direction: column;
margin-left: 26.26%;
margin-right: 28%;
color: black;
@media screen and (max-width: $break-small) {
justify-content: center;
margin-left: 2%;
margin-right: 0%;
}
.app-header__logo-container {
margin-top: 3%;
}
}
&__title {
@include H1;
position: relative;
margin-top: 20px;
}
&__body-graphic {
margin-top: 25px;
.fa-bar-chart {
color: #c4c4c4;
}
}
&__description {
@include Paragraph;
margin-top: 12px;
}
&__committments {
display: flex;
flex-direction: column;
}
&__content {
overflow-y: scroll;
flex: 1;
}
&__row {
display: flex;
margin-top: 8px;
.fa-check {
margin-right: 12px;
color: #1acc56;
}
.fa-times {
margin-right: 12px;
color: #d0021b;
}
}
&__bold {
font-weight: bold;
}
&__break-row {
margin-top: 30px;
}
&__body {
position: relative;
display: flex;
max-width: 730px;
flex-direction: column;
}
&__body-text {
max-width: 548px;
margin-left: 16px;
margin-right: 16px;
}
&__bottom-text {
margin-top: 10px;
color: #9a9a9a;
}
&__content {
overflow-y: auto;
}
&__footer {
margin-top: 26px;
@media screen and (max-width: $break-small) {
margin-top: 10px;
justify-content: center;
margin-left: 2%;
max-height: 520px;
}
.page-container__footer {
border-top: none;
max-width: 535px;
margin-bottom: 15px;
button {
height: 44px;
min-height: 44px;
margin-right: 16px;
}
footer {
padding: 0;
}
}
}
}