frontend.css.php 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <?php if ( ! isset( $settings->exclude_wrapper ) && ! empty( $settings->align ) ) : ?>
  2. .fl-node-<?php echo $id; ?>.fl-module-vamtam-icon {
  3. text-align: <?php echo $settings->align; ?>
  4. }
  5. <?php endif; ?>
  6. .fl-node-<?php echo $id; ?> .fl-module-content .fl-icon i {
  7. font-size: <?php echo $settings->size; ?>px;
  8. <?php if ( $settings->color ) : ?>
  9. color: <?php echo esc_html( vamtam_el_sanitize_accent( $settings->color ) ) ?>;
  10. <?php endif; ?>
  11. <?php if ( $settings->bg_color ) : ?>
  12. background: <?php echo esc_html( vamtam_el_sanitize_accent( $settings->bg_color ) ) ?>;
  13. <?php endif; ?>
  14. }
  15. <?php if ( ! empty( $settings->bg_hover_color ) || ! empty( $settings->hover_color ) ) : ?>
  16. .fl-node-<?php echo $id; ?> .fl-module-content .fl-icon i:hover,
  17. .fl-node-<?php echo $id; ?> .fl-module-content .fl-icon a:hover i {
  18. <?php if ( ! empty( $settings->bg_hover_color ) ) : ?>
  19. background: <?php echo esc_html( vamtam_el_sanitize_accent( $settings->bg_hover_color ) ) ?>;
  20. <?php endif; ?>
  21. <?php if ( ! empty( $settings->hover_color ) ) : ?>
  22. color: <?php echo esc_html( vamtam_el_sanitize_accent( $settings->hover_color ) ) ?>;
  23. <?php endif; ?>
  24. }
  25. <?php endif ?>
  26. <?php if ( ! empty( $settings->bg_hover_color ) || ! empty( $settings->bg_color ) ) : ?>
  27. .fl-node-<?php echo $id; ?> .fl-module-content .fl-icon-text {
  28. height: <?php echo $settings->size * 1.75; ?>px;
  29. }
  30. <?php endif ?>
  31. <?php if ( $global_settings->responsive_enabled && ($settings->r_align == 'custom') ) : ?>
  32. @media screen and (max-width: <?php echo $global_settings->responsive_breakpoint; ?>px) {
  33. .fl-node-<?php echo $id; ?>.fl-module-vamtam-icon {
  34. text-align: <?php echo $settings->r_custom_align ?> !important;
  35. }
  36. }
  37. <?php endif; ?>