[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$fE_wAuwpQzo5s40xlPCVwcs51Z8E0kR8BYxe6bk56HIo":3},{"slug":4,"display_name":5,"profile_url":6,"plugin_count":7,"total_installs":8,"avg_security_score":9,"avg_patch_time_days":10,"trust_score":11,"computed_at":12,"plugins":13},"jakobodb","Jakobodb","https:\u002F\u002Fprofiles.wordpress.org\u002Fjakobodb\u002F",2,70,85,30,84,"2026-04-04T06:49:17.356Z",[14,35],{"slug":15,"name":16,"version":17,"author":5,"author_profile":6,"description":18,"short_description":19,"active_installs":8,"downloaded":20,"rating":21,"num_ratings":21,"last_updated":22,"tested_up_to":23,"requires_at_least":24,"requires_php":25,"tags":26,"homepage":25,"download_link":32,"security_score":9,"vuln_count":21,"unpatched_count":21,"last_vuln_date":33,"fetched_at":34},"cxx-margin-and-padding-utility","CSS Margin & Padding Utility","2.0.1","\u003Cp>This utility plugin adds a series of css classes that allow easy addition of set padding and margin to any element.\u003C\u002Fp>\n\u003Cp>For basic use, the classes follow the format of [margin \u002F padding][location letter: all, top, right, bottom, left, vertical, horizontal][amount: none, small, medium, large, extra large (0.5em, 1em, 2em, 4em)]\u003C\u002Fp>\n\u003Cp>Also in the basic classes are percentages, taking the place of the last letter in the format [p][percentage] e.g. p7-5 for 7.5% or p15 for 15%.\u003C\u002Fp>\n\u003Cp>\u003Cem>Examples of Basic Classes:\u003C\u002Fem>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>man > margin all none = margin: 0px;\u003C\u002Fli>\n\u003Cli>prl > padding right large = padding-right: 2em;\u003C\u002Fli>\n\u003Cli>mvp5 > margin vertical 5% = margin: 5% 0;\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Cstrong>Additional utility classes – First \u002F Last child, Child \u002F Sub\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>To add selective classes for adding margin \u002F padding to the first \u002F last child, any child, or any sub-element of the required element, simply add ‘last-‘, ‘first-‘, ‘child-‘, or ‘sub-‘ to the beginning of the basic classes.\u003C\u002Fp>\n\u003Cp>\u003Cem>Examples of Child Classes\u003C\u002Fem>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>last-mhxl > last-child margin horizontal extra large = last-mhxl :last-child { margin: 0 4em; }\u003C\u002Fli>\n\u003Cli>last-pbn > last-child padding bottom none = last-pbn :last-child { padding-bottom: 0; }\u003C\u002Fli>\n\u003Cli>first-mtm > first-child margin top medium = first-mtm :first-child { margin-top: 2em; }\u003C\u002Fli>\n\u003Cli>child-mal > child margin all large = child-mal > * { margin: 4em; }\u003C\u002Fli>\n\u003Cli>sub-php5 > sub elements padding horizontal 5 percent = sub-php5 * { padding: 0 5%; }\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Cstrong>Additional utility classes – Responsive margin \u002F padding\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>You can also apply the margin \u002F padding required to certain screen widths, ranging from xl (min: 1200px) to xs (max: 480px). To use these responsive classes, add -[screen-size] to the end of the basic classes.\u003C\u002Fp>\n\u003Cp>\u003Cem>Examples of Responsive Classes\u003C\u002Fem>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>mrm-lg > margin right medium, large screen = (max-width: 1199px) and (min-width: 980px) margin-right: 2em;\u003C\u002Fli>\n\u003Cli>pas-xs > padding all small, xsmall screen = (max-width: 480px) padding: 0.5em;\u003C\u002Fli>\n\u003Cli>mhp15-md > margin horizontal 15%, medium screen = (max-width: 979px) and (min-width: 768px) margin-left: 15%; margin-right: 15%;\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Cstrong>Full Table of Options\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>[margin \u002F padding]\u003Cbr \u002F>\nm = margin\u003Cbr \u002F>\np = padding\u003C\u002Fp>\n\u003Cp>[location]\u003Cbr \u002F>\na = all\u003Cbr \u002F>\nt = top\u003Cbr \u002F>\nr = right\u003Cbr \u002F>\nb = bottom\u003Cbr \u002F>\nl = left\u003Cbr \u002F>\nv = vertical (top + bottom)\u003Cbr \u002F>\nh = horizontal (left + right)\u003C\u002Fp>\n\u003Cp>[amount]\u003Cbr \u002F>\ns = small (0.5em)\u003Cbr \u002F>\nm = medium (1.0em)\u003Cbr \u002F>\nl = large (2.0em)\u003Cbr \u002F>\nxl = extra large (4.0em)\u003Cbr \u002F>\np5 = 5 percent (5.0%)\u003Cbr \u002F>\np7-5 = 7.5 percent (7.5%)\u003Cbr \u002F>\np10 = 10 percent (10.0%)\u003Cbr \u002F>\np12-5 = 12.5 percent (12.5%)\u003Cbr \u002F>\np15 = 15 percent (15.0%)\u003C\u002Fp>\n\u003Cp>[first \u002F last] (prefix)\u003Cbr \u002F>\nfirst- = > :first-child\u003Cbr \u002F>\nlast- = > :last-child\u003C\u002Fp>\n\u003Cp>[child \u002F sub] (prefix)\u003Cbr \u002F>\nchild- = > *\u003Cbr \u002F>\nsub- = *\u003C\u002Fp>\n\u003Cp>[screen-size] (suffix)\u003Cbr \u002F>\n-xs = max-width: 480px\u003Cbr \u002F>\n-sm = max-width: 767px and min-width: 481px\u003Cbr \u002F>\n-md = max-width: 979px and min-width: 768px\u003Cbr \u002F>\n-lg = max-width: 1199px and min-width: 980px\u003Cbr \u002F>\n-xl = min-width: 1200px\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Additional utility classes – Boxshadow\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>Using the boxshadow utility classes, you can quickly add a boxshadow to divs and other elements. The format of the utility classes is as follows: shadowout-[direction][blur]-[shadow opacity].\u003C\u002Fp>\n\u003Cp>\u003Cem>Examples of Boxshadow\u003C\u002Fem>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>shadowout-nm-medium > no direction, medium blur, medium opacity = box-shadow: 0 0 .15em 0 rgba(0,0,0,0.27);\u003C\u002Fli>\n\u003Cli>shadowout-brm-dark > bottom-right direction, medium blur, dark opacity = box-shadow: .15em .15em .3em 0 rgba(0,0,0,0.54);\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Cem>Options for Boxshadow utility\u003C\u002Fem>\u003C\u002Fp>\n\u003Cp>[direction]\u003Cbr \u002F>\nall directions shift the shadow by .15em\u003Cbr \u002F>\nn = none\u003Cbr \u002F>\nt = top\u003Cbr \u002F>\nb = bottom\u003Cbr \u002F>\nl = left\u003Cbr \u002F>\nr = right\u003Cbr \u002F>\ntl = top-left\u003Cbr \u002F>\ntr = top-right\u003Cbr \u002F>\nbl = bottom-left\u003Cbr \u002F>\nbr = bottom-right\u003C\u002Fp>\n\u003Cp>[blur]\u003Cbr \u002F>\ns = small (.15em)\u003Cbr \u002F>\nm = medium (.3em)\u003Cbr \u002F>\nl = large (.6em)\u003C\u002Fp>\n\u003Cp>[shadow opacity]\u003Cbr \u002F>\n-light = light (0.135 opacity)\u003Cbr \u002F>\n-medium = medium (0.27 opacity)\u003Cbr \u002F>\n-dark = dark (0.54 opacity)\u003C\u002Fp>\n","Utility for adding css classes for Margin and Padding e.g. .man for 0 margin on all sides, .ptm for 1em padding-top.",3865,0,"2017-05-26T11:06:00.000Z","4.7.32","3.0.1","",[27,28,29,30,31],"boxshadow","css","margin","padding","utility","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fcxx-margin-and-padding-utility.2.0.1.zip",null,"2026-03-15T15:16:48.613Z",{"slug":36,"name":37,"version":38,"author":5,"author_profile":6,"description":39,"short_description":40,"active_installs":21,"downloaded":41,"rating":21,"num_ratings":21,"last_updated":42,"tested_up_to":23,"requires_at_least":24,"requires_php":25,"tags":43,"homepage":25,"download_link":48,"security_score":9,"vuln_count":21,"unpatched_count":21,"last_vuln_date":33,"fetched_at":34},"development-mode","Development Mode","1.0.0","\u003Cp>This utility plugin changes the theme of the current user to Sunrise, and uses the Sunrise color scheme when browsing the front-end, to help ensure you are viewing and editing the Development Site when making crucial changes to a site.\u003C\u002Fp>\n\u003Cp>This plugin also adds a menu item to the admin bar to further confirm that you are on the Development Site.\u003C\u002Fp>\n","Uses Sunrise theme on Dashboard and Frontend to visually represent development mode",1151,"2017-05-09T10:41:00.000Z",[44,45,46,47,31],"admin","admin-bar","developer","development","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fdevelopment-mode.zip"]