Merge pull request #1268 from ChloeLiang/scale-online-course-icon

Update hover effect for online course icon

Author: julienrf

_includes/online-courses.html

@@ -57,12 +57,12 @@ <h2><span>Online Courses</span></h2>
         <div class="card-text">
           <h4>
             {% if course.coursera-page %}
-              <a href="{{course.coursera-page}}">
+              <a class="course-icon" href="{{course.coursera-page}}">
                 <img src="/resources/img/frontpage/coursera-icon.png" alt="">
               </a>
             {% endif %}
             {% if course.edx-page %}
-              <a href="{{course.edx-page}}">
+              <a class="course-icon" href="{{course.edx-page}}">
                 <img src="/resources/img/frontpage/edx-icon.png" alt="">
               </a>
             {% endif %}

_sass/components/card.scss

@@ -62,6 +62,12 @@
 
         line-height: normal;
 
+        &:hover {
+            .course-icon {
+                transform: scale(1.2);
+            }
+        }
+
         .card-text {
 
             margin-left: 0;