status-im/consul
2
0
Fork 0
mirror of https://github.com/status-im/consul.git synced 2025-02-03 09:24:25 +00:00
Code Issues Projects Releases Wiki Activity

Make READ THE INTRODUCTION button on homepage clickable

Browse Source 
The "call to action" button at the bottom of the homepage is currently unclickable, since it has a negative top margin and is thus "hidden" behind the bottom margin of the terminal div above it. I opted to remove the negative top margin and instead diminish the bottom margin of the terminal div. This approach ends up adding a bit more padding between the "DNS Query Interface" h2 and the marketing div above it, but I think overall the look is in-line with the aesthetics of the page.

I'm fairly unfamiliar with HTML / CSS, so if there is a better way to do what I've done, I'd love to hear it. I've tested this in Chrome and Safari.
This commit is contained in:
Samuel Lopes 2017-04-10 19:35:19 -05:00
parent 3f92cc70e8
commit 164cfd5fb2
1 changed files with 2 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
website/source/assets/stylesheets/_home.scss
View File

@ -72,7 +72,7 @@
font-weight: $font-weight-bold; font-weight: $font-weight-bold;
line-height: 1.25; line-height: 1.25;
letter-spacing: -0.02em; letter-spacing: -0.02em;
margin: 0; margin-top: 80px;
padding: 0; padding: 0;
} }
@ -167,7 +167,6 @@
} }
&#cta { &#cta {
margin-top: -150px;
padding: 0 0 50px 0; padding: 0 0 50px 0;
text-align: center; text-align: center;
} }
@ -181,7 +180,7 @@
font-family: $font-family-monospace; font-family: $font-family-monospace;
font-size: 14px; font-size: 14px;
line-height: 1.8; line-height: 1.8;
margin: 20px auto 120px auto; margin: 20px auto auto auto;
padding: 10px 20px 20px 20px; padding: 10px 20px 20px 20px;
.terminal-content { .terminal-content {