MyCrypto/common/containers/OnboardModal/components/OnboardSlide.scss

43 lines
523 B
SCSS

@import 'common/sass/variables';
@import 'common/sass/mixins';
.OnboardSlide {
height: 400px;
width: 650px;
&-body {
display: flex;
}
&-content {
flex: 0.7;
}
&-image {
flex: 0.3;
}
&-header {
text-align: center;
}
@media screen and (max-width: $screen-xs) {
width: 100%;
&-body {
flex-direction: column;
}
&-content {
order: 2;
}
&-image {
order: 1;
align-self: center;
width: 130px;
max-height: 200px;
}
}
}