File Content: class-pxl-icon.php <?php class PxlIcon_Widget extends Pxltheme_Core_Widget_Base{ protected $name = 'pxl_icon'; protected $title = 'PXL Icon'; protected $icon = 'eicon-favorite'; protected $categories = array( 'pxltheme-core' ); protected $params = '{"sections":[{"name":"content_section","label":"Time to","tab":"content","controls":[{"name":"selected_icon","label":"Icon","type":"icons"},{"name":"link","label":"Link","type":"url","placeholder":"https:\/\/your-link.com","default":{"url":""}}]},{"name":"style_section","label":"Style","tab":"style","controls":[{"name":"icon_width","label":"Box Width","type":"slider","control_type":"responsive","size_units":["px","%","em","rem","vw","custom"],"range":{"px":{"min":6,"max":300}},"selectors":{"{{WRAPPER}} .icon-inner":"width: {{SIZE}}{{UNIT}};"}},{"name":"icon_height","label":"Box Height","type":"slider","control_type":"responsive","size_units":["px","%","em","rem","vw","custom"],"range":{"px":{"min":6,"max":300}},"selectors":{"{{WRAPPER}} .icon-inner":"height: {{SIZE}}{{UNIT}};"}},{"name":"content_align","label":"Alignment","type":"choose","control_type":"responsive","options":{"start":{"title":"Start","icon":"eicon-text-align-left"},"center":{"title":"Center","icon":"eicon-text-align-center"},"end":{"title":"End","icon":"eicon-text-align-right"}},"selectors":{"{{WRAPPER}} .icon-inner":"display:flex; text-align: {{VALUE}}; justify-content: {{VALUE}};"}},{"name":"content_vertical_alignment","label":"Vertical Alignment","type":"choose","control_type":"responsive","options":{"flex-start":{"title":"Top","icon":"eicon-v-align-top"},"center":{"title":"Middle","icon":"eicon-v-align-middle"},"flex-end":{"title":"Bottom","icon":"eicon-v-align-bottom"}},"default":"top","toggle":false,"selectors":{"{{WRAPPER}} .icon-inner":"display:flex; align-items: {{VALUE}};"}},{"name":"size","label":"Size","type":"slider","control_type":"responsive","size_units":["px","%","em","rem","vw","custom"],"range":{"px":{"min":6,"max":300}},"selectors":{"{{WRAPPER}} .icon-inner .pxl-icon":"font-size: {{SIZE}}{{UNIT}};","{{WRAPPER}} .icon-inner .pxl-icon svg":"height: {{SIZE}}{{UNIT}};"},"separator":"before"},{"name":"fit_to_size","label":"Fit to Size","type":"switcher","description":"Avoid gaps around icons when width and height aren\'t equal","label_off":"Off","label_on":"On","condition":{"selected_icon[library]":"svg"},"selectors":{"{{WRAPPER}} .icon-inner svg":"width: 100%;"}},{"name":"icon_padding","label":"Padding","type":"slider","control_type":"responsive","size_units":["px","%","em","rem","custom"],"range":{"px":{"max":50},"em":{"min":0,"max":5},"rem":{"min":0,"max":5}},"selectors":{"{{WRAPPER}} .icon-inner":"padding: {{SIZE}}{{UNIT}};"}},{"name":"rotate","label":"Rotate","type":"slider","size_units":["deg","grad","rad","turn","custom"],"control_type":"responsive","default":{"unit":"deg"},"tablet_default":{"unit":"deg"},"mobile_default":{"unit":"deg"},"selectors":{"{{WRAPPER}} .pxl-icon i, {{WRAPPER}} .pxl-icon svg":"transform: rotate({{SIZE}}{{UNIT}});"},"separator":"after"},{"name":"icon_effects","control_type":"tab","tabs":[{"name":"normal","label":"Normal","type":"tab","controls":[{"name":"icon_color","label":"Color","type":"color","default":"","selectors":{"{{WRAPPER}} .pxl-icon-wg .pxl-icon":"color: {{VALUE}};","{{WRAPPER}} .pxl-icon-wg .pxl-icon svg":"fill: {{VALUE}};"}},{"name":"background_color","label":"Background Color","type":"color","selectors":{"{{WRAPPER}} .icon-inner":"background-color: {{VALUE}};"}}]},{"name":"hover","label":"Hover","type":"tab","controls":[{"name":"icon_color_hover","label":"Color Hover","type":"color","default":"","selectors":{"{{WRAPPER}} .pxl-icon-wg .icon-inner:hover .pxl-icon":"color: {{VALUE}};","{{WRAPPER}} .pxl-icon-wg .icon-inner:hover .pxl-icon svg":"fill: {{VALUE}};"}},{"name":"background_color_hover","label":"Background Color Hover","type":"color","selectors":{"{{WRAPPER}} .icon-inner:hover":"background-color: {{VALUE}};"}},{"name":"hover_animation","label":"Hover Animation","type":"hover_animation"}]}]},{"name":"border_radius","label":"Border Radius","type":"dimensions","control_type":"responsive","size_units":["px","%","em","rem","custom"],"selectors":{"{{WRAPPER}} .icon-inner":"border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};"},"separator":"before"},{"name":"icon_effect","label":"Effects","type":"select","options":{"":"Default","pulse-anm":"Pulse","pulse-grow-anm":"Pulse Grow","pulse-shrink-anm":"Pulse Shrink","push-anm":"Push","pop-anm":"Pop","bounce-in-anm":"Bounce In","bounce-out-anm":"Bounce Out","bob-anm":"Bob","hang-anm":"Hang","swing-anm":"Swing Forward","tada-anm":"Tada Backward","wobble-vertical-anm":"Wobble Vertical","wobble-horizontal-anm":"Wobble Horizontal","wobble-to-bottom-right-anm":"Wobble To Bottom Right","wobble-to-top-right-anm":"Wobble To Top Right","wobble-top-anm":"Wobble Top","wobble-bottom-anm":"Wobble Bottom","wobble-skew-anm":"Wobble Skew","buzz-anm":"Buzz","buzz-out-anm":"Buzz Out","up-down-move":"up down move","fade-in-out-custom":"fade in out custom","fade-out-in-custom":"fade out in custom"},"default":""},{"name":"item_animation","label":"Item Motion Effect","type":"animation","condition":[]},{"name":"item_animation_duration","label":"Item Animation Duration","type":"select","default":"normal","options":{"slow":"Slow","normal":"Normal","fast":"Fast"},"condition":{"item_animation!":""}},{"name":"item_animation_delay","label":"Item Animation Delay","type":"number","min":0,"step":100,"condition":{"item_animation!":""}}]}]}'; protected $styles = array( ); protected $scripts = array( ); } Submit