Skip to content

Instantly share code, notes, and snippets.

@wpsoul
Created July 10, 2024 16:50
Show Gist options
  • Save wpsoul/8b6bda0a4f4241f56451b944b5640229 to your computer and use it in GitHub Desktop.
Save wpsoul/8b6bda0a4f4241f56451b944b5640229 to your computer and use it in GitHub Desktop.
Jet smart filters design wrapper for Active filters and Greenshift
<!-- wp:greenshift-blocks/element {"id":"gsbp-8efd5d7","dynamicGClasses":[{"value":"filtersjsfactive","type":"local","label":"filtersjsfactive","localed":false,"css":"","attributes":{},"originalID":"gsbp-8efd5d7","originalBlock":"greenshift-blocks/element","selectors":[{"value":" .jet-active-filters__list","attributes":{"flexbox":{"type":"flexbox","flexDirection":["row"],"columngap":["15px"]},"typography":{"textShadow":{},"size":["16px"]}},"css":".filtersjsfactive .jet-active-filters__list{font-size:16px;}.filtersjsfactive .jet-active-filters__list{display:flex;flex-direction:row;column-gap:15px;}"},{"value":" .jet-active-filters__title","attributes":{"typography":{"textShadow":{},"customweight":"bold"}},"css":".filtersjsfactive .jet-active-filters__title{font-weight:bold!important;}"},{"value":" .jet-smart-filters-active .jet-active-filter","attributes":{"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{"top":["3px"],"bottom":["3px"],"right":["15px"],"left":["15px"]},"locked":false}},"background":{"color":"#ffffff"},"border":{"borderRadius":{"values":{"topLeft":["18px"],"topRight":["18px"],"bottomRight":["18px"],"bottomLeft":["18px"]},"locked":true},"style":{"all":["solid"]},"size":{"all":[1]},"color":{"all":["#00000012"]},"styleHover":{},"sizeHover":{},"colorHover":{},"custom":{},"customEnabled":{},"preset":1},"typography":{"textShadow":{},"size":["15px"]}},"css":".filtersjsfactive .jet-smart-filters-active .jet-active-filter{padding-top:3px;padding-right:15px;padding-bottom:3px;padding-left:15px;}.filtersjsfactive .jet-smart-filters-active .jet-active-filter{background-color:#ffffff;}.filtersjsfactive .jet-smart-filters-active .jet-active-filter{border-top-left-radius:18px;border-top-right-radius:18px;border-bottom-right-radius:18px;border-bottom-left-radius:18px;}.filtersjsfactive .jet-smart-filters-active .jet-active-filter{border-style:solid;border-width:1px;border-color:#00000012;}.filtersjsfactive .jet-smart-filters-active .jet-active-filter{font-size:15px;}"},{"value":" .jet-smart-filters-active .jet-active-filter__remove","attributes":{"typography":{"textShadow":{},"color":"#ffffff","size":["14px"],"line_height":["14px"]},"background":{"color":"#000000"},"border":{"borderRadius":{"values":{"topLeft":["50%"],"topRight":["50%"],"bottomRight":["50%"],"bottomLeft":["50%"]},"locked":true},"style":{},"size":{},"color":{},"styleHover":{},"sizeHover":{},"colorHover":{},"custom":{},"customEnabled":{},"preset":6},"size":{"customWidth":{"value":["15px"]},"customHeight":{"value":["15px"]},"widthType":"custom","heightType":"custom"},"flexbox":{"type":"flexbox","justifyContent":["center"],"alignItems":["center"]},"spacing":{"margin":{"values":{"top":["0px"],"right":["0px"],"bottom":["0px"],"left":["0px"]},"locked":true},"padding":{"values":{"top":["0px"],"right":["0px"],"bottom":["0px"],"left":["0px"]},"locked":true}},"position":{"positionType":["","","",""],"positions":{"values":{"top":["-5px"],"right":["-5px"]}}}},"css":".filtersjsfactive .jet-smart-filters-active .jet-active-filter__remove{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.filtersjsfactive .jet-smart-filters-active .jet-active-filter__remove{background-color:#000000;}.filtersjsfactive .jet-smart-filters-active .jet-active-filter__remove{border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%;}.filtersjsfactive .jet-smart-filters-active .jet-active-filter__remove{font-size:14px;line-height:14px;}.filtersjsfactive .jet-smart-filters-active .jet-active-filter__remove{color:#ffffff;}.filtersjsfactive .jet-smart-filters-active .jet-active-filter__remove{top:-5px;right:-5px;}.filtersjsfactive .jet-smart-filters-active .jet-active-filter__remove{width:15px;}.filtersjsfactive .jet-smart-filters-active .jet-active-filter__remove{height:15px;}.filtersjsfactive .jet-smart-filters-active .jet-active-filter__remove{display:flex;justify-content:center;align-items:center;}"}]}],"type":"inner","className":"filtersjsfactive","localId":"gsbp-8efd5d7","localStyles":{"spacing":{"margin":{"values":{"bottom":["20px"]},"locked":false},"padding":{"values":{},"locked":false}}}} -->
<div data-style-id="gsbp-8efd5d7" class="filtersjsfactive"><!-- wp:jet-smart-filters/active {"content_provider":"greenshift-query-loop"} /--></div>
<!-- /wp:greenshift-blocks/element -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment