New URL; style adjustments.

This commit is contained in:
Paulo Reis 2017-03-08 12:25:03 +00:00
parent f1e362629f
commit a5e2ae3853
3 changed files with 44 additions and 13 deletions

View file

@ -15,7 +15,7 @@ module.exports =
webRouter.get '/style', HomeController.externalPage("style_guide", "Style Guide")
webRouter.get '/jobs', HomeController.externalPage("jobs", "Jobs")
webRouter.get '/review-features', HomeController.externalPage("review-features-page", "Review features")
webRouter.get '/track-changes-and-comments-in-latex', HomeController.externalPage("review-features-page", "Review features")
webRouter.get '/dropbox', HomeController.externalPage("dropbox", "Dropbox and ShareLaTeX")

View file

@ -22,7 +22,7 @@
// Typographical scale and basics.
.rfp-h1 {
font-size: @rfp-h1-size;
margin-bottom: 2em;
margin-bottom: 1.6em;
color: inherit;
}
.rfp-h1-masthead {
@ -31,12 +31,12 @@
}
.rfp-h2 {
font-size: @rfp-h2-size;
margin-bottom: 2em;
margin-bottom: 1.6em;
color: inherit;
}
.rfp-h3 {
font-size: @rfp-h3-size;
margin-bottom: 2em;
margin-bottom: 1.6em;
color: inherit;
}
.rfp-h3-cta {
@ -45,7 +45,7 @@
}
.rfp-lead {
font-size: @rfp-lead-size;
margin-bottom: 2em;
margin-bottom: 1.6em;
max-width: 30em;
margin-left: auto;
margin-right: auto;
@ -62,7 +62,7 @@
}
}
.rfp-p {
margin-bottom: 2em;
margin-bottom: 1.6em;
max-width: 30em;
margin-left: auto;
margin-right: auto;
@ -75,17 +75,14 @@
margin-right: initial;
}
}
.rfp-highlight,
.rfp-highlight-brand {
.rfp-highlight {
font-weight: 700;
}
.rfp-highlight-brand {
color: @rfp-sl-red;
}
// Sections
.rfp-section {
padding: 30px;
text-align: center;
overflow: hidden;
@media (min-width: @screen-sm-min) {
padding: 60px;
}
@ -105,6 +102,7 @@
}
.rfp-section-feature {
display: flex;
align-items: center;
color: @rfp-rp-blue-dark;
background-color: @rfp-rp-blue-light;
text-align: left;
@ -113,8 +111,18 @@
.rfp-feature-video-container {
flex: 0 0 50%;
}
.rfp-feature-video-container {
.rfp-feature-description-container {
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;
}
}
@ -268,6 +276,29 @@
margin-right: 20px;
}
}
.rfp-users {
display: flex;
flex-wrap: wrap;
margin: 0 1em 2em;
@media (min-width: @screen-md-min) {
flex-wrap: nowrap;
align-items: center;
}
}
.rfp-user-container {
flex: 0 0 100%;
padding: 10px;
@media (min-width: @screen-xs-min) {
flex-basis: 50%;
}
@media (min-width: @screen-md-min) {
flex-basis: 25%;
padding: 20px;
}
}
.rfp-user-logo {
max-width: 100%;
}
.rfp-cta-container {
max-width: 40em;
margin: 0 auto;