elements_icons.less 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251
  1. // [class^="icon-wpb"],
  2. // [class*=" icon-wpb"]
  3. // Icons
  4. .vc_element-icon {
  5. background-image: url('../vc/logo/wpb-logo.svg');
  6. background-size: 32px;
  7. background-position: 0 0;
  8. background-repeat: no-repeat;
  9. display: block;
  10. margin: 0;
  11. &:extend(.vc_general.vc_element-icon);
  12. }
  13. .vc_general {
  14. &.vc_element-icon {
  15. width: 32px;
  16. height: 32px;
  17. }
  18. }
  19. .vc_element-icon[data-is-container="true"] {
  20. background-image: url('../vc/vc-element-icons/element-icon-misc.svg');
  21. }
  22. .icon-wpb-application-icon-large {
  23. background-image: url('../vc/vc-element-icons/element-icon-post-grid.svg');
  24. }
  25. .icon-wpb-application-plus {
  26. background-image: url('../vc/vc-element-icons/element-icon-google-plus.svg');
  27. }
  28. .icon-wpb-balloon-facebook-left {
  29. background-image: url('../vc/vc-element-icons/element-icon-facebook.svg');
  30. }
  31. .icon-wpb-balloon-twitter-left {
  32. background-image: url('../vc/vc-element-icons/element-icon-twitter.svg');
  33. }
  34. .icon-wpb-film-youtube {
  35. background-image: url('../vc/vc-element-icons/element-icon-video.svg');
  36. }
  37. .icon-wpb-images-stack {
  38. background-image: url('../vc/vc-element-icons/element-icon-image-gallery.svg');
  39. }
  40. .icon-wpb-information-white {
  41. background-image: url('../vc/vc-element-icons/element-icon-message-box.svg');
  42. }
  43. .icon-wpb-layer-shape-text {
  44. background-image: url('../vc/vc-element-icons/element-icon-text-block.svg');
  45. }
  46. .icon-wpb-layout_sidebar {
  47. background-image: url('../vc/vc-element-icons/element-icon-widget-sidebar.svg');
  48. }
  49. .icon-wpb-map-pin {
  50. background-image: url('../vc/vc-element-icons/element-icon-google-maps.svg');
  51. }
  52. .icon-wpb-slideshow {
  53. background-image: url('../vc/vc-element-icons/element-icon-posts-slider-2.svg');
  54. }
  55. .icon-wpb-toggle-small-expand {
  56. background-image: url('../vc/vc-element-icons/element-icon-faq-toggle.svg');
  57. }
  58. .icon-wpb-ui-accordion, .icon-wpb-ui-accordion[data-is-container="true"] {
  59. background-image: url('../vc/vc-element-icons/element-icon-accordion.svg');
  60. }
  61. .icon-wpb-ui-button {
  62. background-image: url('../vc/vc-element-icons/element-icon-button.svg');
  63. }
  64. .icon-wpb-ui-separator-label {
  65. background-image: url('../vc/vc-element-icons/element-icon-separator-with-text.svg');
  66. }
  67. .icon-wpb-ui-separator {
  68. background-image: url('../vc/vc-element-icons/element-icon-separator.svg');
  69. }
  70. .icon-wpb-ui-tab-content, .icon-wpb-ui-tab-content[data-is-container="true"] {
  71. background-image: url('../vc/vc-element-icons/element-icon-tabs.svg');
  72. }
  73. .icon-wpb-ui-tab-content-vertical, .icon-wpb-ui-tab-content-vertical[data-is-container="true"] {
  74. background-image: url('../vc/vc-element-icons/element-icon-tour.svg');
  75. }
  76. .icon-wpb-ui-pageable, .icon-wpb-ui-pageable[data-is-container="true"] {
  77. background-image: url('../vc/vc-element-icons/element-icon-pageable-container.svg');
  78. }
  79. .icon-wpb-pinterest {
  80. background-image: url('../vc/vc-element-icons/element-icon-pinterest.svg');
  81. }
  82. .icon-wpb-tweetme {
  83. background-image: url('../vc/vc-element-icons/element-icon-twitter.svg');
  84. }
  85. .icon-wpb-single-image {
  86. background-image: url('../vc/vc-element-icons/element-icon-single-image.svg');
  87. }
  88. .icon-wpb-call-to-action {
  89. background-image: url('../vc/vc-element-icons/element-icon-cta.svg');
  90. }
  91. .icon-wpb-raw-html {
  92. background-image: url('../vc/vc-element-icons/element-icon-raw-html.svg');
  93. }
  94. .icon-wpb-raw-javascript {
  95. background-image: url('../vc/vc-element-icons/element-icon-raw-js.svg');
  96. }
  97. .icon-wpb-flickr {
  98. background-image: url('../vc/vc-element-icons/element-icon-flickr.svg');
  99. }
  100. .icon-wpb-graph {
  101. background-image: url('../vc/vc-element-icons/element-icon-progress-bar.svg');
  102. }
  103. .icon-wpb-wp {
  104. background-image: url('../vc/vc-element-icons/element-icon-wordpress.svg');
  105. }
  106. .icon-wpb-vc_pie {
  107. background-image: url('../vc/vc-element-icons/element-icon-pie-chart.svg');
  108. }
  109. .icon-wpb-images-carousel {
  110. background-image: url('../vc/vc-element-icons/element-icon-image-carousel.svg');
  111. }
  112. // deprecated element
  113. .icon-wpb-vc_carousel {
  114. background-position: 0 -1088px;
  115. }
  116. .icon-wpb-row, .icon-wpb-row[data-is-container="true"] {
  117. background-image: url('../vc/vc-element-icons/element-icon-row.svg');
  118. }
  119. .icon-wpb-ui-empty_space {
  120. background-image: url('../vc/vc-element-icons/element-icon-empty-space.svg');
  121. }
  122. .icon-wpb-atm {
  123. background-image: url('../vc/vc-element-icons/element-icon-my-shortcode.svg');
  124. }
  125. .icon-wpb-ui-custom_heading {
  126. background-image: url('../vc/vc-element-icons/element-icon-google-fonts.svg');
  127. }
  128. .icon-wpb-woocommerce {
  129. background-image: url('../vc/vc-element-icons/element-icon-woo-commerce.svg');
  130. }
  131. .icon-wpb-ninjaforms {
  132. background-image: url('../vc/vc-element-icons/element-icon-ninja-forms.svg');
  133. }
  134. //shortcode vc_icon @since 4.4
  135. .icon-wpb-vc_icon {
  136. background-image: url('../vc/vc-element-icons/element-icon-icon.svg');
  137. }
  138. .vc_icon-vc-gitem-post-excerpt {
  139. background-image: url('../vc/vc-element-icons/element-icon-excerpt.svg');
  140. }
  141. .vc_icon-vc-gitem-image {
  142. // Image in post grid builder
  143. background-image: url('../vc/vc-element-icons/element-icon-single-image.svg');
  144. }
  145. .vc_icon-acf {
  146. background-image: url('../vc/vc-element-icons/element-icon-acf.svg');
  147. }
  148. .vc_icon-vc-gitem-post-date {
  149. background-image: url('../vc/vc-element-icons/element-icon-post-date.svg');
  150. }
  151. .vc_icon-vc-gitem-post-meta {
  152. background-image: url('../vc/vc-element-icons/element-icon-custom-fields.svg');
  153. }
  154. .vc_icon-vc-gitem-post-title {
  155. background-image: url('../vc/vc-element-icons/element-icon-post-title.svg');
  156. }
  157. .vc_icon-vc-media-grid {
  158. background-image: url('../vc/vc-element-icons/element-icon-media-grid.svg');
  159. }
  160. .vc_icon-vc-masonry-media-grid {
  161. background-image: url('../vc/vc-element-icons/element-icon-media-masonry-grid.svg');
  162. }
  163. .vc_icon-vc-masonry-grid {
  164. background-image: url('../vc/vc-element-icons/element-icon-post-masonry-grid.svg');
  165. }
  166. .icon-wpb-vc-round-chart {
  167. background-image: url('../vc/vc-element-icons/element-icon-doughnut-chart.svg');
  168. }
  169. .icon-wpb-vc-line-chart {
  170. background-image: url('../vc/vc-element-icons/element-icon-line-chart.svg');
  171. }
  172. .icon-wpb-ui-tta-section, .icon-wpb-ui-tta-section[data-is-container="true"] {
  173. background-image: url('../vc/vc-element-icons/element-icon-accordion.svg');
  174. }
  175. .vc_icon-vc-gitem-post-author {
  176. background-image: url('../vc/vc-element-icons/element-icon-post-author.svg');
  177. }
  178. .vc_icon-vc-gitem-post-categories {
  179. background-image: url('../vc/vc-element-icons/element-icon-category.svg');
  180. }
  181. .vc_icon-vc-section, .vc_icon-vc-section[data-is-container="true"] {
  182. // Add section icon
  183. background-image: url('../vc/vc-element-icons/element-icon-section.svg');
  184. }
  185. .vc_icon-vc-zigzag {
  186. background-image: url('../vc/vc-element-icons/element-icon-separator-zig-zag.svg');
  187. }
  188. .vc_icon-vc-hoverbox {
  189. background-image: url('../vc/vc-element-icons/element-icon-hover-box.svg');
  190. }
  191. .vc_icon-vc-gutenberg {
  192. background-image: url('../vc/vc-element-icons/element-icon-gutenberg.svg');
  193. }