suzanne.soy/travis-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

polished the signin button

Browse Source
This commit is contained in:
Justine Arreche 2015-04-01 13:25:03 +02:00
parent 624a8dad71
commit 9b10f9058c
3 changed files with 35 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
app/styles/app/landing.sass
View File

@ -10,12 +10,15 @@
.button--signin
background-color: #ffffff
border: 1px solid #d7dada
background-image: inline-image('landing-page/signingithub.svg')
background-size: 16px 16px
border: 2px solid #e4e7e7
color: #a0a8a8
.button--signin:hover
background-color: #73c78d
border: 1px solid #73c78d
background-image: inline-image('landing-page/signingithub-hover.svg')
border: 2px solid #73c78d
color: #fff
.wrapper.centered .topbar
@ -136,6 +139,8 @@
background-color: #fff
border-radius: 4px
color: #828282
margin-bottom: 20px
list-style-type: none
.free-for-oss
text-align: center

14
public/images/landing-page/signingithub-hover.svg Normal file
View File

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="16px" height="15.605px" viewBox="0 0 16 15.605" enable-background="new 0 0 16 15.605" xml:space="preserve">
<path fill="#FFFFFF" d="M7.998,0C3.582,0,0,3.582,0,8c0,3.534,2.289,6.533,5.473,7.59c0.396,0.074,0.545-0.172,0.545-0.385
c0-0.188-0.01-0.692-0.01-1.358c-2.227,0.481-2.697-1.074-2.697-1.074c-0.365-0.925-0.889-1.17-0.889-1.17
c-0.727-0.496,0.055-0.486,0.055-0.486c0.805,0.057,1.227,0.825,1.227,0.825c0.711,1.222,1.871,0.868,2.328,0.665
c0.07-0.518,0.277-0.869,0.508-1.071c-1.777-0.202-3.643-0.888-3.643-3.953c0-0.874,0.312-1.586,0.822-2.146
C3.635,5.232,3.363,4.418,3.797,3.317c0,0,0.672-0.213,2.199,0.82C6.633,3.96,7.32,3.872,8,3.87c0.677,0.002,1.365,0.09,2.003,0.269
c1.524-1.034,2.195-0.82,2.195-0.82c0.438,1.102,0.163,1.915,0.079,2.117C12.79,5.997,13.1,6.709,13.1,7.582
c0,3.073-1.871,3.75-3.651,3.946c0.288,0.25,0.54,0.736,0.54,1.484c0,1.067-0.008,1.93-0.008,2.192c0,0.213,0.146,0.463,0.552,0.385
C13.708,14.53,16,11.535,16,8C16,3.582,12.416,0,7.998,0"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

14
public/images/landing-page/signingithub.svg Normal file
View File

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="16px" height="15.605px" viewBox="0 0 16 15.605" enable-background="new 0 0 16 15.605" xml:space="preserve">
<path fill-rule="evenodd" clip-rule="evenodd" fill="#A0A9A9" d="M7.998,0C3.582,0,0,3.582,0,8c0,3.534,2.289,6.533,5.473,7.59
c0.396,0.074,0.545-0.172,0.545-0.385c0-0.189-0.01-0.693-0.01-1.359c-2.227,0.482-2.697-1.074-2.697-1.074
c-0.365-0.925-0.889-1.17-0.889-1.17c-0.727-0.496,0.055-0.486,0.055-0.486c0.805,0.057,1.227,0.825,1.227,0.825
c0.711,1.222,1.871,0.868,2.328,0.665c0.07-0.517,0.277-0.869,0.508-1.071c-1.777-0.202-3.643-0.888-3.643-3.953
c0-0.874,0.312-1.586,0.822-2.147C3.635,5.232,3.363,4.418,3.797,3.317c0,0,0.672-0.213,2.199,0.82C6.633,3.96,7.32,3.872,8,3.87
c0.677,0.002,1.365,0.09,2.003,0.268c1.525-1.034,2.195-0.82,2.195-0.82c0.438,1.102,0.164,1.915,0.08,2.117
c0.512,0.562,0.822,1.274,0.822,2.147c0,3.073-1.871,3.75-3.652,3.946c0.289,0.25,0.541,0.736,0.541,1.484
c0,1.068-0.008,1.93-0.008,2.193c0,0.213,0.146,0.463,0.551,0.385C13.708,14.53,16,11.535,16,8C16,3.582,12.416,0,7.998,0"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB