Modifiez les valeurs CSS avec un aperçu en direct. Less.js?

Je souhaite créer une page dans un CP Admin dans lequel vous pouvez personnaliser les valeurs de certaines propriétés CSS, par ex. fond-couleurs. Cela devrait avoir un aperçu en direct comme par exemple. dans Wordpress, mais je ne sais pas comment.Modifiez les valeurs CSS avec un aperçu en direct. Less.js?

J'utilise moins pour les styles, donc je pensé à utiliser Less.js et

less.modifyVars()

Il fonctionne, mais le problème est, il faut environ une seconde pour montrer le changement de la page, puisque le moins de fichier n'est pas petit, car j'importe aussi Bootstrap.

Une autre idée comment faire quelque chose comme ça?

Source

2014-09-11 user3817008

J'essaie d'éviter de créer une fonction pour chaque élément et la propriété. – user3817008

En supposant que vous utilisez LiveReload ou quelque chose comme ça, divisez un gros fichier en plusieurs petits fichiers. LiveReload ne rechargera/mettra à jour que les fichiers qui ont été modifiés - ce qui devrait être beaucoup plus rapide/instantané.

Vous pouvez enregistrer les modifications CSS en utilisant Chrome Dev Tools - plus ici How to save CSS changes of Styles panel of Chrome Developer Tools?

Source

2014-09-11 10:56:14 Iladarsda

Merci, mais quelque chose comme le dernier exemple ici: http://www.eyecon.ro/colorpicker/ Un moyen de changer les valeurs dans le navigateur – user3817008

Vous voulez dire changer la valeur dans le navigateur et enregistrez-le sur le css /Moins? – Iladarsda

Oui et à l'intérieur du site, donc pas d'addons de navigateur, etc – user3817008

Modifiez les valeurs CSS avec un aperçu en direct. Less.js?

Répondre

Questions connexes