_sharing.scss 798 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. /*************************************************
  2. * Sharing
  3. **************************************************/
  4. .share-box {
  5. margin-top: 0.7rem;
  6. }
  7. ul.share {
  8. display: flex;
  9. align-items: center;
  10. justify-content: center;
  11. flex-direction: row;
  12. flex-wrap: wrap;
  13. list-style: none;
  14. margin: 0;
  15. padding: 0;
  16. }
  17. ul.share li {
  18. display: inline-flex;
  19. margin-right: 8px;
  20. }
  21. ul.share li:last-of-type {
  22. margin-right: 0;
  23. }
  24. ul.share li i {
  25. display: block;
  26. width: 30px;
  27. height: 30px;
  28. line-height: 30px;
  29. font-size: 22px;
  30. text-align: center;
  31. transition: all 150ms ease-in-out;
  32. }
  33. ul.share li a {
  34. text-decoration: none !important;
  35. color: rgba(0, 0, 0, 0.84);
  36. }
  37. .dark ul.share li a {
  38. color: rgba(255, 255, 255, 0.84);
  39. }
  40. ul.share li:hover i {
  41. transform: scale(1.2);
  42. }