jQuery UI grille magnétique irrégulier redimensionnable

Question

Je voudrais définir une grille irrégulière pour la grille magnétique redimensionnable jQuery UI

Par défaut, je peux définir une grille de x pixels pour chaque colonne, mais je voudrais avoir quelque chose comme:

0px 200px 250px 300px // note that I've skipped 50, 100 and 150 

Compte tenu de cet exemple: http://codepen.io/FezVrasta/pen/MKgQod

$("#resizable").resizable({ 
     grid: 50, 
     handles: 'e, w' 
    }); 

Je voudrais faire le traînement de t L'élément ignore complètement les étapes où l'élément devient rouge.

Est-ce possible?

Answer 1

J'ai trouvé une solution, je ne sais pas s'il y a une meilleure façon, mais celui-ci le travail comme prévu:

[style*="width: 50px"], 
    [style*="width: 100px"], 
    [style*="width: 150px"] { 
    width: 200px !important; 
    } 

http://codepen.io/FezVrasta/pen/adoqQm