github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2025-04-26 05:32:13 +00:00
Code Issues Projects Releases Packages Wiki Activity

Make features sections responsive.

Browse source
This commit is contained in:
Paulo Reis 2017-03-08 12:32:19 +00:00
parent a5e2ae3853
commit fcfadbfd5e
1 changed files with 21 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
services/web/public/stylesheets/app/review-features-page.less
View file

@ -101,35 +101,44 @@
box-shadow: @rfp-card-shadow;
}
.rfp-section-feature {
display: flex;
align-items: center;
display: block;
color: @rfp-rp-blue-dark;
background-color: @rfp-rp-blue-light;
text-align: left;
@media (min-width: @screen-sm-min) {
display: flex;
align-items: center;
}
}
.rfp-feature-description-container,
.rfp-feature-video-container {
flex: 0 0 50%;
}
.rfp-feature-description-container {
padding-right: 1em;
.rfp-section-feature-alt & {
padding-right: 0;
padding-left: 1em;
@media (min-width: @screen-sm-min) {
padding-right: 1em;
.rfp-section-feature-alt & {
padding-right: 0;
padding-left: 1em;
}
}
}
.rfp-feature-video-container {
padding-left: 1em;
.rfp-section-feature-alt & {
padding-left: 0;
padding-right: 1em;
order: -1;
@media (min-width: @screen-sm-min) {
padding-left: 1em;
.rfp-section-feature-alt & {
padding-left: 0;
padding-right: 1em;
order: -1;
}
}
}
.rfp-section-feature-alt {
color: #FFF;
background-color: transparent;
text-align: right;
@media (min-width: @screen-sm-min) {
text-align: right;
}
}
.rfp-section-testimonials {
background-color: @rfp-rp-blue-darkest;