Skip to content

Instantly share code, notes, and snippets.

@MrBushid0
MrBushid0 / section.json
Created January 22, 2026 11:34
breakdance > rotate icon on slide change
{"element":{"id":100,"data":{"type":"EssentialElements\\Section","properties":{"design":{"layout_v2":{"layout":"vertical"}}}},"children":[{"id":102,"data":{"type":"EssentialElements\\Icon","properties":{"content":{"content":{"icon":{"id":15,"slug":"icon-accessibility","name":"accessibility","svgCode":"<svg xmlns=\"http://www.w3.org/2000/svg\" id=\"icon-accessibility\" viewBox=\"0 0 32 32\">\n<path d=\"M13 3c0-1.657 1.343-3 3-3s3 1.343 3 3c0 1.657-1.343 3-3 3s-3-1.343-3-3z\"/>\n<path d=\"M20 10l10.3-4.443-0.743-1.857-12.557 4.3h-2l-12.557-4.3-0.743 1.857 10.3 4.443v8l-4.102 13.268 1.87 0.709 5.804-12.977h0.857l5.804 12.977 1.87-0.709-4.102-13.268z\"/>\n</svg>","iconSetSlug":"IcoMoon Free"}}},"settings":{"advanced":{"css":{"breakpoint_base":"%%SELECTOR%% {\n --r: 0;\n rotate: calc(var(--r) * 1deg);\n}"},"id":"my-icon"},"elements_hive_pro":{"interactions":null}}}},"children":[],"_parentId":100},{"id":114,"data":{"type":"EssentialElements\\Advancedslider","properties":{"settings":{"elements_hive_pro":null,"advanc
@MrBushid0
MrBushid0 / breakdance-codemirror-draggable.js
Created January 6, 2024 21:52
One solution to make the codemirror dialogs on Breakdance draggable via js
/* Use some code injection browser extension like
https://chromewebstore.google.com/detail/user-javascript-and-css/nbhcbdghjpllgmfilhnhkllmkecfmpld
*/
( () => {
const app = document.querySelector('#app')
if(!app) return
const initObservable = () => {
@MrBushid0
MrBushid0 / observePreview.js
Created May 15, 2021 12:13
alternative observePreview function for image sequence player widget
function observePreview(){
const config = { attributes: true };
const callback = function(mutationsList, observer) {
for(let mutation of mutationsList) {
if ( mutation.attributeName === 'data-elementor-device-mode' ) {
switch (mutation.target.attributes["data-elementor-device-mode"].value) {
case 'desktop' :
run('desktop');
break;