frontend.css.php 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <?php
  2. FLBuilder::render_module_css( 'vamtam-icon', $id, array(
  3. 'align' => '',
  4. 'bg_color' => $settings->bg_color,
  5. 'bg_hover_color' => $settings->bg_hover_color,
  6. 'color' => $settings->color,
  7. 'hover_color' => $settings->hover_color,
  8. 'icon' => '',
  9. 'link' => '',
  10. 'link_target' => '',
  11. 'size' => $settings->size,
  12. 'text' => '',
  13. ) );
  14. ?>
  15. <?php foreach ( $settings->icons as $i => $icon ) : ?>
  16. <?php if ( isset( $icon->color ) || isset( $icon->bg_color ) ) : ?>
  17. .fl-node-<?php echo $id; ?> .fl-module-content .fl-icon:nth-child(<?php echo $i + 1; ?>) i {
  18. <?php if ( ! empty( $icon->color ) ) : ?>
  19. color: <?php echo esc_html( vamtam_el_sanitize_accent( $icon->color ) ) ?>;
  20. <?php endif; ?>
  21. <?php if ( ! empty( $icon->bg_color ) ) : ?>
  22. background: <?php echo esc_html( vamtam_el_sanitize_accent( $icon->bg_color ) ) ?>;
  23. <?php endif; ?>
  24. }
  25. <?php endif; ?>
  26. <?php if ( isset( $icon->hover_color ) || isset( $icon->bg_hover_color ) ) : ?>
  27. .fl-node-<?php echo $id; ?> .fl-module-content .fl-icon:nth-child(<?php echo $i + 1; ?>) i:hover,
  28. .fl-node-<?php echo $id; ?> .fl-module-content .fl-icon:nth-child(<?php echo $i + 1; ?>) a:hover i {
  29. <?php if ( ! empty( $icon->hover_color ) ) : ?>
  30. color: <?php echo esc_html( vamtam_el_sanitize_accent( $icon->hover_color ) ) ?>;
  31. <?php endif; ?>
  32. <?php if ( ! empty( $icon->bg_hover_color ) ) : ?>
  33. background: <?php echo esc_html( vamtam_el_sanitize_accent( $icon->bg_hover_color ) ) ?>;
  34. <?php endif; ?>
  35. }
  36. <?php endif; ?>
  37. <?php endforeach; ?>
  38. .fl-node-<?php echo $id; ?> .fl-icon-group {
  39. text-align: <?php echo esc_html( $settings->align ) ?>;
  40. }
  41. .fl-node-<?php echo $id; ?> .fl-icon-group .fl-icon {
  42. display: inline-block;
  43. margin-bottom: 10px;
  44. margin-top: 10px;
  45. }
  46. /* Left */
  47. .fl-node-<?php echo $id; ?> .fl-icon-group-left .fl-icon {
  48. margin-right: <?php echo $settings->spacing; ?>px;
  49. }
  50. /* Center */
  51. .fl-node-<?php echo $id; ?> .fl-icon-group-center .fl-icon {
  52. margin-left: <?php echo $settings->spacing; ?>px;
  53. margin-right: <?php echo $settings->spacing; ?>px;
  54. }
  55. /* Right */
  56. .fl-node-<?php echo $id; ?> .fl-icon-group-right .fl-icon {
  57. margin-left: <?php echo $settings->spacing; ?>px;
  58. }