Skip to content

Commit bcff833

Browse files
committed
Update Google login button style
1 parent c7519c2 commit bcff833

File tree

3 files changed

+29
-7
lines changed

3 files changed

+29
-7
lines changed

www/resources/images/google.svg

Lines changed: 1 addition & 5 deletions
Loading

www/resources/sass/_colors.scss

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,8 @@ $table-border-color: transparent;
2222
$orcid: #a7cc46;
2323
$facebook: #3d5a96;
2424
$linkedin: #1178b3;
25-
$google: #da4b3e;
25+
$google: #4285f4;
26+
$google-font: #757575;
2627
$elixir: #ff7a03;
2728
$igtf: #2b2a29;
2829
$dariah-text: #414b7e;

www/resources/sass/_idps_buttons.scss

Lines changed: 26 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,8 +26,33 @@
2626
padding-bottom: 5px;
2727
}
2828
&.google {
29+
background-color: white;
30+
border-color: $google;
31+
color: $google-font;
32+
font: 500 14px 'Roboto', sans-serif;
33+
}
34+
&.google-dark {
35+
padding-bottom: 10px;
2936
background-color: $google;
30-
border: 1px solid $google;
37+
border-color: $google;
38+
color: white;
39+
font: 500 14px 'Roboto', sans-serif;
40+
letter-spacing: normal;
41+
span {
42+
display: inline-block;
43+
line-height: 20px;
44+
position: relative;
45+
top: 2px;
46+
}
47+
img {
48+
background: white;
49+
height: 34px;
50+
padding: 8px;
51+
margin-right: 24px;
52+
position: absolute;
53+
left: 1px;
54+
top: 1px;
55+
}
3156
}
3257
&.orcid {
3358
color: darken($orcid, 10%);

0 commit comments

Comments
 (0)