This extension is available for:* Google Chrome* Microsoft Edge* Mozilla FirefoxVisit https://webextensions.org/ for further details

Created by:* Priyank Parashar

Uses:* No need to refresh pages to test your CSS/LESS code* Speed-up development and testing of your styling code by doing it directly on your page* Develop and test your code before finalizing your changes into the project files* Apply some temporary styles (like hiding some components)* Reload CSS resources without refreshing the page* Test styling changes even when you cannot modify the original source code

Notes:* The CSS/LESS code you write gets applied as you write it* With this styling code tester, you can develop and test the code at the same time* The code is saved in browser as soon as you write it* The code editor is resizable and draggable* The code you write is auto-saved at site level and can be used again for same or different pages* You can use "TAB" key to indent your code* Running Magic CSS again, while it is already loaded, will restore it to its original position and size* Press "Esc" or click on close to hide it and run it again to continue making changes* The code you write is added at the bottom of the <body> tag of the active page* It includes CSS/LESS beautifier and minifier* It highlights the DOM elements matching the CSS selectors* Use it along with your favorite Chrome/Edge/Firefox Developer tools* You might find it useful in creating your custom themes for websites based on Stylish / Stylist* This extension is also known as "MagiCSS - Live CSS Editor"