Skip to content

Commit

Permalink
Merge pull request #202 from stephenplusplus/doc-button
Browse files Browse the repository at this point in the history
site: make the doc link more linky.
  • Loading branch information
silvolu committed Sep 12, 2014
2 parents ca0ccc7 + e364d43 commit c550d09
Show file tree
Hide file tree
Showing 3 changed files with 59 additions and 24 deletions.
45 changes: 40 additions & 5 deletions docs/css/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -357,6 +357,7 @@ h2, h3 {
.featuring-links {
list-style: none;
margin: 0;
margin-bottom: -1em;
padding: 0;
}

Expand Down Expand Up @@ -402,6 +403,36 @@ h2, h3 {
width: 2em;
}

.btn-docs img {
background-color: #fff;
border: 1px solid transparent;
-webkit-border-radius: 80px;
-moz-border-radius: 80px;
border-radius: 80px;
padding: 4px;
width: 40px;
/* Transitions */
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.btn-docs:hover img {
border: 1px solid #ccc;
transform: rotate(135deg);
-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, .3);
-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, .3);
box-shadow: 4px 4px 4px rgba(0, 0, 0, .3);
}

.btn-docs:active img {
-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, .5);
-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, .5);
box-shadow: 4px 4px 4px rgba(0, 0, 0, .5);
}

.ext-link {
display: block;
padding: 1em;
Expand All @@ -416,6 +447,10 @@ h2, h3 {
transition: all 0.3s ease;
}

.featuring-links li:last-child .ext-link {
border-bottom: none;
}

.ext-link:hover {
background: #f6f6f6;
}
Expand Down Expand Up @@ -880,7 +915,7 @@ h2, h3 {
Modify as content requires.
========================================================================== */

@media only screen and (min-width: 35em) {
@media only screen and (min-width: 37em) {

/*
Main
Expand All @@ -894,6 +929,10 @@ h2, h3 {
Featuring
*/

.featuring-links li:first-child {
display: block;
}

.featuring-links {
text-align: center;
}
Expand All @@ -902,10 +941,6 @@ h2, h3 {
display: inline-block;
}

.featuring-links li:first-child {
display: block;
}

.featuring-links .btn {
display: inline-block;
padding: 1em 2.4em;
Expand Down
6 changes: 3 additions & 3 deletions docs/home.html
Original file line number Diff line number Diff line change
Expand Up @@ -24,9 +24,9 @@ <h2>One-line npm install</h2>
<div class="container">
<ul class="featuring-links">
<li>
<a href="#/docs" title="gcloud-node docs" class="btn">
<img src="img/icon-lang-nodejs.svg" alt="Node.js icon" />
Docs
<a href="#/docs" title="gcloud-node docs" class="btn btn-docs">
<img src="img/icon-lang-nodejs.svg" alt="Node.js icon">
Read the Docs
</a>
</li>
<li>
Expand Down
32 changes: 16 additions & 16 deletions docs/img/icon-lang-nodejs.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit c550d09

Please sign in to comment.