File Content: class-pxl-list-style.php <?php class PxlListStyle_Widget extends Pxltheme_Core_Widget_Base{ protected $name = 'pxl_list_style'; protected $title = 'PXL Lists Style'; protected $icon = 'eicon-editor-list-ul'; protected $categories = array( 'pxltheme-core' ); protected $params = '{"sections":[{"name":"section_list","label":"Content","tab":"content","controls":[{"name":"style","label":"Style","type":"select","options":{"df":"Default","bullet":"Bullet","icon":"Icon","label-value":"Label Value"},"default":"df"},{"name":"selected_icon","label":"Icon","type":"icons","fa4compatibility":"icon","condition":{"style":"icon"}},{"name":"list","label":"List","type":"repeater","controls":[{"name":"item_icon","label":"Item Icon (for style is &quot;icon&quot;)","type":"icons","fa4compatibility":"icon"},{"name":"content","label":"Content","type":"textarea","label_block":true},{"name":"link","label":"Link","type":"url","label_block":true}],"default":[{"content":"Aenean ut pharetra metus convallis"},{"content":"Etiam at lectus et neque viverra"},{"content":"Mauris feugiat metus eget velit"}],"title_field":"{{{ content }}}","condition":{"style!":"label-value"}},{"name":"listvalue","label":"List Value","type":"repeater","controls":[{"name":"label","label":"Label","type":"text","label_block":true},{"name":"value","label":"Value","type":"textarea","label_block":true}],"default":[{"label":"Winner","value":"No\u00ebl van Mierlo"},{"label":"Project","value":"M&S Plan A In Action For Protein award"},{"label":"Contractor","value":"Totaaltuin Leende"}],"title_field":"{{{ label }}}","condition":{"style":"label-value"}}]},{"name":"style_section","label":"Style","tab":"style","controls":[{"name":"max_width","label":"Max Width","type":"slider","control_type":"responsive","size_units":["%","px"],"range":{"%":{"min":0,"max":100},"px":{"min":0,"max":300}},"selectors":{"{{WRAPPER}} .pxl-list-style":"max-width: {{SIZE}}{{UNIT}};"}},{"name":"icon_color","label":"Icon Color","type":"color","selectors":{"{{WRAPPER}} .pxl-list-style .list-icon, {{WRAPPER}} .pxl-list-style .list-item .num":"color: {{VALUE}};","{{WRAPPER}} .pxl-list-style.bullet .list-content:before":"background-color: {{VALUE}};","{{WRAPPER}} .pxl-list-style .list-icon svg":"fill: {{VALUE}};"}},{"name":"icon_fontsize","label":"Icon Font Size (px)","control_type":"responsive","type":"number","selectors":{"{{WRAPPER}} .pxl-list-style .list-icon":"font-size: {{VALUE}}px;","{{WRAPPER}} .pxl-list-style .list-icon svg":"width: {{VALUE}}px;"}},{"name":"icon_spacer","label":"Icon Spacer","type":"slider","control_type":"responsive","size_units":["px"],"range":{"px":{"min":0,"max":50}},"selectors":{"body:not(.rtl) {{WRAPPER}} .pxl-list-style .list-icon":"padding-right: {{SIZE}}{{UNIT}};","body.rtl {{WRAPPER}} .pxl-list-style .list-icon":"padding-left: {{SIZE}}{{UNIT}};","body:not(.rtl) {{WRAPPER}} .pxl-list-style.bullet .list-content":"padding-left: {{SIZE}}{{UNIT}};","body.rtl {{WRAPPER}} .pxl-list-style.bullet .list-content":"padding-right: {{SIZE}}{{UNIT}};"}},{"name":"icon_top_spacer","label":"Icon Top Space (px)","type":"slider","control_type":"responsive","size_units":["px"],"range":{"px":{"min":0,"max":50}},"selectors":{"{{WRAPPER}} .pxl-list-style .list-icon, {{WRAPPER}} .pxl-list-style.bullet .list-content:before":"margin-top: {{SIZE}}{{UNIT}};"}},{"name":"icon_top_position","label":"Icon Top Position (px)","type":"slider","control_type":"responsive","size_units":["px"],"range":{"px":{"min":0,"max":50}},"selectors":{"{{WRAPPER}} .pxl-list-style .list-icon span, {{WRAPPER}} .pxl-list-style .list-icon svg, {{WRAPPER}} .pxl-list-style.bullet .list-content:before":"top: {{SIZE}}{{UNIT}};"},"separator":"after"},{"name":"content_color","label":"Content Color","type":"color","selectors":{"{{WRAPPER}} .pxl-list-style .list-content, {{WRAPPER}} .pxl-list-style .list-content a":"color: {{VALUE}};","{{WRAPPER}} .pxl-list-style .list-content a:after":"background-color: {{VALUE}};"}},{"name":"content_color_hover","label":"Content Color Hover","type":"color","selectors":{"{{WRAPPER}} .pxl-list-style .list-content:hover, {{WRAPPER}} .pxl-list-style .list-content a:hover":"color: {{VALUE}};","{{WRAPPER}} .pxl-list-style .list-content a:hover:after":"background-color: {{VALUE}};"}},{"name":"content_typography","label":"Content Typography","type":"typography","control_type":"group","selector":"{{WRAPPER}} .pxl-list-style .list-content","condition":{"style!":"label-value"}},{"name":"label_typography","label":"Label Typography","type":"typography","control_type":"group","selector":"{{WRAPPER}} .pxl-list-style .list-item .lbl","condition":{"style":"label-value"}},{"name":"value_typography","label":"Value Typography","type":"typography","control_type":"group","selector":"{{WRAPPER}} .pxl-list-style .list-item .value","condition":{"style":"label-value"}},{"name":"flex_direction","label":"Flex Direction","type":"select","control_type":"responsive","options":{"flex-column":"Column","flex-column-reverse":"Column Reverse","flex-row":"Row","flex-row-reverse":"Row Reverse"},"default":"flex-column"},{"name":"hide_first_icon","label":"Hide First Icon","type":"select","control_type":"responsive","options":{"inline-block":"No","none":"Yes"},"default":"","selectors":{"{{WRAPPER}} .pxl-list-style":"--hide-first-icon:{{VALUE}};"}},{"name":"icon_first_spacer","label":"Icon First Spacer","type":"slider","control_type":"responsive","size_units":["px"],"range":{"px":{"min":0,"max":50}},"selectors":{"body:not(.rtl) {{WRAPPER}} .pxl-list-style .list-item:first-child .list-icon":"padding-right: {{SIZE}}{{UNIT}};","body.rtl {{WRAPPER}} .pxl-list-style .list-item:first-child .list-icon":"padding-left: {{SIZE}}{{UNIT}};","body:not(.rtl) {{WRAPPER}} .pxl-list-style.bullet .list-item:first-child .list-content":"padding-left: {{SIZE}}{{UNIT}};","body.rtl {{WRAPPER}} .pxl-list-style.bullet .list-item:first-child .list-content":"padding-right: {{SIZE}}{{UNIT}};"}},{"name":"content_align_vertical","label":"Content Vertical 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}} .pxl-list-style":"justify-content: {{VALUE}};"},"condition":{"flex_direction":["flex-column","flex-column-reverse"]}},{"name":"item_vertical_alignment","label":"Item 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":"flex-start","toggle":false,"selectors":{"{{WRAPPER}} .pxl-list-style .list-item":"align-items: {{VALUE}};"}},{"name":"content_align","label":"Content 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}} .pxl-list-style":"justify-content: {{VALUE}};"},"condition":{"flex_direction":["flex-row","flex-row-reverse"]}},{"name":"item_spacing","label":"Item Space (px)","type":"slider","control_type":"responsive","default":{"size":10,"unit":"px"},"size_units":["px"],"range":{"px":{"min":0,"max":300}},"selectors":{"{{WRAPPER}} .pxl-list-style .list-item + .list-item":"margin-top: {{SIZE}}{{UNIT}};"},"condition":{"flex_direction":["flex-column","flex-column-reverse"]}},{"name":"item_gap","label":"Item Gap","type":"slider","control_type":"responsive","range":{"px":{"min":0,"max":300}},"selectors":{"{{WRAPPER}} .pxl-list-style":"--item-gap: {{SIZE}}{{UNIT}};"},"condition":{"flex_direction":["flex-row","flex-row-reverse"]}},{"name":"item_width","label":"Item Width","type":"slider","control_type":"responsive","default":{"unit":"em"},"size_units":["%","px"],"range":{"%":{"min":0,"max":100},"px":{"min":0,"max":300}},"selectors":{"{{WRAPPER}} .pxl-list-style":"--item-width: {{SIZE}}{{UNIT}};"},"condition":{"flex_direction":["flex-row","flex-row-reverse"]}},{"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