Over the last few weeks we’ve been actively using Mixture on real projects, it’s fantastic as it not only allows us to find and fix bugs but also helps us improve the user experience and dream up new features that we think will aid the users development process and workflow. It’s also a great feeling to use a tool you’re building that really quenches a thirst.
Although not a new concept, we wanted to improve the process of debugging and inspecting a page with the browser when using preprocessors such as Sass or Less.
So we’ve created a small chrome extension that works with the developer tools, specifically the elements inspector. Selecting an element will show you the styles for that selection, each with a link to the original Sass/Less file and line number, clicking a link will talk to Mixture and open the file in your default IDE / Editor.
We’ll be releasing Mixture for preview very soon! for updates please follow @TeamMixture.