From 430e7d84dd74a4a3fc66e908ea642182822e8dea Mon Sep 17 00:00:00 2001 From: Leon Chen Date: Wed, 28 Sep 2016 21:26:42 -0400 Subject: [PATCH] add github corner link --- demos/index.html | 1 + demos/src/index.css | 23 ++++++++++++++++++++--- demos/src/menu.css | 5 +++++ 3 files changed, 26 insertions(+), 3 deletions(-) diff --git a/demos/index.html b/demos/index.html index cfb435c..7ba3682 100644 --- a/demos/index.html +++ b/demos/index.html @@ -20,6 +20,7 @@ + diff --git a/demos/src/index.css b/demos/src/index.css index bdd15d8..9ea5ad5 100644 --- a/demos/src/index.css +++ b/demos/src/index.css @@ -9,9 +9,26 @@ body { font-family: 'Fira Sans', sans-serif; } -.github-logo { - fill: #69707a; - margin: 3px 8px 3px 0; +#github-corner-link { + position: absolute; + width: 120px; + height: 120px; + top: -60px; + right: -60px; + border-radius: 50%; + background-color: #1BBC9B; + transition: background-color 0.2s ease-in; +} + +#github-corner-link:hover { + background-color: rgba(27, 188, 155, 0.7); +} + +#github-corner-link .github-logo { + position: absolute; + bottom: 18px; + left: 18px; + fill: white; } .title { diff --git a/demos/src/menu.css b/demos/src/menu.css index 1fa9d63..1ad6855 100644 --- a/demos/src/menu.css +++ b/demos/src/menu.css @@ -45,3 +45,8 @@ color: #1BBC9B; background: none; } + +.menu-list .github-logo { + fill: #69707a; + margin: 3px 8px 3px 0; +}