front.less 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. @import "responsive-utilities.less";
  2. @import "grid.less";
  3. @import "utils.less";
  4. @import "../modules/vc_table.less";
  5. // pixel icons
  6. @import "pixel_icons.less";
  7. @import "../../fonts/vc_icons_v2/init.less";
  8. //Helper classes
  9. .vc_txt_align_ {
  10. &left {
  11. text-align: left;
  12. }
  13. &right {
  14. text-align: right;
  15. }
  16. &center {
  17. text-align: center;
  18. }
  19. &justify {
  20. text-align: justify;
  21. text-justify: inter-word;
  22. }
  23. }
  24. // Mixin for genereate .vc_el_width_X class
  25. .vc_el_width( @size ) {
  26. &.vc_el_width_@{size} {
  27. @percent_size: ~"@{size}%"; // string concatenation with number + %
  28. width: @percent_size;
  29. margin-left: auto !important;
  30. margin-right: auto !important;
  31. }
  32. }
  33. // Loop to call .vc_el_width mixin
  34. .generate_width(@start, @max: 100, @step: 10) when ( @start <= @max) {
  35. .vc_el_width(@start);
  36. .generate_width((@start+@step), @max, @step); // next iteration, will automatically break if @start+@step <= @max
  37. }
  38. // Generate classes in loop from 50 to 100, vc_el_width_50, .. vc_el_width_100.
  39. .generate_width(50, 100, 10);
  40. @import (once) "../modules/vc_buttons.less";
  41. .vc_column_container {
  42. .vc_btn, .wpb_button {
  43. margin-top: 5px;
  44. margin-bottom: 5px;
  45. }
  46. }
  47. /* 2. Alerts (Message boxes)
  48. ---------------------------------------------------------- */
  49. @import "../shortcodes/vc_message_box/vc_message_box_front.less";
  50. /* 4. Separators
  51. ---------------------------------------------------------- */
  52. /***************** OLD CSS *****************/
  53. /* Content elements margins
  54. ---------------------------------------------------------- */
  55. .wpb_alert p:last-child,
  56. #content .wpb_alert p:last-child, /* for twenty ten theme */
  57. .wpb_text_column p:last-child,
  58. .wpb_text_column *:last-child,
  59. #content .wpb_text_column p:last-child, /* for twenty ten theme */
  60. #content .wpb_text_column *:last-child /* for twenty ten theme */
  61. {
  62. margin-bottom: 0;
  63. }
  64. .wpb_content_element,
  65. ul.wpb_thumbnails-fluid > li,
  66. .wpb_button {
  67. margin-bottom: @vc_element_margin_bottom;
  68. }
  69. .fb_like,
  70. .twitter-share-button, .entry-content .twitter-share-button,
  71. .wpb_googleplus,
  72. .wpb_pinterest,
  73. .wpb_tab .wpb_content_element,
  74. .wpb_accordion .wpb_content_element {
  75. margin-bottom: @vc_margin_bottom_gold;
  76. }
  77. @import "../lib/parallax.less";
  78. @import "../shortcodes/vc_row.less";
  79. @import "../shortcodes/vc_section.less";
  80. @import "../shortcodes/frontend_vc_row.less";
  81. @import "../shortcodes/vc_social_btns.less";
  82. @import "../shortcodes/vc_toggle.less";
  83. @import "../shortcodes/vc_widgetised_column.less";
  84. @import "../shortcodes/vc_button.less";
  85. @import "../shortcodes/vc_button3.less";
  86. @import "../shortcodes/vc_custom_heading.less";
  87. @import "../shortcodes/vc_call_to_action.less";
  88. @import "../shortcodes/vc_call_to_action3.less";
  89. @import "../shortcodes/vc_google_maps.less";
  90. @import "../shortcodes/vc_tabs_tour_accordion.less";
  91. @import "../shortcodes/vc_teaser_grid.less";
  92. @import "../shortcodes/vc_image_gallery.less";
  93. @import "../shortcodes/vc_flickr.less";
  94. @import "../shortcodes/vc_video_widget.less";
  95. @import "../shortcodes/vc_post_slider.less";
  96. @import "../shortcodes/vc_progress_bar.less";
  97. @import "../shortcodes/vc_pie.less";
  98. @import "../shortcodes/vc_carousel.less";
  99. @import "../shortcodes/vc_separator.less";
  100. @import "../shortcodes/vc_zigzag.less";
  101. @import "../shortcodes/vc_single_image.less";
  102. @import "../shortcodes/vc_icon_element.less";
  103. @import "../shortcodes/vc_charts.less";
  104. @import "../shortcodes/vc_zoom.less";
  105. @import "../shortcodes/vc_pagination.less";
  106. @import "../shortcodes/vc_basic_grid/vc_grid.less";
  107. @import "../shortcodes/vc_hoverbox.less";
  108. @import "vc_font.less";
  109. @import "css3_animations.less";
  110. @import "../vendor/woocommerce.less";