socials.less 786 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. .socials {
  2. &__list {
  3. display: flex;
  4. align-items: center;
  5. }
  6. &__item {
  7. &:not(:last-child) {
  8. margin-right: 23px;
  9. }
  10. }
  11. }
  12. .socials-share {
  13. &__list {
  14. display: flex;
  15. align-items: center;
  16. margin-bottom: 20px;
  17. }
  18. &__item {
  19. &:not(:last-child) {
  20. margin-right: 5px;
  21. }
  22. }
  23. &__link {
  24. .size(41px);
  25. display: flex;
  26. justify-content: center;
  27. align-items: center;
  28. background-color: rgba(@color-blue-darken, .08);
  29. border-radius: 11px;
  30. .icon {
  31. fill: #00077B;
  32. &-ok {
  33. .size(9px, 15px);
  34. }
  35. &-vk {
  36. .size(16px, 9px);
  37. }
  38. }
  39. }
  40. }