Andal.LND/edx-platform
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added Apple sign-in button branding (#25015)

Browse Source 
* Added Apple sign-in button branding

LEARNER-7926
This commit is contained in:
jawad khan
2020-09-23 18:47:25 +05:00
committed by GitHub
parent 829daf0e84
commit fc03da2b23
3 changed files with 40 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
lms/static/sass/multicourse/_account.scss
View File

@@ -611,6 +611,16 @@
box-shadow: 0 2px 1px 0 $facebook-focus-blue;
}
&.button-oa2-apple-id:hover,
&.button-oa2-apple-id:focus {
background-color: $apple-focus-black;
border: 1px solid $apple-focus-black;
}
&.button-oa2-apple-id:hover {
box-shadow: 0 2px 1px 0 $apple-focus-black;
}
&.button-oa2-linkedin-oauth2:hover,
&.button-oa2-linkedin-oauth2:focus {
background-color: $linkedin-blue;

2
lms/static/sass/partials/lms/theme/_variables-v1.scss
View File

@@ -193,6 +193,8 @@ $google-blue: #4285f4;
$google-focus-blue: #287ae6;
$microsoft-black: #2f2f2f;
$microsoft-focus-black: #000;
$apple-black: #000000;
$apple-focus-black: $apple-black;
// shadows
$shadow: rgba(0, 0, 0, 0.2) !default;

28
lms/static/sass/views/_login-register.scss
View File

@@ -619,6 +619,34 @@ ul.fa-ul{
}
}
&.button-oa2-apple-id {
color: white;
border-color: $apple-black;
background-color: $apple-black;
span {
vertical-align: middle;
@include font-size(16);
}
.icon {
background: transparent;
.icon-image {
max-height: 2.2em;
max-width: 2.5em;
margin-top: 0px;
}
}
&:hover,
&:focus {
background-color: $apple-focus-black;
border: 1px solid $apple-focus-black;
color: $white;
}
}
&.button-oa2-linkedin-oauth2 {
color: $linkedin-blue;