icon.less 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. .icon {
  2. display: inline-block;
  3. transition: @transition-main;
  4. &-gear {
  5. .size(9px, 8px);
  6. }
  7. &-h-slider-prev,
  8. &-h-slider-next {
  9. .size(10px, 17px);
  10. fill: @color-grey;
  11. }
  12. &-filter {
  13. .size(20px, 16px);
  14. fill: @color-grey-dark;
  15. }
  16. &-search {
  17. .size(17px);
  18. fill: @color-grey-dark;
  19. }
  20. &-user {
  21. .size(18px, 19px);
  22. fill: @color-grey-dark;
  23. }
  24. &-amic-logo {
  25. .size(91px, 28px);
  26. }
  27. &-tg {
  28. .size(17px, 14px);
  29. }
  30. &-comments {
  31. .size(13px);
  32. fill: @color-grey-dark;
  33. }
  34. &-chart {
  35. .size(18px);
  36. }
  37. &-video {
  38. .size(20px);
  39. }
  40. &-dns {
  41. .size(67px, 17px);
  42. }
  43. &-ig {
  44. .size(18px);
  45. fill: @color-grey-dark;
  46. }
  47. &-ok {
  48. .size(11px, 17px);
  49. fill: @color-grey-dark;
  50. }
  51. &-vk {
  52. .size(24px, 14px);
  53. fill: @color-grey-dark;
  54. }
  55. &-vt {
  56. .size(28px);
  57. }
  58. &-lightning {
  59. .size(17px, 27px);
  60. }
  61. &-tw {
  62. .size(15px, 12px);
  63. }
  64. &-fb {
  65. .size(7px, 13px);
  66. }
  67. &-views {
  68. .size(11px, 7px);
  69. }
  70. &-refresh {
  71. .size(13px);
  72. }
  73. &-dots {
  74. .size(3px, 15px);
  75. }
  76. &-play {
  77. .size(13px);
  78. fill: red;
  79. }
  80. &-filter {
  81. .size(25px)
  82. }
  83. }