Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Additional Responsiveness #8

Merged
merged 2 commits into from Nov 19, 2016
Merged

Additional Responsiveness #8

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
eba7871
font size and background images
Jauny Nov 19, 2016
d767f2d
page titles
Jauny Nov 19, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
15 changes: 8 additions & 7 deletions public/stylesheets/global.css
View file
Open in desktop
Expand Up @@ -21,15 +21,16 @@ Header
}

h1 {
bottom: 32px;
color: #fff;
text-align: center;
font-weight: 500;
letter-spacing: 0.02em;
color: #fff;
margin: 0;

position: absolute;
bottom: 32px;
width: 100%;
text-align: center;
right: 0
left: 0;
margin: 0;
padding: 0 20px;
}

@-webkit-keyframes move-arrow {
Expand Down Expand Up @@ -118,7 +119,7 @@ Head
color: #fff;
padding: 3em 1em;
line-height: 1.4em;
font-size: 0.8em;
font-size: 1em;
}

.head a {
Expand Down
60 changes: 36 additions & 24 deletions public/stylesheets/home.css
View file
Open in desktop
Expand Up @@ -5,35 +5,47 @@ section {
box-sizing: border-box;
}

section .content {
width: 100%;
}
section:nth-child(odd) {
background-color: #f6f8fa;
}

h2 {
color: #ed3956;
font-size: 45px;
font-weight: 500;
margin: 0;
}
section .content {
width: 100%;
}

section .content a {
display: inline-block;
padding: 12px 20px;
border-radius: 3px;
border: 2px solid #5b5b5b;
text-decoration: none;
color: #5b5b5b;
}
h2 {
color: #ed3956;
font-size: 45px;
font-weight: 500;
margin: 0;
}

section .content a:hover {
background-color: #5b5b5b;
color: #fff;
}
section .content a {
display: inline-block;
padding: 12px 20px;
border-radius: 3px;
border: 2px solid #5b5b5b;
text-decoration: none;
color: #5b5b5b;
}

section .content p {
color: #5b5b5b;
line-height: 1.25em;
section .content a:hover {
background-color: #5b5b5b;
color: #fff;
}

section .content p {
color: #5b5b5b;
line-height: 1.25em;
}


/* Obligatory hack to override inline background for mobile. */
@media only screen and (max-width: 45em) {
section {
background-image: none !important;
}
}


@media only screen and (min-width: 45em) {
Expand Down
13 changes: 3 additions & 10 deletions public/stylesheets/lifestyle.css
View file
Open in desktop
Expand Up @@ -10,21 +10,13 @@
box-sizing: border-box;
letter-spacing: 0.02em;
line-height: 1.2em;
font-size: 0.75em;
font-size: 1em;
}

.manifesto .signature {
text-align: right;
}

section.playbook {
background-color: #f6f8fa;
}

.lifestyle section:nth-child(odd) {
background-color: #f6f8fa;
}

.lifestyle .image img {
display: block;
max-width: 100%;
Expand Down Expand Up @@ -82,8 +74,9 @@ section.playbook {

.manifesto-container {
background-color: #f6f8fa;
width: 100%;
font-size: 0.75em;
padding: 50px 0;
width: 100%;
}

.manifesto .title {
Expand Down
2 changes: 1 addition & 1 deletion public/stylesheets/team.css
View file
Open in desktop
Expand Up @@ -3,7 +3,7 @@
}

.team {
margin-bottom: 40px;
margin: 40px 20px;
}

.team p {
Expand Down
2 changes: 1 addition & 1 deletion views/index.jade
View file
Open in desktop
Expand Up @@ -2,7 +2,7 @@ extends layout

block content
each section,key in sections
section(style="background-image:url(images/#{key}.png)")
section(class="lifestyle" style="background-image:url(images/#{key}.png)")
.content
.text
h2=section.title
Expand Down
1 change: 0 additions & 1 deletion views/team.jade
View file
Open in desktop
@@ -1,7 +1,6 @@
extends layout

block content

.team.members#head
h2 Mangrove Co-founders
p.explanation Every Mangrove member is a co-founder. It means that we are all entitled to start new ventures inside our ecosystem.
Expand Down