social icons

apps/course/templates/course/course.html

@@ -158,16 +158,35 @@
         </svg>
         {% endif %}
       </a>
-      <div class="course__share share share_sm">
+
+      <div class="share">
         <div class="share__title">Поделиться курсом</div>
-        <div class="share__list">
-          <div class="likely">
-            <div class="facebook">Facebook</div>
-            <div class="twitter">Twitter</div>
-            <div class="gplus">Google+</div>
-            <div class="vkontakte">VK</div>
-            <div class="pinterest">Pinterest</div>
-          </div>
+        <div class="share__list likely">
+          <!--<a class="share__item vkontakte" href="#">-->
+            <!--<svg class="icon icon-share-facebook">-->
+              <!--<use xlink:href="{% static 'img/sprite.svg' %}#icon-share-vkontakte"></use>-->
+            <!--</svg>-->
+          <!--</a>-->
+          <a class="share__item facebook" href="#">
+            <svg class="icon icon-share-facebook">
+              <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-facebook"></use>
+            </svg>
+          </a>
+          <a class="share__item twitter" href="#">
+            <svg class="icon icon-share-twitter">
+              <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-twitter"></use>
+            </svg>
+          </a>
+          <a class="share__item gplus" href="#">
+            <svg class="icon icon-share-google">
+              <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-google"></use>
+            </svg>
+          </a>
+          <a class="share__item pinterest" href="#">
+            <svg class="icon icon-share-pinterest">
+              <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-pinterest"></use>
+            </svg>
+          </a>
         </div>
       </div>
     </div>
@@ -392,14 +411,32 @@
   <div class="section__center center center_sm">
     <div class="share">
       <div class="share__title">Поделиться курсом</div>
-      <div class="share__list">
-        <div class="likely">
-          <div class="facebook">Facebook</div>
-          <div class="twitter">Twitter</div>
-          <div class="gplus">Google+</div>
-          <div class="vkontakte">VK</div>
-          <div class="pinterest">Pinterest</div>
-        </div>
+      <div class="share__list likely">
+        <!--<a class="share__item vkontakte" href="#">-->
+        <!--<svg class="icon icon-share-facebook">-->
+        <!--<use xlink:href="{% static 'img/sprite.svg' %}#icon-share-vkontakte"></use>-->
+        <!--</svg>-->
+        <!--</a>-->
+        <a class="share__item facebook" href="#">
+          <svg class="icon icon-share-facebook">
+            <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-facebook"></use>
+          </svg>
+        </a>
+        <a class="share__item twitter" href="#">
+          <svg class="icon icon-share-twitter">
+            <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-twitter"></use>
+          </svg>
+        </a>
+        <a class="share__item gplus" href="#">
+          <svg class="icon icon-share-google">
+            <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-google"></use>
+          </svg>
+        </a>
+        <a class="share__item pinterest" href="#">
+          <svg class="icon icon-share-pinterest">
+            <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-pinterest"></use>
+          </svg>
+        </a>
       </div>
     </div>
   </div>

web/src/js/modules/courses.js

@@ -3,7 +3,7 @@ import moment from 'moment';
 import createHistory from 'history/createBrowserHistory';
 
 // Likely
-import 'ilyabirman-likely/release/likely.css';
+// import 'ilyabirman-likely/release/likely.css';
 import 'ilyabirman-likely/release/likely.js';
 
 moment.locale('ru');

web/src/sass/_common.sass

@@ -2575,6 +2575,8 @@ a.grey-link
       margin-right: 20px
     .icon
       font-size: 40px
+    span:first-child
+      display: none;
   &_sm &__title
     margin-bottom: 15px 
   &_sm &__item