|
|
@ -3557,7 +3557,7 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.onboarding-modal__page__wrapper-0 { |
|
|
|
.onboarding-modal__page__wrapper-0 { |
|
|
|
background: url('../images/elephant_ui_greeting.svg') no-repeat left bottom / auto 250px; |
|
|
|
background: url('~images/elephant_ui_greeting.svg') no-repeat left bottom / auto 250px; |
|
|
|
height: 100%; |
|
|
|
height: 100%; |
|
|
|
padding: 0; |
|
|
|
padding: 0; |
|
|
|
} |
|
|
|
} |
|
|
@ -3702,219 +3702,6 @@ |
|
|
|
margin-left: 10px; |
|
|
|
margin-left: 10px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
<<<<<<< HEAD |
|
|
|
|
|
|
|
.onboarding-modal__dots { |
|
|
|
|
|
|
|
flex: 1 1 auto; |
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
justify-content: center; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.onboarding-modal__dot { |
|
|
|
|
|
|
|
width: 14px; |
|
|
|
|
|
|
|
height: 14px; |
|
|
|
|
|
|
|
border-radius: 14px; |
|
|
|
|
|
|
|
background: darken($ui-secondary-color, 16%); |
|
|
|
|
|
|
|
margin: 0 3px; |
|
|
|
|
|
|
|
cursor: pointer; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
&:hover { |
|
|
|
|
|
|
|
background: darken($ui-secondary-color, 18%); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
&.active { |
|
|
|
|
|
|
|
cursor: default; |
|
|
|
|
|
|
|
background: darken($ui-secondary-color, 24%); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.onboarding-modal__page__wrapper { |
|
|
|
|
|
|
|
pointer-events: none; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
&.onboarding-modal__page__wrapper--active { |
|
|
|
|
|
|
|
pointer-events: auto; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.onboarding-modal__page { |
|
|
|
|
|
|
|
cursor: default; |
|
|
|
|
|
|
|
line-height: 21px; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
h1 { |
|
|
|
|
|
|
|
font-size: 18px; |
|
|
|
|
|
|
|
font-weight: 500; |
|
|
|
|
|
|
|
color: $ui-base-color; |
|
|
|
|
|
|
|
margin-bottom: 20px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
a { |
|
|
|
|
|
|
|
color: $ui-highlight-color; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
&:hover, |
|
|
|
|
|
|
|
&:focus, |
|
|
|
|
|
|
|
&:active { |
|
|
|
|
|
|
|
color: lighten($ui-highlight-color, 4%); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
p { |
|
|
|
|
|
|
|
font-size: 16px; |
|
|
|
|
|
|
|
color: lighten($ui-base-color, 8%); |
|
|
|
|
|
|
|
margin-top: 10px; |
|
|
|
|
|
|
|
margin-bottom: 10px; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
&:last-child { |
|
|
|
|
|
|
|
margin-bottom: 0; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
strong { |
|
|
|
|
|
|
|
font-weight: 500; |
|
|
|
|
|
|
|
background: $ui-base-color; |
|
|
|
|
|
|
|
color: $ui-secondary-color; |
|
|
|
|
|
|
|
border-radius: 4px; |
|
|
|
|
|
|
|
font-size: 14px; |
|
|
|
|
|
|
|
padding: 3px 6px; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@each $lang in $cjk-langs { |
|
|
|
|
|
|
|
&:lang(#{$lang}) { |
|
|
|
|
|
|
|
font-weight: 700; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.onboarding-modal__page-one { |
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.onboarding-modal__page-one__elephant-friend { |
|
|
|
|
|
|
|
background: url('~images/elephant-friend-1.png') no-repeat center center / contain; |
|
|
|
|
|
|
|
width: 155px; |
|
|
|
|
|
|
|
height: 193px; |
|
|
|
|
|
|
|
margin-right: 15px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 400px) { |
|
|
|
|
|
|
|
.onboarding-modal__page-one { |
|
|
|
|
|
|
|
flex-direction: column; |
|
|
|
|
|
|
|
align-items: normal; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.onboarding-modal__page-one__elephant-friend { |
|
|
|
|
|
|
|
width: 100%; |
|
|
|
|
|
|
|
height: 30vh; |
|
|
|
|
|
|
|
max-height: 160px; |
|
|
|
|
|
|
|
margin-bottom: 5vh; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.onboarding-modal__page-two, |
|
|
|
|
|
|
|
.onboarding-modal__page-three, |
|
|
|
|
|
|
|
.onboarding-modal__page-four, |
|
|
|
|
|
|
|
.onboarding-modal__page-five { |
|
|
|
|
|
|
|
p { |
|
|
|
|
|
|
|
text-align: left; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.figure { |
|
|
|
|
|
|
|
background: darken($ui-base-color, 8%); |
|
|
|
|
|
|
|
color: $ui-secondary-color; |
|
|
|
|
|
|
|
margin-bottom: 20px; |
|
|
|
|
|
|
|
border-radius: 4px; |
|
|
|
|
|
|
|
padding: 10px; |
|
|
|
|
|
|
|
text-align: center; |
|
|
|
|
|
|
|
font-size: 14px; |
|
|
|
|
|
|
|
box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.3); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.onboarding-modal__image { |
|
|
|
|
|
|
|
border-radius: 4px; |
|
|
|
|
|
|
|
margin-bottom: 10px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
&.non-interactive { |
|
|
|
|
|
|
|
pointer-events: none; |
|
|
|
|
|
|
|
text-align: left; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.onboarding-modal__page-four__columns { |
|
|
|
|
|
|
|
.row { |
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
margin-bottom: 20px; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
& > div { |
|
|
|
|
|
|
|
flex: 1 1 0; |
|
|
|
|
|
|
|
margin: 0 10px; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
&:first-child { |
|
|
|
|
|
|
|
margin-left: 0; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
&:last-child { |
|
|
|
|
|
|
|
margin-right: 0; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
p { |
|
|
|
|
|
|
|
text-align: center; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
&:last-child { |
|
|
|
|
|
|
|
margin-bottom: 0; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.column-header { |
|
|
|
|
|
|
|
color: $primary-text-color; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 320px) and (max-height: 600px) { |
|
|
|
|
|
|
|
.onboarding-modal__page p { |
|
|
|
|
|
|
|
font-size: 14px; |
|
|
|
|
|
|
|
line-height: 20px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.onboarding-modal__page-two .figure, |
|
|
|
|
|
|
|
.onboarding-modal__page-three .figure, |
|
|
|
|
|
|
|
.onboarding-modal__page-four .figure, |
|
|
|
|
|
|
|
.onboarding-modal__page-five .figure { |
|
|
|
|
|
|
|
font-size: 12px; |
|
|
|
|
|
|
|
margin-bottom: 10px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.onboarding-modal__page-four__columns .row { |
|
|
|
|
|
|
|
margin-bottom: 10px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.onboarding-modal__page-four__columns .column-header { |
|
|
|
|
|
|
|
padding: 5px; |
|
|
|
|
|
|
|
font-size: 12px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.onboarding-modal__image { |
|
|
|
|
|
|
|
border-radius: 8px; |
|
|
|
|
|
|
|
width: 70vw; |
|
|
|
|
|
|
|
max-width: 450px; |
|
|
|
|
|
|
|
max-height: auto; |
|
|
|
|
|
|
|
display: block; |
|
|
|
|
|
|
|
margin: auto; |
|
|
|
|
|
|
|
margin-bottom: 20px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.onboard-sliders { |
|
|
|
|
|
|
|
display: inline-block; |
|
|
|
|
|
|
|
max-width: 30px; |
|
|
|
|
|
|
|
max-height: auto; |
|
|
|
|
|
|
|
margin-left: 10px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
======= |
|
|
|
|
|
|
|
>>>>>>> origin/master |
|
|
|
|
|
|
|
.boost-modal, |
|
|
|
.boost-modal, |
|
|
|
.confirmation-modal, |
|
|
|
.confirmation-modal, |
|
|
|
.report-modal, |
|
|
|
.report-modal, |
|
|
|